iOS 11 getUserMedia không hoạt động?

Question

Apple đã phát hành một tuyên bố rằng getUserMedia sẽ hoạt động hoàn toàn trên iOS 11. Sau khi cài đặt iOS 11 Beta phiên bản 5, tôi nhận được thông báo rằng trang web của tôi yêu cầu quyền truy cập vào máy ảnh và micrô của tôi, nhưng có vẻ như dòng:

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

hay:

video.srcObject = stream; 

không làm việc. Không có lỗi, không có ngoại lệ, chỉ đơn giản là không có hình ảnh từ máy ảnh của điện thoại.

Dưới đây là kịch bản đầy đủ của tôi:

$(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> 

Có ai nhận nó làm việc? Có những câu chuyện mới trên trang chủ.

Answer 1

Giải quyết nó bằng cách sử dụng như sau:

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