Canvas APIを活用してWebRTCによるビデオ通話の帯域を削減する - Qiita

// 解像度を調整する const context = canvas.getContext('2d'); canvas.width = 100; canvas.height = 100; _canvasUpdate(); function _canvasUpdate() { context.drawImage(localVideo, 0, 0, canvas.width, canvas.height); requestAnimationFrame(_canvasUpdate); } // フレームレートを調整する const newStream = canvas.captureStream(30); canvas自体はあくまでピクセルを制御できる矩形領域です。 自分で描画する能力を持っているわけではないので、canvas.getContext('2d') によりCanvasRenderin