The MusicPlayer is a simple yet functional web-based music player that allows users to play, pause, and navigate between different songs. The player includes controls for playing, pausing, skipping to the next track, and going back to the previous one. Additionally, it provides a slider to control the current time of the track.
This project was developed as a portfolio sample to showcase basic JavaScript and DOM manipulation skills, as well as CSS animations.
To run this project locally, you need the following:
- A modern web browser (Google Chrome, Firefox, etc.)
- Basic knowledge of HTML, CSS, and JavaScript
-
Clone this repository to your local machine:
git clone https://github.com/sajjad-sisakhtpour/musicPlayer.git
-
Navigate to the project directory:
cd musicPlayer -
Open the
index.htmlfile in your browser to view the music player in action.
- Click on the play button to start playing the current song.
- Use the next and previous buttons to switch between songs in the playlist.
- Adjust the song's playback time using the slider at the bottom of the player.
- Play music: Click the play button.
- Skip to next song: Click the "next" button.
- Go to previous song: Click the "previous" button.
- HTML: Contains the structure of the music player with elements for music title, cover image, and control buttons.
- CSS: Styles the player, including animations and layout.
- JavaScript: Handles the logic of music control, including play/pause functionality, song navigation, and updating the playback time.
- Fork the repository.
- Create a new branch (
git checkout -b feature-name). - Make your changes and commit (
git commit -am 'Add new feature'). - Push to your branch (
git push origin feature-name). - Create a new Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
- Email: [email protected]
- GitHub: sajjad-sisakhtpour
- LinkedIn: sajad-sisakht-pour
