javascript上的getUserMedia

Question

https://caniuse.com/?search=getusermedia

基于上面提供的链接，Safari 15支持getUserMedia吗？我试着用它来访问相机，当我在safari 15上测试它时，它请求相机许可，在我允许许可之后，它仍然没有显示任何东西。链接显示Safari 15支持getUserMedia/Stream ，但不支持Navigator : getUserMedia。下面是我的代码，我应该引用哪一个呢？getUserMedia/Stream 还是Navigator : getUserMedia

    navigator.mediaDevices
    .getUserMedia(constraints)
    .then(function (stream) {
        track = stream.getTracks()[0];
        cameraView.srcObject = stream;
    })
    .catch(function (error) {
        console.error("Oops. Something is broken.", error);
    });

HTML

            <video id="camera--view" autoplay></video>

Answer 1

在我允许之后，它仍然没有向我展示任何东西。

我通过在html中添加静音和播放行来解决这个问题。据我所知，iOS将不允许自动播放时，视频不播放线和静音。

            <video id="camera--view" muted autoplay playsinline></video>

Answer 2

您肯定需要navigator.mediaDevices.getUserMedia()方法。它绝对适用于iOS。另一个不受欢迎。苹果在getUserMedia()派对上太晚了，以至于他们没有实现不受欢迎的API。

您可以阅读有关查看iOS控制台的内容。您需要将您的iOS设备连接到mac上，然后使用该mac上的Safari进行连接。脖子疼。解释如何超出堆栈溢出答案的范围。

或者您可以使用alert()进行调试。

你需要在合适的时候给cameraView.play()打电话。这是文档。

它建议做这样的事。

 navigator.mediaDevices
    .getUserMedia(constraints)
    .then(function (stream) {
        cameraView.srcObject = stream
        cameraView.onloadedmetadata = function(e) {
            cameraView.play()
        }
      })
    .catch(function (error) {
        alert(error)
    })

以警报代替控制台输出。