You can check out the website HERE to see how it looks.
This project is a web-based music player that features songs by ConsolAktif. The application allows users to browse through a list of songs, play/pause tracks, skip to the next or previous tracks, and control the volume. The application is designed with a visually appealing interface that includes album artwork and a seek bar.
- Play and pause songs
- Skip to the next or previous track
- Display current track time and duration
- Seek within a track
- Volume control
- Album artwork display
- Interactive song list for easy track selection
- HTML
- CSS
- JavaScript
- jQuery
To get a local copy of this project up and running, follow these steps:
You need a web browser to run this application.
-
Clone the repository:
git clone https://github.com/MuratGuelr/sunoai-music-player.git
-
Clone the repository:
cd suno-ai-music-player -
Clone the repository:
Open index.html in your web browser.
- Once you open index.html, you will see the music player interface.
- Click on a song from the song list to start playing.
- Use the play/pause button to control the playback.
- Use the next and previous buttons to navigate through the tracks.
- Adjust the volume using the volume slider.
- The current track time and total duration will be displayed, along with a seek bar to jump to different parts of the track.
index.html: The main HTML file containing the structure of the music player.style.css: The CSS file for styling the music player.script.js: The JavaScript file containing the functionality of the music player.songs/: Directory containing the audio files.album-cover/: Directory containing the album artwork images.
Contributions are welcome! Please feel free to submit a pull request or open an issue to discuss changes.
This project is licensed under the MIT License. See the LICENSE file for details.
Font Awesome for the icons used in the player controls. jQuery for simplifying JavaScript operations.