big-shaq-tribute

Objective

• fun demo project
• create a soundboard of my favourite man's not hot lines
• include links on big shaq's man's not hot song
• play with node

Technology used

• ffmpeg
• node

Thought process

• see if idea has been done online
  • doesn't seem to be, or if so, not very popular according to Google
• think about what sort of content I want on the page
  • Urban Dictionary
  • when?
  • where?
  • who?
  • wiki
  • earnings
  • lyrics
• easy to get the raw song from online, but is there a way to create the soundboard from one song instead of splitting the sounds into multiple files?
  • Maybe a future refactoring
  • not trivial
• search for online players that may do what I want already?
  • howler.js
    • meh, probably don't need something so robust. Will go with HTML5 specs instead
• find ideal program to split song into tracks
  • ffmpeg, via homebrew
    • ffmpeg -i Big-Shaq-Mans-Not-Hot.mp3 -ss 16 -to 19 -c copy quick-maths.mp3

TIL

• you can send URLs as the direct input of an Audio object in js.
• caching will occur as part of the responsibility of the browser. There's not much you can control for here.
  • tried to send Cache-Control: no-cache that was not respected.
  • then sent a query param that would always be unique, which is called the cache-busting technique.
    • src
• for heroku deployment, you need to use the process.env.port to pick up the environment variable for the port.
  • the port is dynamically set by heroku and if you do not honour the port, your app will fail with an H10 error.
• asynchronously loading modules is a little more involved than it seems at first.
  • ref
• next-gen image formats like jp2 (JPEG 2000), jpeg xr, webp.
  • they're not supported in all browsers as of yet!