Going Live from your Browser without WebRTC

Going Live from a Browser...with Another Browser

Remember CSS Sprites? Let's do that with video!

Remember CSS Sprites? Let's Do That with Video!

Matt McClure

Creating Videos Programmatically in React

Jonny Burger

Getting Weird with Video Manipulation and HTML5 Canvas

Build Your Own Live Streaming Platform

Dylan Jhaveri

Video streaming on the web: Live and recorded video streaming

Doug Sillars

Gaming the System: How Video Games Can Help us Create More Effective Virtual Teams

Jessica Cregg

Video Editing in the Browser

Christopher Chedeau

Pushing the Limits of Video Encoding in Browsers With WebCodecs

Akash Hamirwasia

React Summit

React Summit 2023

Video editing is a booming market with influencers being all the rage with Reels, TikTok, Youtube. Did you know that browsers now have all the APIs to do video editing in the browser? In this talk I'm going to give you a primer on how video encoding works and how to make it work within the browser. Spoiler, it's not trivial!

JS Nation

JSNation 2023

High quality video encoding in browsers have traditionally been slow, low-quality and did not allow much customisation. This is because browsers never had a native way to encode videos leveraging hardware acceleration. In this talk, I’ll be going over the secrets of creating high-quality videos in-browsers efficiently with the power of WebCodecs and WebAssembly. From video containers to muxing, audio and beyond, this talk will give you everything you need to render your videos in browsers today!

DevOps.js

DevOps.js Conf 2022

What does Conway's Law have in common with the video game League of Legends? They can both teach us about how to organise development teams that achieve collective intelligence. When it comes to the art of software development, it's never a game of chance <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

React Finland

React Finland 2021

In this presentation, we'll present how video streaming works. We'll look at the anatomy of video streaming, and how video streaming is beneficial for delivering your content over just adding mp4 files. We'll demonstrate live streaming from the browser, and then how to integrate that live stream into your webpage. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

React Summit Remote Edition

React Summit Remote Edition 2020

When developers think about broadcasting live from the browser, the immediate assumption is to use WebRTC. While WebRTC is amazing technology, server-side implementations are...lacking right now. We'll talk about a (totally hacky) way to get video from the browser via technology you're using today. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

JSNation Live

JSNation Live 2020

There are other ways to proxy live video from a browser to an RTMP endpoint, but what if we wanted to interact with that stream first? And not just interact writing obtuse ffmpeg filters, but just some good ol' HTML and CSS? Let's do that! We'll talk about how you can allow your streamers to go live directly from their browser using headless Chrome and ffmpeg. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

React Summit 2020

In this lightning talk we will be pushing the boundaries of HTMl5 Canvas browser APIs. Join us while we do some experiments with video in the browser to see what’s truly possible. DISCLAIMER: No promises of cross-browser compatibility. Not for the faint of heart. Must be this tall to ride. Attending this lightning talk may result in serious injury or death. All participants must bring a life jacket. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

JSNation Live 2021

Synchronizing multiple streams, particularly multiple live streams, and especially when the audio is critical too, can be incredibly difficult. How, then, could you build an experience where you have a few camera angles and you want a viewer to be able to seamlessly pick one? We'll walk through a hack technique that allows you to do just that without ever having to worry about synchronization. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

React Summit Remote Edition 2021

Introduction to Remotion, a new library with which we can turn React code into MP4 videos, create our motion graphics programmatically and server-side render them. I give an overview of the priciples, the philosophy and of course we are going to code a video! <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

In this workshop we will go over the basics of streaming video over the internet including technologies like HLS and WebRTC. We will then build our own React app to play live streams and recordings of live streams. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

#video