jquery - 在 HTML5 视频中捕获特定时间的图像

Question

我最近创建了一个辅助类来捕获 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 参数，该参数捕获视频中给定时间的屏幕截图。我试过更新视频上的时间，捕获，然后将时间改回来，但没有成功。

非常感谢任何建议或想法。

Answer 1

如果你向任何位置寻找视频，那么你必须等待被寻找的事件。否则，视频不会加载。我刚刚做了这个例子，所以我希望它能帮助你。 http://jsfiddle.net/vphyr/另请查看此 http://www.w3.org/wiki/HTML/Elements/video有关视频元素的更多信息。