safari html5 摄像头,javascript – Safari浏览器的网络摄像头支持

对于新浏览器,不推荐使用navigator.getUserMedia().

尝试像这样使用：

navigator.mediaDevices.getUserMedia

这是我的整个代码

// Older browsers might not implement mediaDevices at all, so we set an empty object first

var video = document.querySelector('video');

var canvas = document.querySelector('canvas');

var ctx = canvas.getContext('2d');

var image = document.querySelector('img');

if (navigator.mediaDevices === undefined) {

navigator.mediaDevices = {};

}

// Some browsers partially implement mediaDevices. We can't just assign an object

// with getUserMedia as it would overwrite existing properties.

// Here, we will just add the getUserMedia property if it's missing.

if (navigator.mediaDevices.getUserMedia === undefined) {

navigator.medi