更新记录
0.0.5(2020-10-23)
- 修复安卓端封面图片显示错位问题;
0.0.4(2020-10-22)
- 修复安卓端封面显示变形问题;
- 优化视频播放,提升流畅度;
0.0.3(2020-10-10)
- 安卓修复封面图片不显示问题;
平台兼容性
Android | Android CPU类型 | iOS |
---|---|---|
适用版本区间:4.4 - 10.0 | armeabi-v7a:支持,arm64-v8a:支持,x86:支持 | 适用版本区间:9 - 14 |
原生插件通用使用流程:
- 购买插件,选择该插件绑定的项目。
- 在HBuilderX里找到项目,在manifest的app原生插件配置中勾选模块,如需要填写参数则参考插件作者的文档添加。
- 根据插件作者的提供的文档开发代码,在代码中引用插件,调用插件功能。
- 打包自定义基座,选择插件,得到自定义基座,然后运行时选择自定义基座,进行log输出测试。
- 开发完毕后正式云打包
付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios
注意事项:使用HBuilderX2.7.14以下版本,如果同一插件且同一appid下购买并绑定了多个包名,提交云打包界面提示包名绑定不一致时,需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择
1. 视频播放插件
视频播放组件
2. 注意事项
1. 请在云端打包!请在云端打包!请在云端打包!(重要的事说三遍)
(1). 属性说明
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
src | String | 空 | 要播放视频的资源地址 |
autoplay | Boolean | false | 是否自动播放 |
loop | Boolean | false | 是否循环播放 |
muted | Boolean | false | 是否静音播放 |
object-fit | String | contain | 当视频大小与 video 容器大小不一致时,视频的表现形式(注意iOS暂不支持): 1. contain:包含; 2. fill:填充; 3. cover:覆盖; 4. 16_9; 5. 4_3; |
cover | String | 空 | 封面图片地址 |
cachePath | String | 空 | 视频缓存路径 |
(2). 方法说明
方法名称 | 说明 | 参数 |
---|---|---|
方法 | 参数 | 说明 |
play | 无 | 播放 |
pause | 无 | 暂停 |
stop | 无 | 停止视频 |
(3). 回调方法说明
方法名称 | 说明 | 参数 |
---|---|---|
@play | EventHandle | 当开始/继续播放时触发play事件 |
@pause | EventHandle | 当暂停播放时触发 pause 事件 |
@ended | EventHandle | 当播放到末尾时触发 ended 事件 |
@timeupdate | EventHandle | 播放进度变化时触发,event.detail = {currentTime, duration} 。触发频率 250ms 一次 |
@error | EventHandle | 视频播放出错时触发 |
4. 使用方法
<Hs-Video
:src="src"
:autoplay="autoplay"
:loop="loop"
:muted="muted"
:object-fit="objectFit"
@play="onPlay"
@pause="onPause"
@ended="onEnd"
@timeupdate=""
@error="error"
@click="play"
></Hs-Video>