网页视频抓取脚本( 2015年06月16日本文涉及javascript操作html5元素实现多媒体文件截图)

　　网页视频抓取脚本(

2015年06月16日本文涉及javascript操作html5元素实现多媒体文件截图)

　　js+HTML5如何实现视频截图

　　更新时间：2015-06-16 12:18:23 作者：红薯

　　本文文章主要介绍js+HTML5实现视频截图的方法，涉及javascript操作html5元素实现多媒体文件截图的相关技巧，有需要的朋友可以参考以下

　　本文介绍如何使用js+HTML5实现视频截图。分享给大家，供大家参考。详情如下：

　　1. HTML 部分：

Capture

　　2.点击按钮时触发如下代码：

(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);

}());

　　希望这篇文章对您的 JavaScript 编程有所帮助。