您好,欢迎访问一九零五行业门户网

js+HTML5实现视频截图的方法_javascript技巧

本文实例讲述了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程序设计有所帮助。
其它类似信息

推荐信息