教程 Tutorial:快速跑通声网 RTC Web Demo

实时音视频通话能够拉近人与人之间的距离,为用户提供沉浸式的交流体验,帮助您的应用提高用户黏性。

本教程的目的是帮助您快速跑通声网 RTC Web Demo,体验声网音视频能力。

前提条件

你已经有了声网开发者账号,并且完成了实名认证。如果还没有,可以在声网开发者控制台 Console 中马上注册 https://console.agora.io/。

操作步骤

步骤1:创建新的应用

完成注册/登陆后,你就可以在控制台创建项目了。

参考以下步骤创建一个新的项目:

1)进入声网控制台的项目管理页面。

2)在项目管理页面,点击 创建 按钮。

3)在弹出的对话框内输入 项目名称、使用场景,然后选择调试模式: APP ID

4)点击 提交 按钮。新建的项目会显示在项目管理页中。

步骤2:下载 SDK 和 Demo 源码

下载 Web 端 SDK 及配套的 Demo 源码。

访问 https://docs.agora.io/cn/All/downloads?platform=Web,选择 文档中心 → 全部产品 → Web → SDK 下载 → 视频 SDK → Web v4.14.0。

注:这里“Web v4.14.0”的版本号会经常更新,所以您看到的版本号可能与本教程的不一样,这属于正常现象。

步骤3:获取声网 AppId

步骤4:运行 Demo

1)在「步骤二」下载的源码中找到并使用浏览器打开 Agora_Web_SDK_FULL/index.html 文件即可运行 Demo。

2)在打开的界面设置 AppID 与 Channel 参数

AppID:在上面「步骤3」中已经获取到

Channel:字符串,要音视频双方保证输入的字符串相同。

3)开启并体验音视频通话功能

点击界面上的“Join”按钮,即可进入音视频通话房间并且发布本地音视频流。 你可以打开多个页面,每个页面都单击“Join”,正常情况下可以看到多个画面并模拟实时音视频通话。

  • 此时浏览器需要使用您的麦克风和摄像头,请分别点击“允许”。

以上就是跑通声网 RTC Web Demo 的全部内容。有问题欢迎到「RTE 开发者社区」https://www.agora.io/cn/community/ 交流吐槽。


推荐阅读
相关专栏
SDK 教程
167 文章
本专栏仅用于分享音视频相关的技术文章,与其他开发者和声网 研发团队交流、分享行业前沿技术、资讯。发帖前,请参考「社区发帖指南」,方便您更好的展示所发表的文章和内容。