Introducing Local Music Player (FileSystem API & IndexedDB)

https://gg.teddysc.me/music/

Table of Contents

• Why?
• Features
• Demo
• Screenshots
• Demo for the first release (old)
• Limitations
• User Review (me)
• My web app with most lines of code (yet)!
• Code screenshot

Why?

• It's easier than managing a Navidrome server, configuration and migration can be a headache for Navidrome - I want something that's up forever and I don't have to manage at all
• I already have tons of music files on my computer
• Better than streaming from Telegram (lol ik) - I'm using private group as playlists, the music aren't searchable, unfortunately. Bad discoverability
• I have ad-free Spotify and YouTube, but I still strongly prefer streaming locally

Features

• 100% local - no server, no cloud, no ads, no tracking, bring your own music
• Persistent filesystem access (you don't need to grant filesystem access every time you visit the app)
• Persistent app state tracking via IndexedDB (See 2nd screenshot below)
• Basic searching, sorting, tagging, and favoriting the music 🥰
• Suggests random songs from your library
• Automatically detects if a file is downloaded from YouTube from filename pattern and take you to YouTube if you right click on it (for trackpad users, it's command-click)

Demo

Screenshots

Full screen: https://gg.teddysc.me/?g=fb577abcd2bfe223eb6c5ae32669fb56&a&c=4

Demo for the first release (old)

Limitations

• Does not support Safari, which isn't eager to support new Web APIs like FileSystem API

User Review (me)

I rediscovered Lenka - Everything At Once that I used to listen to when I was practicing speed cubing. I like the MV - very different from what I listen to recently.

My web app with most lines of code (yet)!

And this is my first app using the filesystem and indexeddb APIs.

Code screenshot