画像キャプチャが、私はこのコードを実行しようとしています

Question

が定義されていません。私のウェブカメラからのライブ映像のスナップショットを取るために

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

 
var interval; 
 
var track; 
 

 
navigator.mediaDevices.getUserMedia({video: true}) 
 
.then(gotMedia) 
 
.catch(err => console.error('getUserMedia() failed: ', err)); 
 

 
function gotMedia(mediastream) { 
 
    track = mediastream.getVideoTracks()[0]; 
 
    var imageCapture = new ImageCapture(track); 
 
    interval = setInterval(function() { 
 
     imageCapture.grabFrame() 
 
     .then(processFrame) 
 
     .catch(err => console.error('grabFrame() failed: ', err)); 
 
    }, 1000); 
 
} 
 

 
function processFrame(imgData) { 
 
    canvas.width = imgData.width; 
 
    canvas.height = imgData.height; 
 
    canvas.getContext('2d').drawImage(imgData, 0, 0); 
 
} 
 

 
function stopGrabFrame(e) { 
 
    clearInterval(interval); 
 
    track.stop(); 
 
}

を、それが失敗し、ブラウザのコンソールが語ります次

getUserMedia（）が失敗しました：にReferenceErrorを：画像キャプチャをgotMedia

で定義されていません

これは、私のウェブブラウザ（Google Chrome）がImageCaptureをサポートしていないことを意味しますか？私はそれを修正することはできますか？

Answer 1

ImageCaptureの仕様は、behind a flag以外のブラウザではまだ実装されていません。