https://github.com/liwa-dev/music-visualizer
Music Player: A simple web-based music player that allows you to create playlists and play songs from YouTube, which works with a Visualizer.. Built with HTML, CSS, and JavaScript
https://github.com/liwa-dev/music-visualizer
Last synced: 8 months ago
JSON representation
Music Player: A simple web-based music player that allows you to create playlists and play songs from YouTube, which works with a Visualizer.. Built with HTML, CSS, and JavaScript
- Host: GitHub
- URL: https://github.com/liwa-dev/music-visualizer
- Owner: liwa-dev
- License: mit
- Created: 2023-06-29T23:12:50.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-30T00:13:55.000Z (almost 3 years ago)
- Last Synced: 2025-02-28T21:07:48.438Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://liwa-dev.github.io/music-visualizer/
- Size: 1.85 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Music Player
## A simple web-based music player that allows you to create playlists and play songs from YouTube, which works with a Visualizer.
### Table of Contents
- [Features](#features)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
### Features
- Add songs to the playlist by entering a YouTube video URL or searching..
- Fetch song details such as title and album cover from YouTube.
- Play songs from the playlist.
- Pause and resume playback.
- Skip to the next song in the playlist.
- Toggle loop mode to continuously play the current song.
- Display a progress bar indicating the current playback position.
- Responsive design for mobile and desktop.
- Visualizer work with sound effects , beats , bass
- Particles work also with sound effects
- Notification system works with the player.
## Technologies Used
- HTML
- CSS
- JavaScript
## Demo
Check out the live demo of the Music Player: [Music Player Demo](https://liwa-dev.github.io/music-visualizer/)
## Usage
1. Clone the repository: git clone https://github.com/liwa-dev/music-visualizer.git.
2. Open the index.html file / if doesn't work then run it on web server.
3. Search for your favorite music.
4. Enjoy listening to your music by selecting a playlist or shuffling songs while displaying the visualizer.
## Contributing
Contributions are welcome! If you have any ideas, suggestions, or bug fixes, please submit a pull request. For major changes, please open an issue first to discuss the proposed changes.
## License
This project is licensed under the [MIT License](LICENSE).