我最近创建了一个辅助类来捕获 video
标签的屏幕截图。目前,该类包含一个单一的捕获方法,它使用 Canvas 。这一切都按预期工作;对视频的当前帧 [currentTime
] 进行屏幕截图或捕获。
var VideoSnapper = {
captureAsCanvas: function (video, size)
{
// create a canvas, set the width and height, and draw the video
var canvas = $('<canvas />').attr({ width: size.width, height: size.height })[0];
canvas.getContext('2d').drawImage(video, 0, 0, size.width, size.height)
return canvas;
}
}
这是jsFiddle演示代码
我想进一步扩展它以允许传入一个可选的 time
参数,该参数捕获视频中给定时间的屏幕截图。我试过更新视频上的时间,捕获,然后将时间改回来,但没有成功。
非常感谢任何建议或想法。
最佳答案
如果你向任何位置寻找视频,那么你必须等待被寻找的事件。否则,视频不会加载。我刚刚做了这个例子,所以我希望它能帮助你。 http://jsfiddle.net/vphyr/另请查看此 http://www.w3.org/wiki/HTML/Elements/video有关视频元素的更多信息。
关于jquery - 在 HTML5 视频中捕获特定时间的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11331873/