メモ：Chrome でカメラを制御する #JavaScript

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
<video id="video1" autoplay></video>
<script>
navigator.mediaDevices.getUserMedia({ video: true }).then(function (stream) {
    let video1 = document.getElementById('video1');
    video1.src = window.URL.createObjectURL(stream);
    video1.onloadedmetadata = function(e) {
        // 特別な処理をここで
        console.log(e);
    };
}).catch(function(e) { console.log(e.name); });
</script>
</body>
</html>

で、許可すればカメラの画像が画面に表示される。

実験したら、

で、セキュリティレベルを元に戻しておく。