js截屏 video_jQuery+html5实现视频截图方法

Capture

js部分：

(function() {

“use strict”;

var video, $output;

var scale = 0.25;

var initialize = function() {

$output = $(“#output”);

video = $(“#video”).get(0);

$(“#capture”).click(captureImage);

};

var captureImage = function() {

var canvas = document.createElement(“canvas”);

canvas.width = video.videoWidth * scale;

canvas.height = video.videoHeight * scale;

canvas.getContext(‘2d’)

.drawImage(video, 0, 0, canvas.width, canvas.height);

var img = document.createElement(“img”);

img.src = canvas.toDataURL();

$output.prepend(img);

};

$(initialize);

}());

上面是使用jq+html5来实现视频截图，可以一边播放一边截图都可以。