更新记录

1.0.0（2022-02-25）

1. 直播拉流播放功能;
2. 直播播放控制；

平台兼容性

原生插件通用使用流程：

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

阿里云直播播放器

播放是将直播服务中心已有直播内容分发到播放器进行播放的过程。

技术支持

产品复杂度较高，接入前请先联系我们，技术会引导您免费接入和免费测试。

温馨提示：建议接入成功后再购买。

注意：插件默认提供右侧示例代码中的功能；部分高级功能需要额外授权开通。

联系我们，获取技术支持和开通测试账号。

定制UI

联系我们，获取定制UI。

快速开始

步骤1: 集成插件

• 加载插件

插件名称: MZ-AliyunLivePlayer

使用前，您需要先加载插件:

<MZ-AliyunLivePlayer class="live" ref="livePlayer" v-bind:style = "{ width: playerWidth, height: playerHeight }"></MZ-AliyunLivePlayer>

• 阿里云配置

登录或者注册[阿里云]()，然后点击视频直播控制台，进入阿里云直播控制台。

步骤2: 开始使用插件

创建直播播放器需要调用 [init]() 初始化插件。

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

步骤3: 设置监听器

调用 [setLivePlayerListener]() 设置状态监听器，监听器会返回拉流状态相关回调信息。

this.$refs.livePlayer.setLivePlayerListener({}, ret => {
    console.log(ret);
});

步骤4: 通过URL播放地址进行播放控制

this.$refs.livePlayer.startWithURL({
    rect: {
        x: 0, 
        y: 0, 
        w: self.playerWidth / 2,
        h: self.playerHeight / 2
    },
    url: self.url
}, ret => {
    console.log(ret);
});

更多功能

• 播放设置

加入交流群联系我们, 获取技术支持