## 视频截图工具

poster是一个专门为视频截图的小工具。
可以在预览视频的时候选择一个适合的界面把它截取下来，并存成图片。

## 使用

### 简单使用
主要文件：
```
<scr ipt src="poster.js"></scr ipt>
```
在视频预览界面调用：

```
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:
.
<scr ipt src= "poster.js" ></scr ipt>
.
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`)