5

ビデオからフレームをキャプチャし、HTML5 を使用してキャンバスに描画しようとしましたが、以下のコードが機能しません。スタートボタンをクリックすると、キャンバスが黒色で塗りつぶされます

    <video src="video2.mp4" autoplay="true" type="video/mp4" width="300" height="200" id="vid">
        </video>
        <canvas id="cvs"> </canvas>
        <button onclick="start()">Start</button>
        <script>
        var video=document.getElementById("vid");
        var cvs=document.getElementById("cvs");
        function start(){
        cvs.getContext("2d").drawImage(video, 0, 0, 300,200);
        }
</script>
4

1 に答える 1

2

私はまったく同じ問題を抱えていましたが、それはビデオ形式に関係していたと思います。私のビデオは .mp4 コンテナの H264 でした。.ogg ビデオを使用した場合、まったく同じコードが完全に機能しました。Romin から提供されたリンクのコードを使用しています。

于 2012-10-09T06:08:15.570 に答える