Web端快速集成 Agora 视频 SDK,实现17人视频直播

Github传送门

这个开源示例项目演示了如何快速集成 Agora 视频 SDK,实现17人视频直播。

环境准备

  • Node.js LTS

运行示例程序

这个段落主要讲解了如何编译和运行示例程序。

创建Agora账号并获取AppId

在编译和启动实例程序前,您需要首先获取一个可用的App ID:

  1. agora.io创建一个开发者账号
  2. 前往后台页面,点击左部导航栏的 项目 > 项目列表 菜单
  3. 复制后台的 App ID 并备注,稍后启动应用时会用到它
  4. 在项目页面生成临时 Access Token (24小时内有效)并备注,注意生成的Token只能适用于对应的频道名。
  5. 把文件 .env.example 重命名为 .env file. 在这个文件中,将 <#YOUR APP ID#> 替换为您自己的App ID。

REACT_APP_AGORA_APP_ID=<#YOUR Agora.io APP ID#> REACT_APP_AGORA_LOG=true

集成 Agora 视频 SDK

  1. 在Terminal中,在您的项目根目录输入 install 命令以安装项目依赖

install dependencies npm install

  1. 输入 run dev 命令以启动Web程序

serve with hot reload at localhost:8080 npm run dev

联系我们

  • 如果你遇到了困难,可以先参阅常见问题
  • 如果你想了解更多官方示例,可以参考官方SDK示例
  • 如果你想了解声网SDK在复杂场景下的应用,可以参考官方场景案例
  • 如果你想了解声网的一些社区开发者维护的项目,可以查看社区
  • 完整的 API 文档见 文档中心
  • 若遇到问题需要开发者帮助,你可以到 开发者社区 提问
  • 如果发现了示例代码的 bug,欢迎提交 issue

代码许可

The MIT License (MIT)

Github传送门