CodingTextIntermediate

Web Music Player

Build a fully-featured web music player using HTML5, CSS3, and JavaScript, supporting audio visualization, equalizer, playlist management, keyboard shortcuts, and responsive design.

Prompt Content

Copy and paste directly into your model or internal evaluation tool.

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.

Use Cases

Develop a music player web appLearn Web Audio API integrationCreate a responsive player interface

Reference Output

Modern music player interface with album art, waveform visualization, 10-band equalizer, drag-and-drop playlists, keyboard shortcuts, and mobile responsiveness.