zukucode
主にWEB関連の情報を技術メモとして発信しています。

JavaScript カメラからの動画の撮影を停止する

JavaScript デバイスのカメラから動画を撮影するでパソコンのカメラから撮影した動画をhtmlページに表示する方法を紹介しました、

今回は、カメラの撮影を停止する方法を紹介します。

動画はJavaScript デバイスのカメラから動画を撮影するの手順で撮影しているものとします。

以下のようにvideo要素のメディアオブジェクトのトラック情報を取得し、取得したすべてのトラックに対してstopメソッドを実行します。

最後にvideo要素のメディアオブジェクトにnullをセットしてオブジェクトを開放しています。

const tracks = document.getElementById('video').srcObject.getTracks();
tracks.forEach(track => {
  track.stop();
});

document.getElementById('video').srcObject = null;

参考ページ:MediaStreamTrack.stop() - Web API | MDN



関連記事