3

我正在尝试将视频帧捕获为图像，如下所示：

http://appcropolis.com/using-html5-canvas-to-capture-frames-from-a-video/

我的简单代码：

var video = document.getElementById("video");
var bottom = document.getElementById("bottom"); 


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

canvas.width  = 500;
canvas.height = 282;

var ctx = canvas.getContext('2d');
ctx.drawImage(video, 0, 0, 500, 282); 

bottom.innerHTML = '';
bottom.appendChild(canvas);

在 IE 上效果很好，但在 Chrome 上我总是有黑色画布......

演示在这里：

http://html5-canvas-test.vipserv.org/

知道如何解决这个问题吗？

4

2 回答 2

1

对我来说在 Chrome 中完美运行！

但是你需要启动视频，如果视频没有启动你会得到一个黑屏。

于 2012-10-08T11:45:29.563 回答
0

您必须使用“寻找”事件！

$(video).seeked(function() {
    ctx.drawImage(video, 0, 0, 500, 282); 
});

对不起我的英语我是法国人

于 2013-03-08T19:25:29.207 回答