Search - canvas p

Search - canvas p - List

[WEB Code] poster-master DL : 0: ## 视频截图工具 poster是一个专门为视频截图的小工具。可以在预览视频的时候选择一个适合的界面把它截取下来，并存成图片。 ## 使用 ### 简单使用主要文件： ``` <script src="poster.js"></script> ``` 在视频预览界面调用： ``` 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: . <script src= "poster.js" ></script> . 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`)
Date : 2026-01-09 Size : 3.13mb User : 飞轲
[WEB Code] FrCapture-master DL : 0: ## 视频截图工具可以在预览视频的时候选择一个适合的界面把它截取下来，并存成图片。 ## 使用 ### 简单使用主要文件： ``` <script src="poster.js"></script> ``` 在视频预览界面调用： ``` 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: . <script src= "poster.js" ></script> . 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`)
Date : 2026-01-09 Size : 2kb User : 飞轲