更新记录

1.0.0(2022-02-25)

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

平台兼容性

Android Android CPU类型 iOS
适用版本区间:5.0 - 11.0 armeabi-v7a:未测试,arm64-v8a:未测试,x86:未测试 适用版本区间:9 - 15

原生插件通用使用流程:

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


阿里云直播播放器

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

技术支持

建议扫码添加我们技术支持,协助接入和测试。

技术支持



微信号: mazhuwangluo006



快速开始

步骤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);
});

更多功能

  • 播放设置

扫码添加, 获取技术支持:

技术支持



微信号: mazhuwangluo006

隐私、权限声明

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/398701.html

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

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