A simple media player application built with HTML, CSS, and JavaScript, using Vite as a build tool and development server.
- Play, pause, and skip through a playlist of audio tracks
- Ability to click on a track in the playlist to play that specific track
- Frontend for thumbs up/down functionality will be made functional to rate tracks (ratings will be saved persistently in a JSON file that will act like a database)
- Counter to display the number of times each song has been played (play counts will be saved persistently in the JSON file)
- Shuffle option to play tracks in random order -Repeat option to continuously play the playlist/song on loop
- Dominant color will be extracted from track art to create a dynamic gradient background color
- Songs will be stored in a JSON file, acting as a database
- Users will be able to create new playlists from the available songs in the JSON file through enhanced UX
- Track data loading and unloading will be handled asynchronously
- Clone the repository:
git clone https://github.com/TurabiOzturk/js-media-player.git
- Navigate to the project directory:
cd js-media-player
- run
npm run dev
to launch the application
- Click on a track in the playlist to play it
- Use the play/pause and prev/next buttons to change track
- Control playback and volume through clickable and draggable sliders
If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.
This project is licensed under the MIT License.