网络摄像头无法在javascript中工作昨天工作正常,但现在不工作

问题描述

我在script.js中尝试访问网络摄像头。昨天,它工作正常,但现在却不行,我也允许通过网站设置进行许可。

script.js

const videoGrid = document.getElementById('video-grid');
const myVideo = document.createElement('video');
myVideo.muted = true;

let myVideoStream;

navigator.mediaDevices.getUserMedia({
    video:true,audio:true
}).then(stream => {
    myVideoStream = stream;
    addVideoStream(myVideo,stream);
})

const addVideoStream = (video,stream) => {
    video.srcObject = stream;
    video.addEventListener('loadedMetadata',() => {
        video.play();
    })
    videoGrid.append(video)
}

room.ejs

<!DOCTYPE html>
<html lang="en">
<head>
    <Meta charset="UTF-8">
    <Meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>Zoom Clone</title>
    <link rel="stylesheet" href="style.css">
    <script defer src="script.js"></script>
</head>
<body>
    <div id="video-grid"></div>
</body>
</html>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)