Self-Directed Research HTML5 video
Jul 2, 2025
Delve into the quirky world of HTML5 video as the hosts discuss the intricacies of bitrate ladders and their hilarious recording challenges. Discover the technical hurdles faced in developing an ad-free streaming platform, coupled with insights on efficient image handling and alt text. Explore the evolution of modern image formats like WebP and AVIF, and learn about the advantages of new video codecs alongside browser compatibility woes. With a lighthearted tone, personal anecdotes and data quirks make complex topics relatable and entertaining.
AI Snips
Chapters
Transcript
Episode notes
Amos' Video Platform Trial
- Amos built and tore down two versions of a custom video streaming and CDN platform.
- He eventually archived the project to focus on better text and image pipelines for his website.
Image Optimization Best Practices
- Use the picture tag with multiple source formats and lazy loading to optimize images for different browsers.
- Specify width and height attributes to help browsers avoid layout shifts before images load.
JPEG XL's Strength and Limitations
- JPEG XL is an excellent, modern, royalty-free image format that supports lossless and lossy modes.
- It is backwards compatible with classic JPEG and natively supported on macOS, but lacks broad browser support.