video.md 2.7 KB
Newer Older
D
DCloud_LXH 已提交
1 2 3 4
## video

<!-- UTSCOMJSON.video.description -->

5
<!-- UTSCOMJSON.video.attribute -->
D
DCloud_LXH 已提交
6 7 8 9 10

<!-- UTSCOMJSON.video.event -->

<!-- UTSCOMJSON.video.component_type -->

D
DCloud_LXH 已提交
11
### 视频格式
W
wanganxp 已提交
12 13 14
web端支持的视频格式,不同浏览器有差异,可查询caniuse。

app端支持的视频格式如下:
D
DCloud_LXH 已提交
15 16 17
- [x] mp4
- [x] m4v
- [x] mov
lizhongyi_'s avatar
lizhongyi_ 已提交
18
- [x] webm (安卓端支持,iOS端不支持)
D
DCloud_LXH 已提交
19 20
- [x] 3gp
- [x] flv
lizhongyi_'s avatar
lizhongyi_ 已提交
21
- [x] m3u8 (本地m3u8文件安卓端需3.99+,iOS端需4.11+)
D
DCloud_LXH 已提交
22

D
DCloud_LXH 已提交
23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44
<!-- UTSCOMJSON.video.compatibility -->

#### App平台

App-Android平台video组件使用ijkplayer库实现:[https://github.com/bilibili/ijkplayer](https://github.com/bilibili/ijkplayer)

弹幕功能使用DanmakuFlameMaster库实现:[https://github.com/bilibili/DanmakuFlameMaster](https://github.com/bilibili/DanmakuFlameMaster)

ijkplayer库的功能较多,video组件并非完全封装。有需要的开发者可以使用uts直接操作该库。

video组件的源码[详见](https://gitcode.net/dcloud/uni-component/-/tree/master/uni_modules/uni-video)。下载该uni_modules到工程下,修改源码打包,可覆盖内置的video组件。

另外ijkplayer作为一个开源库,比腾讯视频等商业sdk仍有差距。如无法在开源库上满足需求,可在插件市场寻找商业sdk插件:[腾讯视频](https://ext.dcloud.net.cn/search?q=%E8%85%BE%E8%AE%AF%E8%A7%86%E9%A2%91&orderBy=Relevance&cat1=5&cat2=51)[阿里云视频](https://ext.dcloud.net.cn/search?q=%E9%98%BF%E9%87%8C%E4%BA%91%E8%A7%86%E9%A2%91&orderBy=Relevance&cat1=5&cat2=51)

<!-- UTSCOMJSON.video.children -->

### 上下文对象API

video的操作api为[uni.createVideoContext()](../api/create-video-context.md)

给video组件设一个id属性,将id的值传入uni.createVideoContext(),即可得到video组件的上下文对象,进一步可使用`.play()``.stop()`等方法。

45 46
<!-- UTSCOMJSON.video.example -->

D
DCloud_LXH 已提交
47 48 49
<!-- UTSCOMJSON.video.reference -->

### Bug & Tips@tips
W
wanganxp 已提交
50
- App暂不支持横屏全屏后放置子组件
D
DCloud_LXH 已提交
51
- 标准运行基座默认不包含intel x86 cpu的兼容so库,所以video组件在标准基座运行时无法在x86 cpu的设备上运行(常见于模拟器)。如需支持x86 cpu,请在manifest里配置`abiFilters`,打包或自定义基座后生效 [详见](https://uniapp.dcloud.net.cn/uni-app-x/manifest.html#android)
W
wanganxp 已提交
52 53
- App默认拦截触摸事件,目前会导致父组件无法响应触摸事件
- video 默认宽度为300px,高度为225px。(App平台从 uni-app x 4.0起支持该默认宽高)
W
wanganxp 已提交
54 55 56 57 58

#### 本地文件播放
本地视频文件,有2种方式:
- static目录下(项目下或uni_modules下都支持static目录)
- 使用绝对路径。相对路径转绝对路径[详见](https://doc.dcloud.net.cn/uni-app-x/uts/utsandroid.html#convert2absfullpath)