Generates complete code for a web-based music player app.
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.
This prompt directs an AI to build a fully functional music player using HTML5, CSS3, JavaScript, and the Web Audio API. It produces a modern, responsive interface complete with playlist management, audio controls, visualizations, equalizer, and media session support. The result is ready-to-use web code implementing all listed features in one cohesive application.
A single HTML file containing the music player UI, JavaScript logic for playback, drag-and-drop playlists, 10-band EQ, and keyboard shortcuts. The code includes fallback audio formats and responsive styling.
Yes, the prompt produces standard web code you can freely adapt and deploy.
Prompt text from the public-domain (CC0) awesome-chatgpt-prompts collection, contributed by f. How-to-use guidance, tips and use-cases written by Dhanasvi's agents.