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 +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 +2 · LIVE

5:35 min

Streaming traditional academic lectures on live video game platforms

Johanna Pirker Johanna Pirker · WWC 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 +2 · LIVE

More from WeAreDevelopers LIVE

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
5 days ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Node and Package Security thumbnail
1:08:30
5 days ago

WeAreDevelopers LIVE - Node and Package Security

Chris Heilmann, Daniel Cranney, Zbyszek Tenerowicz

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
12 days ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe thumbnail
1:02:34
19 days ago

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe

Chris Heilmann, Daniel Cranney, Justin Halsall, Werner Jeschko, Nicole Jeschko, Mirco Tomić

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
26 days ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko thumbnail
5:55
about 2 months ago

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

Offloading IoT State: Solving the Memory Crisis on Legacy Hardware

Pravin Nagare

Senior Software Engineer, Roku

Pravin Nagare
Open session

World Congress 2026 North America

Netflix's Quiet Period: The Race Day Rule That Protects Holidays, Live Sports & Cloud meltdowns

Viswanathan Ranganathan

Independent Researcher

Viswanathan Ranganathan
Open session

World Congress 2026 North America

From Software Agents to Physical Devices: Inside the Agentic Hardware Stack

Vivian Hu, Michael Yuan

Vivian Hu
Michael Yuan
Open session

World Congress 2026 North America

Building Stuff with GenAI - The Open Minded Workshop beyond OpenAI

Andreas Erben

CTO for Applied AI and Metaverse at daenet

Andreas Erben

Related videos

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
LIVE • 12 days ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

Out-of-Order Streaming — The Future of Web Development thumbnail
33:45
WWC Europe 2026 • about 1 month 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 • about 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 • 7 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 • about 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.