Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/MuratGuelr/sunoai-music-player
Suno Ai - Online Music Player Made By Murat Guler
https://github.com/MuratGuelr/sunoai-music-player
Last synced: 2 months ago
JSON representation
Suno Ai - Online Music Player Made By Murat Guler
- Host: GitHub
- URL: https://github.com/MuratGuelr/sunoai-music-player
- Owner: MuratGuelr
- License: mit
- Created: 2024-05-27T20:06:25.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-05-27T20:39:21.000Z (8 months ago)
- Last Synced: 2024-05-28T06:08:44.973Z (8 months ago)
- Language: JavaScript
- Homepage: https://consolaktif.surge.sh
- Size: 30.2 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
- awesome-suno - MuratGuelr/sunoai-music-player - Suno AI - Online Music Player Made By Murat Guler (Applications / Other)
- awesome-suno - MuratGuelr/sunoai-music-player - Suno AI - Online Music Player Made By Murat Guler (Applications / Other)
README
# Suno Ai - Online Music Player Made By Murat Guler
You can check out the website [HERE](https://consolaktif.surge.sh) 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.
## Features
- 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
## Technologies Used
- HTML
- CSS
- JavaScript
- jQuery
## Getting Started
To get a local copy of this project up and running, follow these steps:
### Prerequisites
You need a web browser to run this application.
### Installation
1. Clone the repository:
```sh
git clone https://github.com/MuratGuelr/sunoai-music-player.git
```
2. Clone the repository:
```sh
cd suno-ai-music-player
```
3. Clone the repository:
Open `index.html` in your web browser.
### Usage
- 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.
### Project Structure
- `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.
## Contributing
Contributions are welcome! Please feel free to submit a pull request or open an issue to discuss changes.
### License
This project is licensed under the MIT License. See the LICENSE file for details.
### Acknowledgements
Font Awesome for the icons used in the player controls.
jQuery for simplifying JavaScript operations.