Web Audio and Video Best Practices
  • General Best Practices for Working with Web Media
  • Have Fun with Design
  • Use a Player
  • Have Closed Captions (or Transcripts)
  • If you have to use Autoplay, Mute the Audio
  • Use Only One Media Element at a Time
  • Use fragmented MP4
  • Use Fallback URLs
  • Use "type" and "codec" Attributes with your Fallback URLs
  • Actually, You Should Probably Use HLS or MPEG-DASH
  • Use Fallback Urls with HLS and Dash
  • Conclusion
Powered by GitBook
On this page

Was this helpful?

General Best Practices for Working with Web Media

When I pitched my talk Audio, Video & Elm: Best Practices for Multimedia, I promised best practices. In the talk, I covered the most important ways to think about these practices, but I just ran out of time to cover many important ones.

The practices enumerated below could be their own talk on their own, but they’re not Elm specific. I’ve therefore made this page to share them.

Honestly, most of these principles can be summed up as "Just do what YouTube or Vimeo or SoundCloud do." Those companies do a great job with this stuff.

In addition to the practice itself, I’ve included some info on how hard it is to do in Elm and some hints as to how to do so. I hope to start adding some Ellie examples once I get time.

NextHave Fun with Design

Last updated 6 years ago

Was this helpful?