更新记录

1.0.1(2020-11-03)

增加加密下载支持

1.0.0(2020-08-31)

  1. 支持阿里视频点播播放;
  2. 支持阿里直播播放;
  3. 支持播放器常见控制;
  4. 支持常见事件回调
查看更多

平台兼容性

Android iOS
适用版本区间:4.4 - 11.0 适用版本区间: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原生插件配置”->”云端插件“列表中删除该插件重新选择


视频点播

支持点播和直播的播放功能外,深度融合视频云业务,如支持视频的加密播放、安全下载、清晰度切换、短视频等业务场景,为用户提供简单、快速、安全、稳定的视频播放服务。

函数名称 函数简介
init 初始化
setPlayerListener 设置播放事件监听
removePlayerListener 移除播放事件监听
setStsSource 设置sts播放源
setLiveSts 设置直播播放源
prepare 预备播放
start 开始播放
pause 暂停播放
stop 停止播放
seek 跳转到播放
getMediaInfo 获取码流信息

技术支持

如果希望获取更多高级功能或者技术支持,可以联系我们的客服微信: ruanyunkeji001或ruanyunkeji002

快速开始

第一步: 阿里云配置

注册或登录阿里云账号,STS配置,生成accessKeyId、accessKeySecret、securityToken和expireTime, 填入配置信息中,示例如下:

return {
    playerWidth: 0,
    playerHeight: 0,
    vid: '413ad9xxxxxx4b0',
    accessKey: 'STS.NUnbCmxxxxxzA9n',
    accessSecret: 'FYskeKNJexxxxxxxd6oDrL6',
    token: 'CAIS6xxxxRcGLw=',
    expiredTime: '2020-08-25T13:30:22Z',
    region: 'cn-xxx',
    position: 15,
    index: 0
}

备注: 其中accessId为accessKeyId, accessSecret为accessKeySecret, token为secrurityToken。

第二步: 模块使用

  1. 加载模块

模块名称为: RY-AliyunVodPlayer,使用标签

<div class="player">
        <RY-AliyunVodPlayer ref="vodPlayer" v-bind:style = "{ width: playerWidth, height: playerHeight }"></RY-AliyunVodPlayer>
    </div>

注意: 必须使用nvue页面

  1. 初始化模块

init({params})

初始化模块

this.$refs.vodPlayer.init({
    docPath: plus.io.convertLocalFileSystemURL('_doc')
}, ret => {

});

第三步: 设置监听器

this.$refs.vodPlayer.setPlayerListener({}, ret => {
    uni.showToast({
        title: JSON.stringify(ret),
        icon: "none"
    });
});

使用监听器,可以监听播放器相关事件,例如播放进度事件、播放开始、播放结束等。

第三步: 设置播放源

this.$refs.vodPlayer.setStsSource({
    vid: self.vid,
    accessId: self.accessId
    accessSecret: self.accessSecret,
    token: self.token,
    region: self.region
})

备注: 参数为第一步中配置的参数,region为地域

第五步: 准备播放

var self = this;
const {windowWidth, windowHeight} = uni.getSystemInfoSync();
self.playerWidth = windowWidth;
self.playerHeight = windowWidth * 9 / 16;
this.$refs.vodPlayer.prepare({
});

可以根据需要设置播放器的宽度和高度,其中宽度和高度为可修改的属性,在最前面代码部分绑定。

第四步: 开始播放

this.$refs.vodPlayer.start();

第五步: 暂停播放

this.$refs.vodPlayer.pause();

第六步: 停止播放

this.$refs.vodPlayer.stop();

第七步: 跳转到指定位置播放

this.$refs.vodPlayer.seek({
    position: 15
});

第八步: 获取媒体信息

this.$refs.vodPlayer.getMediaInfo({}, ret => {
    uni.showToast({
        title: JSON.stringify(ret),
        icon: "none"
    });
});

更多功能

联系我们获取更能多增值功能

  • 截图
  • 切换码流
  • 直播配置

隐私、权限声明

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

Android: "android.permission.INTERNET", "android.permission.ACCESS_NETWORK_STATE", "android.permission.ACCESS_WIFI_STATE", "android.permission.SYSTEM_ALERT_WINDOW", "android.permission.WRITE_EXTERNAL_STORAGE", "android.permission.READ_EXTERNAL_STORAGE" iOS: 无

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

插件使用的阿里云播放器SDK会采集数据,详情可参考: https://help.aliyun.com/document_detail/125579.html?spm=a2c4g.11186623.6.1073.54651bc7QuoS0Q

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

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