网络摄像头无法在javascript中工作。昨天工作正常，但现在不工作了_Javascript_Webcam_Getusermedia

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

javascript

网络摄像头无法在javascript中工作。昨天工作正常，但现在不工作了,javascript,webcam,getusermedia,Javascript,Webcam,Getusermedia,在script.js中，我试图访问网络摄像头。昨天它还可以正常工作，但现在不行了，我还允许站点设置的权限 script.js const videoGrid = document.getElementById('video-grid'); const myVideo = document.createElement('video'); myVideo.muted = true; let myVideoStream; navigator.mediaDevices.getUserMedia({

在

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>


缩放克隆

代码正常。在其他浏览器上尝试。检查任何附加代码。做一些日志记录，试图找出机器上的错误。查看浏览器devtools中的控制台日志。单击浏览器位置栏中的锁定图标：您将看到网络摄像头的实际当前允许/拒绝状态。确保页面和javascript是从localhost或通过https:///提供的。用最新版本的谷歌浏览器试试吧。避免使用Safari、IE和旧式边缘浏览器。