bc-player
tips
最新版本为测试发布版本，请勿随意更新
目前稳定版本为1.0.0-beta.33
## introduce基于canvas实现的视频控件，提供视频切割及视频局部放大功能及音频切换
Video control based on Canvas provides video cutting and local video magnification functions
参数（argument）
| 参数名 | 参数类型 | 可选值 | 默认值 | 是否必传 | 备注 |
|---|---|---|---|---|---|
| id | String | / | "video" | 是 | 容器 id，必须是 id 选择器 |
| url | String | / | / | 是 | 视频地址，支持 video 标签所支持的所有视频类型 |
| line | Number | / | 1 | 否 | 视频所需切割为几行 |
| pictureNumber | Number | / | column*line | 否 | 有多少个画面切 |
| column | Number | / | 1 | 否 | 视频所需切割为几列 |
| showProgressBar | Boolean | true/false | true | 否 | 是否展示视频进度条，默认展示 |
| showTime | Boolean | true/false | true | 否 | 是否展示视频时长和当前播放时间，默认展示 |
| buttonList | Array | "switchPicture", "enlarge", "audio", "speed" | ["switchPicture", "enlarge", "audio", "speed"] | 否 | 对应关系：{"switchPicture"："前后画面切换", "enlarge": "画面放大缩小", "audio": "音频切换", "speed": "倍速" } |
| audioList | Array | / | / | 否 | 音频源地址，不传即使用视频本身声音 |
| stopClickPlay | Boolean | true/false | fasle | 否 | 是否禁用播放暂停按钮事件，用于 js 控制播放暂停 |
npm install @royalscome/bc-player
const player = new bcPlayer({
id: "video",
url: "./aaa.mp4",
line: 3,
column: 2,
buttonList: ["switchPicture", "enlarge", "audio"],
audioList: [
"xxxx.mp4",
"xxxx.mp4",
"xxxx.mp4",
],
});切换视频
切换视频前请调用destroy()方法清空后再创建新的player