1.1 KiB
1.1 KiB
| group | category | subtitle | title | toc | demo | ||
|---|---|---|---|---|---|---|---|
| 媒体 | Components | 视频播放 | VideoPlayer 视频播放 | content |
|
VideoPlayer 视频播放
:::warning{title=注意} 播放进度条操作还未完善，在播放结束和拖拽的过程中都有一定程度卡顿，目前逻辑待优化 :::
功能支持
- 视频播放：mp4、ws链接、直播流... ✔
- 视频操作：播放、暂停、全屏观看、进度条 ✔
- 视频截图 ✔
- 下载视频截图 ✔
- OD 跟随
实现思路
OD 跟随
根据传递的od框数据实时跟踪目标移动轨迹，目前的构想是通过底层的flvjs拉取视频流播放，再通过canvas截帧，同时传入 OD 对象数组 requestAnimationFrame 去绘制；
基础
测试视频播放压力
API
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| url | 当前视频链接 | string（必填） | - | |
| maxDuration | 视频截取长度(注意视频原始长度) | number（选填） | - |