更新记录

1.0.2（2021-12-02）

1. iOS的onStateChanged事件新增返回state参数;

1.0.1（2020-11-03）

增加加密下载支持

1.0.0（2020-08-31）

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

平台兼容性

原生插件通用使用流程：

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原生插件配置”->”云端插件“列表中删除该插件重新选择

视频点播

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

技术支持

如果希望获取更多高级功能或者技术支持，可以联系我们的客服微信: 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页面

2. 初始化模块

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"
    });
});

更多功能

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

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