本文为您介绍了运行 Web Demo 的前提条件及具体步骤。在您成功运行 Demo 后，您可以进入房间和远端用户进行音视频通信。

前提条件

在执行 Demo 步骤之前，您需要从控制台获取鉴权信息，具体操作请参见生成 Token。

您需要下载示例代码，详情请参见 SDK 下载。

操作步骤

1. 打开 index.html 文件。

• • 集成 SDK。下载最新 Web SDK 添加到代码同层目录，并打开相关注释。
  • 定位到 314 行代码处并配置 AppId 和 AppKey。
    说明 从控制台获取的 Token 仅为开发测试使用，正式上线有被攻击风险。建议您自己搭建服务端生成 Token，并使用 Https 协议。搭建服务端请参见服务端生成 Token。
    

var appId = "yourAppId";
var appKey = "yourAppKey";

1. 运行 Demo。

1. 1. 输入房间号，单击进入房间。
   2. 进入房间后，已经默认开启本地预览并开始推送视频流（摄像头大流和音频）。您可以开启或关闭本地预览，也可以打开或关闭推流。说明房间显示用户名、房间号、推流状态。如果在当前房间内有其他成员，左侧会显示其用户名。

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

「视频云技术」你最值得关注的音视频技术公众号，每周推送来自阿里云一线的实践技术文章，在这里与音视频领域一流工程师交流切磋。