AUI Kits低代码集成工具是阿里云基于丰富的音视频实践沉淀,提供的aPaaS产品。

Demo下载

通过以下Demo,您可以快速体验AUI Kits的功能。

平台设备模块Demo体验入口
Android移动设备主播端/观众端demo下载
iOS移动设备主播端/观众端
Web移动设备/桌面设备观众端暂未提供
微信小程序移动设备观众端暂未提供
Windows桌面设备主播端暂未提供
macOS桌面设备主播端暂未提供

功能说明

AUI Kits低代码集成工具提供场景的音视频应用UI组件,公开源码支持定制化修改。Demo展示了主要的UI组件,集成方可以直接复用实现快速上线直播业务。主要功能如下:

直播间列表

  • 展示应用下所有的直播间。
  • 展示直播间的标题、封面图、主播昵称、状态、热度。
直播列表

主播开播

  • 创建直播间,支持设定直播间标题、公告、类型。
  • 调整开播效果,支持调节美颜特效、摄像头方向。
  • 聊天互动,支持设置全员禁言。
  • 连麦管理,支持接受或拒绝连麦申请;连麦过程中支持管理观众的设备,例如摄像头、麦克风等。
预览直播多人连麦

观众观看

  • 直播间观看,若直播已结束,支持观看回放。
  • 聊天互动。
  • 申请连麦,若主播同意连麦,则观众二次确认后上麦。
  • 连麦互动,支持调节美颜特效,管理设备,例如摄像头、麦克风等。
  • 关注主播。
  • 点赞直播。
  • 分享直播。
说明 点赞、关注、分享仅作视觉展示,需要您对接自有的业务系统走通上述业务流程。
直播间

体验流程

主播开播与互动

说明 此处以Android端的流程为例说明,其他端的流程与之类似。
  1. Demo下载中,扫描二维码下载并安装apk,安装完成后打开互动直播应用。
  2. 在登录页面输入用户昵称,单击进入登录应用,进入直播间列表页面。
    用户昵称支持字母和数字。
  3. 在直播间列表页面单击创建直播间,进入直播间创建页面。
  4. 在直播间创建页面,设置并确认直播间信息无误后,单击创建直播间,进入直播预览页面。
    参数说明
    直播间标题必选。支持输入中文、字母、数字。
    直播间公告可选。
    直播间类型必选。类型包括:基础直播、连麦直播。
  5. 在直播预览页面内单击开始直播,待3秒倒计时后主播端开始推流直播。
    开始直播前,您可以通过美颜调节美颜特效;通过翻转设定摄像头方向。
  6. 进入开播页面后,您可以做如下互动和设定操作。
    • 在对话框中键入文本发布聊天消息。
    • 单击美颜按钮调节美颜特效。
    • 单击菜单按钮进行直播间管理。
  7. 当有观众申请连麦时,在主播端会展示询问弹窗,单击确认即可邀请观众开始连麦。
    说明 若当前直播间类型为普通直播,则无该功能。
    连麦过程中可以单击连麦按钮管理连麦状态。
  8. 在开播页面单击关闭按钮,并在弹出的询问弹窗中单击确认,即可结束并退出直播间。

观众观看与互动

说明 此处以Android端的流程为例说明,其他端的流程与之类似。
  1. Demo下载中,扫描二维码下载并安装apk,安装完成后打开互动直播应用。
  2. 在登录页面输入用户昵称,单击进入登录应用,进入直播间列表页面。
    用户昵称支持字母和数字。
  3. 在直播间列表页面单击任意直播间,进入观看页面。
  4. 进入观看页面后,您可以做如下互动和设定操作。
    • 在对话框中键入文本发布聊天消息。若直播已结束或处于禁用状态,则无法发送消息。
    • 若直播已结束,单击查看回放开始回放直播内容。
  5. 单击连麦按钮向主播申请连麦,主播同意连麦请求后上麦。
    说明 若直播已结束或当前直播间类型为普通直播,则无该功能。
    • 连麦过程中可以单击连麦按钮管理连麦状态。
    • 连麦过程中可以单击美颜按钮调节美颜特效。
  6. 在开播页面单击关闭按钮,并在弹出的询问弹窗中单击确认,即可结束并退出直播间。