• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
webrtcHacks

webrtcHacks

guides and information for WebRTC developers

  • Home
  • Livestream
  • About
    • Chad Hart
    • Philipp Hancke
  • Subscribe
  • Merch
  • Contact
  • Show Search
Hide Search

breakout box

Standards Technology av1, Bernard Aboba, breakout box, HDR, insertable streams, MoQ, Q&A, quic, W&W, w3c, webcodecs, webtransport, WHATWG

WebCodecs, WebTransport, and the Future of WebRTC

Explore the future of Real-Time Communications with WebrtcHacks as we delve into the use of WebCodecs and WebTransport as alternatives to WebRTC’s RTCPeerConnection. This comprehensive blog post features interviews with industry experts, a review of potential WebCodecs+WebTransport architecture, and a discussion on real-time media processing challenges. We also examine performance measurements, hardware encoder issues, and the practicality of these new technologies.

Chad Hart · July 18, 2023

Guide breakout box, createImageBitmap, ImageCapture, insertable streams, MediaStreamTrackProcessor, OffscreenCanvas, ReadableStreams, takePhoto

5 ways to save an image from your webcam

Exploration and examples of the 5 different ways you can save an image from your webcam in JavaScript in 2022. Includes canvas.toBlob, OffscreenCanvas, createImageBitmap, ImageCapture, and ReadableStreams / MediaStreamTrackProcessor

Chad Hart · January 18, 2022

Guide breakout box, green screen, immersive view, insertable streams, MediaPipe, together mode, transparency, virtual background

How to add virtual background transparency in WebRTC

There is a cool new feature everyone has been trying to implement – background transparency. Virtual backgrounds have been around for a while. Rather than inserting a new background behind user(s), transparency removes the background altogether, allowing the app to place users over a screen share or together in a shared environment. There doesn’t seem […]

Chad Hart · November 2, 2021
smart gallery feature mock-up

Guide breakout box, insertable streams, MediaPipe, MediaStreamTrack, zoom

Making Zoom’s Smart Gallery on the Web with MediaPipe and BreakoutBox

How to seperate multiple people in the same camera feed into their own unique video streams that can be individually transmitted Google’s MediaPipe and the W3C’s new MediaStreamTrack API

Philipp Hancke · July 15, 2021

Primary Sidebar

  • Sponsored. Become a webtcHacks sponsor

Email Subscription

Subscribe to our mailing list

* indicates required
webrtcHacksguides and information for WebRTC developers

Footer

SITE

  • Post List
  • About
  • Contact

Categories

  • Guide
  • Other
  • Reverse-Engineering
  • Review
  • Standards
  • Technology
  • Uncategorized

Tags

apple Blackbox Exploration Brief Chrome code computer vision DataChannel debug e2ee Edge gateway getUserMedia Google Meet ICE ims insertable streams ios ip leakage janus jitsi MCU MoQ NAT Opus ORTC Promo Q&A quic raspberry pi Safari SDP sfu simulcast standards TURN video vp8 w3c Walkthrough Web Audio webcodecs webrtc-internals webtransport WHIP wireshark

Follow

  • Twitter
  • YouTube
  • GitHub
  • RSS

webrtcHacks · copyright © 2026