SkyWay

Back

JavaScript SDK

DocumentationクックブックJavaScript SDKCanvas映像の利用

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リファレンスを参照してください。

カメラ、マイクの選択

ミュートの実装