Website Video Gallery Generator Tool | Marketonline7

Audio Player Generator

Create beautiful, customizable audio players for your website

Player Controls

Player Style Default Compact Minimal Dark Theme

Player Width

500px

Default Volume

80%

Primary Color

Background Color

Font Family Segoe UI (Default) Arial Georgia Courier New

Show Playlist

Show Volume Control

Auto Play

Loop Playlist

Audio Tracks

Live Preview

Generated Code

/* Your generated HTML, CSS, and JS code will appear here */

© 2023 Audio Player Generator Tool

`; codeOutput.textContent = htmlCode; } // Reset player to default settings function resetPlayer() { currentPlayer = { style: 'default', width: 500, volume: 80, primaryColor: '#3498db', bgColor: '#ffffff', fontFamily: "'Segoe UI', Tahoma, Geneva, Verdana, sans-serif", showPlaylist: true, showVolume: true, autoPlay: false, loopPlaylist: false, tracks: [] }; // Update UI controls playerStyle.value = 'default'; playerWidth.value = 500; playerWidthValue.textContent = '500px'; volume.value = 80; volumeValue.textContent = '80%'; primaryColor.value = '#3498db'; primaryColorHex.value = '#3498db'; primaryColorPreview.style.background = '#3498db'; bgColor.value = '#ffffff'; bgColorHex.value = '#ffffff'; bgColorPreview.style.background = '#ffffff'; fontFamily.value = "'Segoe UI', Tahoma, Geneva, Verdana, sans-serif"; showPlaylist.checked = true; showVolume.checked = true; autoPlay.checked = false; loopPlaylist.checked = false; // Reset tracks initializeDefaultTracks(); // Apply changes updatePlayer(); updateCode(); } // Export code as downloadable file function exportCode() { const htmlCode = codeOutput.textContent; const blob = new Blob([htmlCode], { type: 'text/html' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'audio-player.html'; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); alert('Audio player code downloaded successfully!'); } });