Skip to content

PrimeMusic is a dynamic web platform powered by the Saavn API, offering high-quality music streaming with Spotify-inspired design and advanced playback features. Explore now!

Notifications You must be signed in to change notification settings

Harish-Srinivas-07/PrimeMusic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PrimeMusic Web Application 🎵

Welcome to PrimeMusic, a dynamic web application designed for streaming your favorite music tracks. Drawing inspiration from Spotify's web player, PrimeMusic offers an immersive user experience with its intuitive design and robust functionality. Dive into the world of high-quality music streaming, all powered by the Saavn API!

Features 🚀

  • Interactive Sidebar: Navigate seamlessly with the sidebar featuring Home, Search, and Your Library options.

  • Profile Integration: Personalize your experience with profile pictures and usernames.

  • Collection Strip: Discover popular playlists and search for your favorite songs with the integrated search bar.

  • Song Control: Enjoy full control over your music with play, pause, and navigation functionalities.

Implementation ⚙️

Saavn API Integration 🌐

  • PrimeMusic leverages the Saavn API to retrieve song details, ensuring a vast collection of tracks at your fingertips.

Spotify-Inspired Design 🎧

  • With a design reminiscent of Spotify's web player, PrimeMusic offers a familiar and intuitive interface for users.

Advanced Playback Features 🎶

  • Current Play Indicator: Display the currently playing song near the control panel, mirroring the experience of leading music platforms.

  • Next Song Auto-Play: Automatically play the next song in the queue once the current track ends, enhancing the seamless playback experience.

  • Shuffle Mode: Shuffle your playlist for a randomized listening experience, a feature that's currently exclusive to Spotify Premium but is implemented in this project for all users.

High-Quality Streaming 🎵

  • Experience high-quality audio streaming, ensuring crisp and clear sound for an immersive listening experience.

Data Privacy 🛡️

  • All content is fetched via the Saavn API, ensuring no data storage on the client-side and prioritizing user privacy.

Usage 🌐

  1. Navigate through the sidebar options to explore different sections.
  2. Use the search bar to find specific songs, artists, or playlists.
  3. Control your music playback with the song control panel, featuring current play indicators and advanced playback options.

Certainly! Here's an updated section for the README.md file to include the technical details of the newly added download feature:


New Feature: Download Option 📥

We are excited to introduce a new feature to PrimeMusic – the ability to download your favorite songs directly from the application. This enhancement further expands the utility of PrimeMusic, enabling users to access their preferred tracks offline.

Technical Implementation ⚙️

Blob & Fetch API

  • Blob Object: When a user selects the download option, the audio data of the currently playing song is fetched using the Fetch API. This data is encapsulated within a Blob object, which represents binary data in the form of a file-like object.

  • Blob URL: A Blob URL is generated for the Blob object using window.URL.createObjectURL(blob). This temporary URL provides direct access to the audio file within the browser environment.

Demo 🎉

Explore the PrimeMusic web application in action: PrimeMusic Demo

Acknowledgments 🙏

  • A special thank you to Jio Saavn for providing the comprehensive API, enriching the PrimeMusic experience with a vast library of songs.

About

PrimeMusic is a dynamic web platform powered by the Saavn API, offering high-quality music streaming with Spotify-inspired design and advanced playback features. Explore now!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published