WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Aug 28, 2020

The Fundamentals of Online Video

Phil Cluff

Stop relying on monolithic video platforms. Master the complete video pipeline—from OBS capture to custom HLS playback—and build scalable, API-driven streaming directly into your applications.

Pause
Mute Enter Fullscreen
#1 about 3 min

Overview of video streaming fundamentals and session agenda

An overview introducing how to build online video streaming experiences and the core technical agenda.

#2 about 2 min

How video APIs empower developers to build streaming experiences

Application programming interfaces give developers the flexibility to build custom media platforms without relying on pre-bundled management systems.

#3 about 2 min

Impact of global events on the streaming industry

How changing global conditions forced fitness, e-learning, and virtual events into a resilient remote streaming model.

#4 about 3 min

Comparing platform choices for embedding online video streams

A comparison of social networks, bundled management systems, and proprietary platforms used for hosting customizable streams.

#5 about 4 min

Exploring capture, processing, delivery, and playback components

A complete breakdown of the four foundational steps required to process and transport video workloads from a camera out to viewers.

#6 about 5 min

Understanding adaptive bitrate streaming and manifest files

Encoding multiple definitions allows modern video players to intuitively change visual quality according to shifting internet bandwidth limits.

#7 about 4 min

Demonstrating adaptive bitrate behaviors within the browser

Inspecting browser network requests allows developers to observe exactly how web players incrementally download streaming video segments in real time.

#8 about 4 min

Configuring the capture stage using open broadcaster software

The precise workflow requirements for transmitting strict real-time media protocol broadcast signals into a cloud processing backend.

#9 about 7 min

Setting up live video capture layouts and inputs

Creating visually engaging broadcast scenes by compositing disparate webcams, screen captures, and image overlays seamlessly together.

#10 about 3 min

Implementing browser-based playback with video elements and plugins

Integrating stream source endpoints with specific media extensions establishes a path for uniform playback across differently scaled web environments.

#11 about 9 min

Building a custom browser player with javascript

Writing a customized lightweight web application script capable of initializing a live streaming client and automatically appending it natively to the document object model.

#12 about 3 min

Exploring advanced video stream enhancements and API features

Injecting configuration commands into the backend pipeline seamlessly enables powerful native simulcasting, heavily reduced broadcast latency, and comprehensive static video archives.

#13 about 3 min

Summary of video components and developer resources

A quick recap reviewing key streaming platform fundamentals coupled with avenues for claiming digital credits to test isolated network sandboxes.

#14 about 4 min

Strategies for streaming directly from a web browser

Architects can build serverless bridges that capture browser-native websocket feeds and effectively encode them out into traditional rtmp processing layers.

#15 about 2 min

Integrating real-time communication into scalable video broadcasts

Ingesting ultra low-latency video chat feeds backwards into massively scalable stream pipelines solves interactive participation barriers while serving sprawling audiences.

#16 about 6 min

Balancing delivery latency with stream reliability and scale

Navigating ongoing technical industry struggles regarding universal implementation timelines surrounding reliable, standardized, and widespread low latency data caching algorithms.

#17 about 7 min

Addressing data privacy and regional compliance in streaming

Issuing individually tracking tokenized access restrictions handles general commercial data regulations accurately without falling into intensely problematic digital rights dependencies.

Matching moments

5:15 min

Leveraging server-side streaming for performance and interactivity

Chris Heilmann Chris Heilmann +2 · LIVE

2:26 min

Deep dive into Netflix routing and data streams

Developersteve · LIVE

1:26 min

Optimizing YouTube embeds using shadow DOM and vanilla JavaScript

Chris Heilmann Chris Heilmann +2 · LIVE

5:35 min

Streaming traditional academic lectures on live video game platforms

Johanna Pirker Johanna Pirker · World Congress 2022

7:21 min

Building a monolithic video streaming and sharing application

Reinhard Kugler · LIVE

2:19 min

Optimizing embedded video assets utilizing native HTML structures

Chris Heilmann Chris Heilmann +2 · LIVE

More from WeAreDevelopers LIVE

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
10 days ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
17 days ago

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof Cieślak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail
4:23
19 days ago

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Open Source Agent Toolkits thumbnail
1:00:38
24 days ago

WeAreDevelopers LIVE - Open Source Agent Toolkits

Chris Heilmann, Daniel Cranney, Eddie Jaoude

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail
6:16
26 days ago

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude

Chris Heilmann, Daniel Cranney

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas thumbnail
5:46
about 1 month ago

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas

Chris Heilmann, Daniel Cranney, Marc Plogas

Related videos

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
LIVE • about 2 months ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

Out-of-Order Streaming — The Future of Web Development thumbnail
33:45
World Congress 2026 Europe • 3 months ago

Out-of-Order Streaming — The Future of Web Development

Julian Burr

Leveraging Server-Sent Events (SSE) for Efficient Data Streaming in UI Development thumbnail
53:45
LIVE • over 2 years ago

Leveraging Server-Sent Events (SSE) for Efficient Data Streaming in UI Development

Rainer Stropek

Full Spectrum File Uploads thumbnail
35:30
LIVE • over 2 years ago

Full Spectrum File Uploads

Austin Gil

Cat Herding with Lions and Tigers - Christian Heilmann thumbnail
20:09
LIVE • 9 months ago

Cat Herding with Lions and Tigers - Christian Heilmann

Chris Heilmann, Daniel Cranney, Christian Heilmann

Catching up on the basics you don't really need that much code thumbnail
14:44
LIVE • over 2 years ago

Catching up on the basics you don't really need that much code

Chris Heilmann

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.