HTML5视频截图

Question

我正试图在电影中拍摄具有预定义时间的视频截图.所以我尝试使用canvas元素.问题在于,当您绘制视频图像时,视频必须正在播放,但我仍然需要暂停图像.所以我尝试了这个:

video.play();
context.drawImage(video,0,0,canvas.width,canvas.height);
video.pause();

但正如您可能想象的那样,视频在画布完成绘制之前暂停,导致没有截图.那么drawImage有回调函数吗？在我的情况下,绘图过程大约需要50ms,但做起来感觉不安全:

setTimeout(function() { video.pause(); }, 50);

Answer 1

嗯...似乎实际上可以从暂停的视频中绘制图像。只要从一开始就保持间隔即可。