https://github.com/jcloh98/collaborative-music-player

A seamless music player that lets users create and share playlists from multiple sources like YouTube, SoundCloud, mp3, and mp4.
https://github.com/jcloh98/collaborative-music-player

javascript mp3 mp4 music music-player soundcloud youtube

Last synced: 11 days ago
JSON representation

A seamless music player that lets users create and share playlists from multiple sources like YouTube, SoundCloud, mp3, and mp4.

• Host: GitHub
• URL: https://github.com/jcloh98/collaborative-music-player
• Owner: JCLOH98
• Created: 2024-12-15T12:58:28.000Z (24 days ago)
• Default Branch: main
• Last Pushed: 2024-12-27T21:52:34.000Z (12 days ago)
• Last Synced: 2024-12-27T22:27:11.343Z (11 days ago)
• Topics: javascript, mp3, mp4, music, music-player, soundcloud, youtube
• Language: CSS
• Homepage: https://jcloh98.github.io/collaborative-music-player/
• Size: 367 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# collaborative-music-player

A seamless music player that lets users create and share playlists from multiple sources like YouTube, SoundCloud, mp3, and mp4.

## Features

- upload/download the collaborative music playlist

- listen music from multiple sources

### YouTube

- copy the youtube link

- ![Copy link](/images/youtube/copy-link.png)

### Soundcloud

- click share

- ![Click share](/images/soundcloud/click-share.png)

- select embed and copy code

- ![Click embed and copy code](/images/soundcloud/click-embed-and-copy-code.png)

### mp3 and mp4

- paste the source link for mp3 and mp4

- Eg. 

    - `https://cdn.pixabay.com/audio/2024/12/16/audio_4abc775911.mp3`

    - `https://cdn.pixabay.com/video/2020/01/05/30902-383991325_large.mp4`

## Commands

> dev command (update css in realtime during dev)

> - `npx tailwindcss -i ./styles.css -o ./styles_tailwind.css --watch`

> build command

> - `npx tailwindcss -i ./styles.css -o ./styles_tailwind.css`

## Support

> **If you find this project helpful and enjoyable, consider supporting it with a tip on [Kofi](https://ko-fi.com/jcloh98).**