Description
HTML5 Web Audio Player
HTML5 Web Audio Player is a lightweight, fully client-side HTML5 audio player built with pure HTML, CSS, and Vanilla JavaScript. It supports preloaded audio files as well as user uploads, featuring a clean, responsive UI with essential controls for an enhanced audio experience.
Features
– Preloaded playlist with multiple MP3 audio files
– Upload your own audio files for instant playback
– Light/Dark mode toggle for user preference
– Next and Previous track controls
– Interactive and user-friendly playlist interface
– Playback speed control: 0.5x, 1x, 1.5x, 2x
– Built with pure HTML, CSS, and JavaScript — no external dependencies
– Compatible with modern browsers: Chrome, Firefox, Edge
– Runs smoothly on localhost or live servers (not supported on file:// protocol)
Included Files
– index.html
– css/style.css
– Audio files: audio/1.mp3 to audio/5.mp3
– Audio thumbnails: audio-thumbnail/1.jpg to audio-thumbnail/5.jpg
– Documentation: documentation.html
– README file
Requirements
Modern browser (Chrome, Firefox, Edge)
No backend or server required
Instructions
1. Open index.html in a modern browser via localhost or hosted server (file:// protocol not supported).
2. Playlist automatically loads preloaded audio files from the audio folder.
3. Use play (▶), previous (⏮), and next (⏭) buttons to control playback.
4. Upload your own MP3 file with the upload button to play instantly.
5. Switch tracks using the interactive playlist UI.
6. Adjust playback speed via dropdown menu.
7. Toggle Light/Dark mode with the theme switch button.
