关于直播:即构小程序直播组件集成教程

41次阅读

共计 1672 个字符,预计需要花费 5 分钟才能阅读完成。

即构直播助手是微信官网认证的微信小程序插件,可为开发者提供便捷、弱小的微信小程序音视频直播服务,让你疾速实现小程序直播、多人连麦互动等性能。上面一起来看看,如何疾速接入即构小程序直播插件。

一、筹备环境


请确保开发环境满足以下技术要求:

  • 已装置微信开发者工具
  • 应用微信小程序根底库 2.3.0 及以上版本(否则不反对音视频播放、录制组件)

二、集成 SDK


集成即构小程序 SDK 有两种办法,大家能够任选一种:

办法一:从即构官网下载

1. 点击这里下载 SDK

2. 将下载下来的文件包解压缩后拷贝到小程序我的项目所在文件夹下。

3. 应用 require 将 SDK 集成到我的项目中即可:

<script src=”ZegoExpressWebRTC-x.x.x.js”></script>

留神:require 需填写我的项目中 SDK 的理论文件门路。

办法二:应用 npm 获取 SDK

1. 在终端运行装置命令

npm i miniprogram-zego

2. 在开发者工具菜单栏中抉择“工具 > 构建 npm”,并勾选“应用 npm 模块”选项。

3. 在我的项目中增加如下代码:

let {ZegoExpressEngine} = require(“zego-express-engine-miniprogram”); // 以 npm 的形式援用

三、集成小程序直播插件


1. 申请插件

登录微信小程序后盾,在“设置 > 根本设置”中,确定小程序主体 / 类目为可接入直播性能的类目。

对于哪些类目可应用即构直播插件,请戳这里理解~

2. 增加插件

在小程序管理后盾的“设置 - 第三方设置”中抉择“增加插件”,在弹出的面板中搜寻“即构直播助手”,选中插件并增加,期待后盾审核。

插件名称:即构直播助手。

插件 AppID:wx2b8909dae7727f25。

插件最低版本限度:1.0.4。

3. 在小程序中引入插件代码

插件申请审核通过后,应用插件前要在小程序工程的 app.json 中申明须要应用的插件,例如:

{
“plugins”: {

"zego-e-commerce": {
  "version": "1.0.4",
  "provider": "wx2b8909dae7727f25"
}

}
}

4. 应用小程序插件中的推拉流组件

1)在 page 或 component 的 .json 文件中定义须要引入的 zego-pusher 组件,应用 plugin:// 协定

{

"usingComponents": {"zego-pusher": "plugin://zego-e-commerce/zego-pusher",    // 推流组件}

}

2)在 wxml 文件加载上一步引入的 zego-pusher 组件

<zego-pusher wx:if="{{loginType==='anchor'}}" id="zg-pusher" url="{{pushUrl}}" class="push-content" bindstatechange="onPushStateChange" bindnetstatus="onPushNetStateChange"></zego-pusher>

3)在 page 或 component 的 .json 文件中定义须要引入的 zego-player 组件,应用 plugin:// 协定

{
“usingComponents”: {

   "zego-player": "plugin://zego-e-commerce/zego-player",    // 拉流组件 

}
}

4)在 wxml 文件加载上一步引入的 zego-player 组件

<zego-player wx:if="{{loginType==='audience'}}" id="zg-player" sid="{{sid}}" url="{{playUrl}}" objectFit="fillCrop" class="play-content" bindstatechange="onPlayStateChange" bindnetstatus="onPlayNetStateChange"></zego-player>

以上就是直播小程序插件的接入办法,大家在接入过程中有任何问题,欢送留言或私聊我~

正文完
 0