featz: player code, bumperz, and a bunch of other stuff

[edwardsharp]

zomg

1. player code. so a user will have to use a 6-digit code (pin/password/whatever) to join a session. so buncha stuff littered throughout the make that work. should make using public tunnels (ngrok) a bit better since it avoids anyone on the internet queueing videoz! 🥳
2. BUMPERZ. zomg, so in between videoz there is a silly text generator that animates some text of the next singer and the song title. fun & funny & silly 🤪
3. did a bunch of stubbing out of more rust modulez. started hacking on a persistent sqlite thing, not sure if it's the best thing. but here i am.
4. also looked into tauri (and web-view) crates to load the player (would avoid having to make the user click on the first first to start auto playing, oh right, there's now a message for that)
5. there's a message to help the user add the word "karaoke" to the search. it's stripped out when looking for local library results. oh and also the youtube search now just returns 3 results first time and there's a button to load the next 10. (to save on youtube api key token limitz 😬)
6. the player also generates a qr code for a link to the client people can use to jump right in without having to enter the code. the code and name and stuff is also displayed on the player page in the bottom right corner.
7. i started some cli utils to make configuring everything easier. very WIP 🚧 right now
8. right so there's a warp server to do static http hosting on port 9002 so videos and stuff can get served so it's easier for the player (before used file:// urls, which browsers didn't love playing). hopefully it can also host the client in-case youoke.party doesn't work or isn't desired. added https:// messages there but it's ...annoying (to deal with a https:// site connecting to other devices on a lan that don't have https ssl cert)

here's a bunch of todoz that i probably won't get done

• [DONE] some kind of auth code per player so only local people add things to song queue.
• [DONE] okay but now some kind of simple /hello endpoint to see if is youoke server before trying code. then can improve code ui input...
• [DONE] client-side redirect to http:// (from https, but don’t get stuck in an infinite loop) ugh this was pain
• like a button to actually start youtube search vs. autocomplete...
• [DONE] client handles websocket reconnect (to help mobile; user refreshing page is also easy solve…) note: mostly reload btn
• in-between messages, default who’s next, but can be special messages from ppl. like a bigass message text that does the 90s karaoke video cd line-by-line draw in animation style.
• a “message wall” on the client page to, like leave messages after song? get cleared after display. could this also be initial message?
• add ui in player to help user do a first click on the player…
• ugh, skip starts playing at start of bumper (not after bumper is done)
• cli launcher thingy to help input correct environment vars and hostname (or ip) such. also give https info, provoke consiering tailscale or ngrok.
• config file for all the player config (like code and host and font-size
• some kind of bundler that stuffz (bundlez) everything into a single html file
• maybe a tauri launcher for player?
• put player on youoke.party and some kind of player discovery server? val.town thing?!
• [DONE] also localhost warp server for http file server for vidz.
• better command handling a websocket message schema sharing (consider protobuf? or json-schema). ts zod code generator?!
• maybe some kind of event sourcing model so that long running tasks don’t have to block anything and can just re-connect to the websocket lobby when done.
• can there be a admin control to adjust the video resolution or yt-dlp donwload sizes on the fly??
• player reports % done of video (so current time / total time)
• oyeah, also, fix mobile search input going off the top of the page! :(