更新记录

0.0.5(2020-10-23)

  1. 修复安卓端封面图片显示错位问题;

0.0.4(2020-10-22)

  1. 修复安卓端封面显示变形问题;
  2. 优化视频播放,提升流畅度;

0.0.3(2020-10-10)

  1. 安卓修复封面图片不显示问题;
查看更多

平台兼容性

Android Android CPU类型 iOS
适用版本区间:4.4 - 10.0 armeabi-v7a:支持,arm64-v8a:支持,x86:支持 适用版本区间:9 - 14

原生插件通用使用流程:

  1. 购买插件,选择该插件绑定的项目。
  2. 在HBuilderX里找到项目,在manifest的app原生插件配置中勾选模块,如需要填写参数则参考插件作者的文档添加。
  3. 根据插件作者的提供的文档开发代码,在代码中引用插件,调用插件功能。
  4. 打包自定义基座,选择插件,得到自定义基座,然后运行时选择自定义基座,进行log输出测试。
  5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
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>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问