May 2023 Summaries

This article provides a step-by-step guide on how to live stream video from a canvas using WebRTC and React. It explains that anything you can put on a canvas can be sent as video into a WebRTC session, simplifying the process of building real-time applications for sending canvas video. The tutorial covers capturing a canvas using captureStream() API, creating a MediaStream from the canvas, and publishing it to your LiveKit session. It also mentions that this technique was used in their VTuber streaming app.

This article provides a step-by-step guide on how to stream music over WebRTC using React and WebAudio. It explains how to build a real-time application for listening to music with friends, similar to the social DJ platform Turntable.fm. The author leverages modern browser technologies such as WebRTC and WebAudio to create this application. They demonstrate how to use MediaElementAudioSourceNode and MediaStreamAudioDestinationNode in WebAudio to publish an audio stream from any source like a URL. Finally, they explain how to publish a MediaStreamTrack over a WebRTC session and start a WebRTC session. The full code is provided for reference.