audion

audion is a PWA local music file player. Its premise is simple: select your file... and... that's it. It has a few cool things, like timed lyrics, visualizers, metadata, and a lot of clickable things. What you see is pretty simple, but under the hood, it's quite advanced, considering I made it myself just for putting <audio> on steroids.

features

• lightweight, has no bulky frameworks like React/Vue/Angular
• local file playback (no uploads)
• supports: whatever your browser does
• precise controls: sliders, or dialogues for 100% precision
• keyboard hotkeys
• simple by design

why?

i couldn't find a player like this (nor did i really look), and i wanted to consolidate my previous audio-related things into one project i can actually call an "app".

now, i want to talk about some random things it has:

• metadata copying: you can click on the status bar, or the title/artist/album to copy the respective metadata to your clipboard. mainly, i did this so i can quickly strike up a conversation with ChatGPT about the song
• draggable popups: because why not
• sound effects from Windows: the XP logon sound plays when you open the app, but you may never have heard it because browsers block autoplay; and also the XP error sound when an error occurs
• "toys": lets you push fake errors, status pushes, message boxes
• an over-engineered status bar: instead of doing the good old revert in 3 seconds, the amount of status pushes are counted, and only 3 seconds after the last one will it revert. since the status bar shows scrubbing, volume, basically everything, this is necessary or it will look very messy
• timed lyrics: if your file has matching metadata to what lrclib has, it will show timed lyrics, you can even click on a line to jump to it
• public domain: i released the code under the unlicense, because this is nonsense

read more on the GitHub readme: here