0

こんにちは皆さん、私は今日、プロジェクトでhttps://browsersync.io/#installからの簡単な構成で browsersync を使用して、ウェブカメラを使用して写真をキャプチャすることを始めました。かなりうまく機能していましたが、突然機能しなくなり、カメラからの画像が表示されなくなり、クロムにエラーが表示されるようになりましたvideo.play is not a function even with a gulp file to start the local server, so don何が起こったのかわからない。誰かが以前にこのような問題を抱えていましたか?

これは私のjsファイルです:

(function(){
var video = document.getElementById('video'),
    canvas = document.getElementById('canvas'),
    context = canvas.getContext('2d'),
    photo = document.getElementById('photo'),
    vendorUrl = window.URL || window.webkitURL;

navigator.getMedia = navigator.getUserMedia||
                     navigator.webkitGetUserMedia ||
                     navigator.mozGetUserMedia ||
                     navigator.msGetUserMedia;

navigator.getMedia({
    video: true,
    audio: false
}, function(stream) {
    video.src = vendorUrl.createObjectURL(stream);
    video.play();
}, function(error){
    //An error occured
    //error.code
});

document.getElementById('snap').addEventListener('click', function(){
    context.drawImage(video, 0, 0, 400, 300);
    photo.setAttribute('src', canvas.toDataURL('image/png'));
});

})();

4

1 に答える 1

0

完全に同じソースコードで同じ問題がありました。私はカメラ画像ソリューションを yii2 に移行しました。私の問題は、#video が video 要素ではなく div 要素であることでした。これを video タグに変更すると、完全に機能します。

:)

于 2016-08-25T10:29:10.293 に答える