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 = ateElement(“canvas”);
canvas.width = video.videoWidth * scale;
canvas.height = video.videoHeight * scale;
jquery在线学习视频.drawImage(video, 0, 0, canvas.width, canvas.height);
var img = ateElement(“img”);
img.src = DataURL();
$output.prepend(img);
};
$(initialize);
}());
上⾯是使⽤jq+html5来实现视频截图,可以⼀边播放⼀边截图都可以。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论