FrCapture-master

代码说明：

说明：  ## 视频截图工具 可以在预览视频的时候选择一个适合的界面把它截取下来，并存成图片。 ## 使用 ### 简单使用 主要文件： ``` ``` 在视频预览界面调用： ``` poster($('video')[0],function(e){ //console.log(e); if(e.bool){ //输出文件对象 var blob=e.data;//返回的是blob对象 console.log(blob); p.src=window.URL.createObjectURL(e.data);//创建一个临时预览路径 } }); ``` ### 使用extendvideo.js `extendvideo.js`与`poster.js`不同的是前者会在引入它的页面里每个`video`标签里增加一个`getPoster()`方法 。 用法： ``` var blob=$('video')[0].getPoster();//返回图片blob对象 ``` ## 原理 此视频截图工具，采用了canvas绘图函数实现video图片截取，产生base64编码图片信息，再通过转blob。 你的浏览器需要支持`HTML5`(### simple to use Main documents: . . Call on the video preview interface: . Poster ($('video') [0], function (E) {) //console.log (E); If (e.bool) { / / output file object Var blob=e.data; / / return is blob Console.log (BLOB); P.src=window.URL.createObjectURL (e.data); / / create a temporary preview path } }); . The use of extendvideo.js ### The difference between `extendvideo.js` and `poster.js` is that the former adds a `getPoster () method to each `video` tag in the page that is introduced to it. . Usage: . Var blob=$('video') [0].getPoster (BLOB); / / return picture object . ## principle This video capture tool uses a canvas drawing function to intercept video pictures, generate Base64 coded picture information, and then transfer blob. ## compatibility Your browser needs to support `HTML5`)