Web Demo

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

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

     var appId = "yourAppId";
     var appKey = "yourAppKey";
2. 运行Demo。
   1. 输入房间号，单击进入房间。
      
   2. 进入房间后，已经默认开启本地预览并开始推送视频流（摄像头大流和音频）。您可以开启或关闭本地预览，也可以打开或关闭推流。
      

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

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