Canvas映像の利用
JavaScript SDKにおいて、Canvas要素からLocalStreamを作成する方法について説明します。
以下のコードで、Canvas要素に描画されている画像を元にLocalStreamを作成できます。
<canvas id="source-canvas"></canvas>const sourceCanvas = document.getElementById('source-canvas');
const sourceCanvasStream = sourceCanvas.captureStream(30); // 30fpsでキャプチャ
const sourceCanvasVideoTrack = sourceCanvasStream.getVideoTracks()[0];
const localStream = new LocalVideoStream(sourceCanvasVideoTrack);captureStream() メソッドの引数には、キャプチャするフレームレートを指定できます。
captureStream() メソッドの詳細な挙動については、APIリファレンスを参照してください。