Audio, Video, and Elm - Best Practices for Multimedia
summary
Demonstrates building players in Elm by creating media via ports and putting a media reference in the model so play/pause/seek become commands and subscriptions instead of DOM queries. Shows a working Raspberry Pi livestream example, webcam and capture-from-element output, and plans for Web Audio; explains HLS/DASH streaming needs and why custom elements or ports are used today. Advocates an update-function-as-control room for synchronization across multiple outputs.
AI-written summary · about
chapters (7)
- 0:00Introduction to Elm media
- 2:20The limitations of HTML
- 5:22Modeling media in Elm
- 8:47The control room analogy
- 12:08Implementing custom controls
- 13:51Advanced media capabilities
- 15:48Web Audio and conclusion
related talks
12mRip your player's face off
23mAudio and Video Manipulation
53mAdventures in Elm: Events, Reproducibility, and Kindness
38mReal time front-end alchemy
24mIt's time to rebuild your player with web components
50mCollaborative Music with Elm and Phoenix
24mVideo streaming on the web: Live and recorded video streaming
09m0-60 in 15 Minutes: Building a Realtime App With Elm and Horizon