未捕获(承诺)：NotReadableError：无法启动视频源 - Javascript

当你在使用WebRTC技术录制视频时，有时会遇到"未捕获(承诺)：NotReadableError：无法启动视频源"的错误。这个错误表示浏览器无法访问你想要录制的视频源。

常见原因包括用户不允许访问摄像头或麦克风，以及浏览器未正确授权权限。如果你需要录制用户的音视频流，则需要注意这些问题。

以下是一些可能导致"未捕获(承诺)：NotReadableError：无法启动视频源"错误的常见原因以及如何解决它们。

原因1: 用户未授权摄像头或麦克风

这是最常见的原因之一。如果用户未授权你的应用程序访问麦克风或摄像头，那么浏览器就无法捕获音视频流。

你可以在代码中使用以下命令来请求用户授权：

navigator.mediaDevices.getUserMedia({audio: true, video: true})
  .then(function(stream) {
    /* 在此处处理媒体流 */
  })
  .catch(function(err) {
    /* 处理错误 */
  });

然后，你需要在你的应用程序中检查用户是否授权了应用程序的访问。例如，使用下面的代码可以检查用户是否允许应用程序访问摄像头：

navigator.permissions.query({name:'camera'})
  .then(function(permissionStatus){
    if(permissionStatus.state === "granted"){
      console.log('用户允许应用程序访问摄像头');
    }else{
      console.log('用户未允许应用程序访问摄像头');
    } 
  });

原因2: 使用未受支持的浏览器

WebRTC技术对浏览器的支持程度有所不同。如果你使用了一个不支持WebRTC的浏览器，那么该浏览器将无法启动音视频源，从而导致"未捕获(承诺)：NotReadableError：无法启动视频源"错误。

你可以检查你的浏览器是否支持WebRTC，可以在caniuse.com中找到WebRTC的最新支持情况。

原因3: 未正确授权HTTPS

WebRTC要求应用程序必须通过HTTPS进行访问，否则浏览器将拒绝访问音视频流。如果你的应用程序在未授权的情况下尝试访问音视频源，那么浏览器将拒绝访问，并抛出"未捕获(承诺)：NotReadableError：无法启动视频源"错误。

你需要确保你的应用程序通过HTTPS进行访问，并且已经正确配置了HTTPS证书。

结论

以上是导致"未捕获(承诺)：NotReadableError：无法启动视频源"错误的一些常见原因和解决方法。如果你在使用WebRTC录制音视频时遇到了这个错误，请检查以上问题并尝试解决它们。