Nasheed.app

Plan

add yt source urls to sources json
Trim opening and ending silences from all audios (ffmpeg automate) - so programmatically optimized silences can be added client side
optimize mp3s (avoid compressing until last choice, and even then: backup to D drive!)
use blaze slider for circle shaped author portait, sliding loads a new track (and vice versa: new track means slide in)!
optimize author portaits, use svelte-image
re-introduce header and footer from layout file
lyrics in text form! have a button to activate at the bottom of the tracktitle card
expose id on url (allow selection and sharing specific!), update as updates along with pg title
separate display of author from media playing, so its a autoplaying gallery, thus mention below the nashid who is the author. thus, have a separate card with different background with no elevation for nashid and author title
redo algorithm (fisher yates, https://softwareengineering.stackexchange.com/questions/194480/id-like-to-write-an-ultimate-shuffle-algorithm-to-sort-my-mp3-collection) for order: just make an array that can be checked and used to load next song when ready: thus, also have: an event handler when the current track ends-dont just loop
optimize titles to be shorter
move randomizer code to server and use ssr?

Use anwar al khalaf font - add dua for authors
use md3 style
setup nasheed.app domain on cloudflare
play button to pause when playing state, change shape to circle and lower elevation.
setup media navigator api better
make author portaits all square
make it mobile first (and only at first)
preload pause icon... now it has to load
add more off my favs from yt
solve double random (needed to disable ssr)

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.