iOS 11 getUserMedia 不工作？

Question

Apple 发布声明称 getUserMedia 将在 iOS 11 上全面运行。安装 iOS 11 Beta 版本 5 后，我确实收到一条消息，我的网站请求访问我的相机和微博phone，但似乎是：

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

或：

video.srcObject = stream;

无效。没有错误，没有异常，只是 phone 的相机没有照片。

这是我的完整脚本：

$(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;
    });
});

iOS 11 getUserMedia 不工作？

iOS 11 getUserMedia not working?

javascript

jquery

ios

webrtc

getusermedia