通过阅读本文,您可以了解运行Web Demo的方法。

前提条件

您已从控制台获取鉴权信息,具体操作,请参见接入工具

说明 从控制台获取的Token仅为开发测试使用,正式上线有被攻击风险。建议您自己搭建服务端生成Token,并使用HTTPS协议。搭建服务端请参见服务端生成Token

操作步骤

  1. 下载并解压SDK及示例代码,下载地址,请参见客户端SDK
  2. 复制SDK文件至示例代码中的index.html同级目录下。
  3. 打开并配置Demo中的index.html
    1. 添加SDK的引用。
      001
      说明 此处SDK文件名称仅供参考,具体名称请以实际为准。
    2. 配置AppId和AppKey。
      002
  4. 运行Demo。
    1. 输入房间号,单击进入房间
      Demo运行成功进入房间
    2. 进入房间后,已经默认开启本地预览并开始推送视频流(摄像头大流和音频)。您可以开启或关闭本地预览,也可以打开或关闭推流。

      房间显示用户名、房间号、推流状态。如果在当前房间内有其他成员,左侧会显示其用户名。

      本地预览
      • 如果您想更改推流状态,您可以直接对推流选项进行热切换,也可以先单击停止推流,然后选择推视频流推共享流切换推流
      • 如果您想和其他房间成员进行音视频通信,您可以将鼠标移动到左侧该成员用户名上,当出现共享流 订阅视频流 订阅时,进行选择操作。
        说明 Demo中仅可订阅视频流和共享流,音频流单独订阅您可以自行开发实现,接口说明请参见AliRtcEngine接口
        视频流订阅

        订阅后的用户界面显示在房间右侧,互相订阅后即可开始实时音视频通信。