javascript WebカメラにWeb APIを使用してアクセスする
- 2021.03.17
- javascript
- javascript

javascriptで、navigator.mediaDevicesオブジェクトのgetUserMediaメソッドを使用して、Webカメラにアクセスするサンプルコードを掲載してます。ブラウザはchromeを使用しています。
環境
- OS windows10 pro 64bit
- Apache 2.4.43
- ブラウザ chrome 84.0.4147.105
getUserMedia使い方
getUserMediaを使用すると、Webカメラにアクセスすることが可能です。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
/** html **/ <video id="video"></video> /** js **/ 'use strict'; const v = document.getElementById("video") navigator.mediaDevices.getUserMedia({ video: true, audio: false, }).then(s => { v.srcObject = s; v.play() }).catch(e => { }) |
許可を行うと、webカメラにブラウザからアクセスできると思います。


また、以下のコードを、
1 |
const v = document.getElementById("video") |
document.getElementByIdの省略を使用して、簡潔に記述することもできます。
1 |
const v = video |
-
前の記事
python multiprocessingを使って並列処理を行う 2021.03.17
-
次の記事
Ruby 末尾にある改行を取り除く 2021.03.17
コメントを書く