TurabiOzturk / js-media-player

Media player written with Vanilla JS.

Media Player

A simple media player application built with HTML, CSS, and JavaScript, using Vite as a build tool and development server.

Implemented Features

• Play, pause, and skip through a playlist of audio tracks
• Ability to click on a track in the playlist to play that specific track

Features to Implement

• 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

Getting Started

1. Clone the repository: git clone https://github.com/TurabiOzturk/js-media-player.git
2. Navigate to the project directory: cd js-media-player
3. run npm run dev to launch the application

Usage

• 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

Contributing

If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License.