https://github.com/gaureshpai/melodystream

MelodyLoop: Experience seamless music playback with a unique feature allowing users to select and loop specific parts of their favorite songs, enhancing your listening experience like never before.
https://github.com/gaureshpai/melodystream

html-css-javascript typescript

Last synced: 2 days ago
JSON representation

MelodyLoop: Experience seamless music playback with a unique feature allowing users to select and loop specific parts of their favorite songs, enhancing your listening experience like never before.

• Host: GitHub
• URL: https://github.com/gaureshpai/melodystream
• Owner: gaureshpai
• Created: 2023-11-24T20:05:29.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-17T18:37:48.000Z (24 days ago)
• Last Synced: 2025-01-17T19:41:33.005Z (24 days ago)
• Topics: html-css-javascript, typescript
• Language: TypeScript
• Homepage: https://melodystream.vercel.app
• Size: 12 MB
• Stars: 3
• Watchers: 0
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### MelodyStream Music Player

Welcome to MelodyStream, your personalized music player that offers a unique feature to loop selected parts of songs seamlessly.

🎵 **Unique Feature: Loop Selected Parts**

MelodyStream allows you to select and loop specific parts of songs, enabling you to focus on your favorite segments or practice challenging sections effortlessly.

🎧 **Features**

- **Player:** Control your music playback with ease.

- **Playlist:** Organize and manage your favorite tracks.

- **Looping:** Seamlessly loop parts of songs for practice or enjoyment.

🚀 **Technologies Used**

- React.js: Frontend library for building user interfaces.

- Tailwind CSS: Utility-first CSS framework for styling.

- AudioContext API: Manages audio playback and controls within the application.

📄 **Usage**

1. **Clone the repository:**

   ```

   git clone https://github.com/gaureshpai/melodystream.git

   ```

2. **Install dependencies:**

   ```

   cd melodystream

   npm install

   ```

3. **Start the development server:**

   ```

   npm run dev

   ```

4. **Explore and Customize:**

   - Update playlists and tracks in the Playlist component.

   - Customize player controls and styling in the Player component.

   - Enhance features or add new functionalities as per your requirements.

Start streaming and enjoying music with MelodyStream today! 🎶