Example conversion of mp3 -> ogg

[maxwofford]

This shows an example of converting our mp3 files to ogg. In Chrome, FF, Edge, & Opera, this will shrink the load of media assets from ~30MB to ~12MB. With a throttled download this reduced page load from 30s to 12 sec.

It also documents the process of converting audio so future assets can be compressed the same way.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
sinerider	✅ Ready (Inspect)	Visit Preview	May 8, 2023 10:08pm

[maxwofford]

Ah, i just remembered https://github.com/hackclub/sinerider/pull/482 is a thing. @JosiasAurel – want to make a combined PR that includes all the audio files with graceful fallback? This PR doesn't include everything. I'd also love to see documentation on how the current assets were created. It's funny to me that the source files are in mp3, which is lossy.

[polytroper]

Closing for now since Safari does not support OGG. Currently, MP3 is the only universally-accepted compressed audio format. In a perfect world we would detect browser and load OGG on anything non-Safari but right now we are but simple folk of humble means.

[maxwofford]

@polytroper check out the code! This already checks to see if we're in a browser that doesn't support it and falls back to mp3. Nothing custom either, Howler.js, the library we're using for audio has this detection built in!