Infinitunes is self-hosted Music Player with Next.js

Infinitunes is self-hosted Music Player with Next.js

Infinitunes is a free and open-source self-hosted music player with a fancy interface, written using Next.js.

Features

  • Live Demo
  • Building from Source
  • Add Metadata to the pages
  • Replace loading spinners with Page Skeletons
  • Play rate for shows and podcasts
  • Implement the feature to save Favorites, Recently Played Songs in both the db and localStorage
  • Add support for User's Playlists
  • Add support for Radio Stations
  • Create Library, Settings, and Profile pages
  • Library page:
    • Recently Played
    • Favorites (Songs, Albums, Playlists)
  • Settings page (Intercepting routes /settings):
    • Theme Mode (Light, Dark, System)
    • Theme Color (Zinc, Slate, Stone, Gray, Neutral, Red, Rose, Orange, Green, Blue, Yellow, Violet)
    • Language (Hindi, English, Punjabi, Tamil, Telugu, Marathi, Gujarati, Bengali, Kannada, Bhojpuri, Malayalam, Urdu, Haryanvi, Rajasthani, Odia, Assamese)
    • Image Quality (Low, Medium, High)
    • Audio Quality (12kbps, 48kbps, 96kbps, 160kbps, 320kbps)
    • Download Quality (12kbps, 48kbps, 96kbps, 160kbps, 320kbps)
    • Download Location
    • Clear Cache
    • Delete Account
  • Improve website responsiveness and accessibility
  • Improve Card Responsiveness, implement auto-resizing cards like https://jiosaavn.com
  • Add accessibility features & aria labels
  • Enhance the Player UI, add a player screen for small devices, and a Queue sheet for larger devices
  • Add support for Keyboard shortcuts for Player
  • Add support to download songs
  • Optimize initial page load size
  • and many more...

License

This project is licensed under the MIT License.

Resources and Downloads

GitHub - rajput-hemant/infinitunes: [WIP] 🎵 A Simple Music Player Web App made with ▲ Next.js 14 + Tailwind CSS
[WIP] 🎵 A Simple Music Player Web App made with ▲ Next.js 14 + Tailwind CSS - GitHub - rajput-hemant/infinitunes: [WIP] 🎵 A Simple Music Player Web App made with ▲ Next.js 14 + Tailwind CSS

Read more