Web Music Player with Equalizer and Visualizations
Description
Full-Featured Web Music Player
This prompt helps develop a modern web player using HTML5, CSS3, JavaScript, and Web Audio API. An ideal solution for creating a professional audio application.
Who Should Use This
- Frontend developers working with audio
- Students learning Web Audio API
- Developers of music services and streaming platforms
Key Features
- Modern Interface: album art display and audio visualization
- Full Controls: play/pause, seek, volume, playback speed
- 10-Band Equalizer: with ready-to-use presets for different genres
- Flexible Playlists: drag-and-drop reordering, shuffle and repeat modes
- Cross-Platform: responsive design and Media Session API support
>_ Prompt
Develop a web-based music player using HTML5, CSS3, and JavaScript with the Web Audio API. Create a modern interface with album art display and visualizations. Implement playlist management with drag-and-drop reordering. Add audio controls including play/pause, skip, seek, volume, and playback speed. Include shuffle and repeat modes with visual indicators. Support multiple audio formats with fallbacks. Implement a 10-band equalizer with presets. Add metadata extraction and display from audio files. Create a responsive design that works on all devices. Include keyboard shortcuts for playback control. Support background playback with media session API integration.