html・Javascriptでwebカメラを使用する方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<h1>Webカメラの映像表示</h1>
    <div>
        <video id="video" width="600px" height="400px"></video>
    </div>
    <script>
        const video = document.getElementById("video")
        navigator.mediaDevices.getUserMedia({
            video: true,
            audio: false,
        }).then(stream => {
            video.srcObject = stream;
            video.play()
        }).catch(e => {
            console.log(e)
        })
    </script>

このファイルが次の許可を求めていますと表示される。

OK これでjsのopenCVを使いたい