观众连麦

功能概述

在直播过程中，为了增加互动性，主播和观众可以通过“连麦”功能，实现音视频实时互动。主播可以主动邀请观众连麦，或者让观众自己申请连麦。

实现步骤

1. 导入 ZIM 插件

• 使用 NPM：

  1. 安装插件。
     Untitled

      npm i @zegocloud/zego-uikit-prebuilt zego-zim-web --save 
     

     1

     Copied!
  2. 在项目的 js 或 ts 文件中导入互动直播 UIKit：
     Untitled

     import { ZIM } from "zego-zim-web";
     import { ZegoUIKitPrebuilt } from '@zegocloud/zego-uikit-prebuilt';
     

     1

     Copied!

• 使用 HTML 脚本标签： 在 HTML 页面中导入以下脚本代码。

  Warning

  您可以将脚本下载并保存在您的应用服务器上，并导入到相应的路径。

  Untitled

  <script src="https://unpkg.com/zego-zim-web/index.js"></script> 
  <script src="https://unpkg.com/@zegocloud/zego-uikit-prebuilt/zego-uikit-prebuilt.js"></script> 
  

  1

  Copied!

2. 配置参数

   const zp = ZegoUIKitPrebuilt.create(TOKEN);
   zp.addPlugins({ ZIM });
   zp.joinRoom({
       //...其他参数
       showInviteToCohostButton: true, // 是否显示主播端用于邀请观众连麦按钮。
       showRemoveCohostButton: true, // 是否显示主播端用于移除观众的按钮。
       showRequestToCohostButton: true, // 是否显示观众端用于申请连麦的按钮。
   })