javascript - iOS 11 getUserMedia 不工作？

Question

Apple 发布声明称 getUserMedia 将在 iOS 11 上完全正常运行。安装 iOS 11 Beta 版本 5 后，我确实收到一条消息，提示我的网站请求访问我的摄像头和麦克风，但它似乎该行:

video.src = window.URL.createObjectURL(stream);

或者:

video.srcObject = stream;

不起作用。没有错误，没有异常，只是没有来自手机相机的照片。

这是我的完整脚本:

$(function () {
     video = document.getElementById('vid');

     navigator.getUserMedia = navigator.getUserMedia ||
                              navigator.webkitGetUserMedia ||
                              navigator.mozGetUserMedia;

     navigator.getUserMedia(
     {
         audio: true,
         video: { facingMode: "user" }
     }, function (stream) {
         video.srcObject = stream;
         //video.src = window.URL.createObjectURL(stream);
     },
     function (err) {           
         alert(err.name);
     });
});

HTML:

<video id="vid" muted autoplay></video>

有人成功了吗？任何想法将不胜感激。

Answer 1

使用以下方法解决了它:

$(function () {
    video = document.getElementById('vid');
    video.style.width = document.width + 'px';
    video.style.height = document.height + 'px';
    video.setAttribute('autoplay', '');
    video.setAttribute('muted', '');
    video.setAttribute('playsinline', '');

    var constraints = {
         audio: false,
         video: {
             facingMode: 'user'
         }
    }

    navigator.mediaDevices.getUserMedia(constraints).then(function success(stream) {
        video.srcObject = stream;
    });
});