Skip to content

Latest commit

 

History

History
47 lines (27 loc) · 1.93 KB

README.md

File metadata and controls

47 lines (27 loc) · 1.93 KB

music-player

View live site:

deveresthood.github.io/music-player/

Description

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.

Features

  • 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

Usage

  • 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.

Technologies Used

  • 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