{"repo":"leerob/next-music-player","free":true,"listed":false,"github":"https://github.com/leerob/next-music-player","clone":"git clone https://github.com/leerob/next-music-player.git","description":"A blazing fast, information dense media player built with Next.js.","language":"TypeScript","stars":834,"topics":["nextjs"],"license":null,"category":"media-processing","readme_excerpt":"Next.js Music Player A nice GUI for playing/viewing local media files. Getting Started Running Locally Use the included setup script to create your .env file: Add local audio files to a top level tracks/ folder (git ignored). One option to download files is yt-dlp . You can provide arguments to download the song metadata, as well as the cover image, too. Then, run the database migrations and seed the database with a songs and playlists: Finally, run the Next.js development server: You can view your database contents with Drizzle Studio locally: Open http://localhost:3000 in your browser to see the app in action. Features - ✅ Uses MediaSession API to sync track metadata with system controls - ✅ Press space to play/pause from anywhere in the app - ✅ View for all tracks - ✅ Click on song row to play - ✅ Move between songs in tracklist with up/down or j/k - ✅ Move between playlists panel and tracklist with h/l - ✅ Now playing animation in track row - ✅ Support for both local or remote files - ✅ Mobile responsiveness - ✅ Drag on the progress bar to seek song - ✅ Create a new playlist in the UI - ✅ Image upload to Vercel Blob for playlist images - ✅ Add/remove songs to a playist in the UI - ✅ Basic search over songs - Persist active song to storage - Hook up the volume controls","default_branch":null,"files":null,"tree":[],"storefront":"/r/leerob","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/leerob/next-music-player/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}