A zest of canvas capture and replaceTrack

Inspired by well-known WebRTC samples


This page illustrates use of the canvas capture and replaceTrack. To add spice to this typical WebRTC video exchange, the camera video track (displayed in the first video element) is sent to a canvas. Some processing is done to pixellate it in the canvas. The canvas stream is captured and sent to the second video element through WebRTC. The pixellation will slowly decrease up to no pixellation at all. Once there is no more pixellation, the canvas capture track will be replaced by the camera video track to optimize the performaces.