Question

嗨，我正在使用JavaScript中的ImageCapture从我的Web应用程序中的设备摄像头视频中捕获照片。

该功能在台式机上可以正常使用，但是在我的iPhone（Safari）上却出现此错误：

找不到变量：ImageCapture

这是我的代码：

// get camera permission and start the stream
var stream, imageCapture; 
function getMediaStream() {
  if (!window.navigator.mediaDevices) {
    $("#unsupported").show();
    $("#valid-permissions").hide();
    $("#invalid-permissions").hide();
    $("#alternative-button").show();
    return; 
  } 
  window.navigator.mediaDevices.getUserMedia({video: {facingMode:'environment'}})
    .then(function(mediaStream)
  { 
    stream = mediaStream; 
    let mediaStreamTrack = mediaStream.getVideoTracks()[0];
    imageCapture = new ImageCapture(mediaStreamTrack);
    var video = document.querySelector('#webcam');
      video.srcObject = mediaStream;
      video.onloadedmetadata = function(e) {
        video.play();
    };
  })
  .catch(function (error) {
    // this alert gives me the error above
    alert(error.message);
     $("#valid-permissions").hide();
     $("#unsupported").hide();
     $("#invalid-permissions").show();
     $("#alternative-button").show();
 });
}

Answer 1

似乎Safari中不支持ImageCapture的Web API（在此处提供的https://developer.mozilla.org/en-US/docs/Web/API/ImageCapture#Browser_compatibility表中仅显示？s）。

不过，这里的Google Chrome Labs提供了一个polyfill：https://github.com/GoogleChromeLabs/imagecapture-polyfill

您也许可以使用polyfill在Safari中实现目标。

iOS找不到变量：ImageCapture

1 个答案: