deveresthood.github.io/music-player/
Zero To Mastery Javascript Projects course music player built using JavaScript, HTML, and CSS. This project is a web-based music player that allows users to play music directly from the browser. It features boolean logic, ES6 syntax, and event listeners.
- Play, pause, skip, and seek music playback.
- Displays the current song's title, artist, and album artwork.
- Responsive design, ensuring optimal user experience across different devices.
- Custom favicon
- Press the play button to begin music playback.
- Use the pause button to pause music playback.
- Click the skip buttons to navigate between songs in the playlist.
- Click the progress bar to seek through audio for a personalized music experience.
- JavaScript: The main programming language used for building out the logic and interactivity of the music player.
- HTML: HTML provides structure for the webpage and its content.
- CSS: CSS enhances the visual appearance of the music player, for a custom, polished look.
Audio credits:
Track 1: Music by Slip.stream - "Pixie" - https://slip.stream/tracks/44fcab9c-827d-465e-ac0b-78bc39c39f85
Track 2: Music by Slip.stream - Spiros Maus "Cyber Fields" - https://slip.stream/tracks/9fb50b13-3cdc-4e14-917d-6ddfcddd5ef3
Track 3: Music by Slip.stream - "Above And Below" - https://slip.stream/tracks/ac7e5494-f75e-47e2-bd26-f54299fa06f3
Image credits: Unsplash