MCPcopy Index your code
hub / github.com/AgoraIO/API-Examples-Web

github.com/AgoraIO/API-Examples-Web @2.3.0

Chat with this repo
repository ↗ · DeepWiki ↗ · release 2.3.0 ↗ · + Follow
6,561 symbols 20,312 edges 67 files 19 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Agora RTC Web SDK 4.x 示例项目

English | 简体中文

简介

此仓库包含基于 Agora RTC Web SDK 4.x 的示例项目。


Web SDK 4.x 是基于 Web SDK 3.x 开发的全量重构版本,在继承了 Web SDK 3.x 功能的基础上,优化了 SDK 的内部架构,提高了 API 的易用性。

Web SDK 4.x 具有以下优势:

  • 面向开发者提供更先进的 API 架构和范式。
  • 所有异步场景的 API 使用 Promise 替代 Callback,提升集成代码的质量和健壮性。
  • 优化频道事件通知机制,统一频道内事件的命名和回调参数的格式,降低断线重连的处理难度。
  • 提供清晰和完善的错误码,方便错误排查。
  • 支持 TypeScript。

示例项目(使用 jQuery 和 Bootstrap)

功能 示例项目位置
基础示例 /src/example/basic
进阶示例 /src/example/advanced
插件示例 /src/example/plugin
其他示例 /src/example/others
vue 框架示例 /src/example/framework/vue
react 框架示例 /src/example/framework/react

如何运行示例项目

前提条件

运行步骤

  1. 在项目根路径运行下面的命令安装依赖项。

shell npm install

  1. 运行下面的命令启动示例项目。

shell npm run dev

  1. 在浏览器打开 http://localhost:3001/index.html

  2. 在示例项目设置页面上,输入 App ID 和 App Certificate,然后点击设置按钮。

  3. 关于 App ID 和 App Certificate 的获取方法参考 开始使用 Agora 平台

参考

反馈

如果你有任何问题或建议,可以通过 issue 的形式反馈。

相关资源

  • 你可以先参阅 常见问题
  • 如果你想了解更多官方示例,可以参考 官方 SDK 示例
  • 如果你想了解声网 SDK 在复杂场景下的应用,可以参考 官方场景案例
  • 如果你想了解声网的一些社区开发者维护的项目,可以查看 社区
  • 若遇到问题需要开发者帮助,你可以到 开发者社区 提问
  • 如果需要售后技术支持, 你可以在 Agora Dashboard 提交工单

许可证

示例项目遵守 MIT 许可证。

Extension points exported contracts — how you extend this code

IVADExtension (Interface)
(no doc) [7 implementers]
src/example/advanced/vadExtention/agora-extension-vad/index.d.ts
IVADExtension (Interface)
(no doc) [7 implementers]
src/example/extension/vad/agora-extension-vad/index.d.ts
IAIDenoiserExtension (Interface)
(no doc) [8 implementers]
src/example/extension/aiDenoiser/agora-extension-ai-denoiser/index.d.ts
IVideoTrackCompositor (Interface)
(no doc) [2 implementers]
src/example/extension/videoCompositor/agora-extension-video-compositor/index_cn.d.ts
IVideoTrackCompositor (Interface)
(no doc) [2 implementers]
src/example/extension/videoCompositor/agora-extension-video-compositor/index.d.ts

Core symbols most depended-on inside this repo

e
called by 1645
src/example/extension/beauty/agora-extension-beauty.js
r
called by 1084
src/example/extension/superClarity/agora-extension-pvc.js
concat
called by 811
src/example/extension/superClarity/agora-extension-super-clarity.js
n
called by 756
src/example/extension/superClarity/agora-extension-super-clarity.js
r
called by 722
src/example/extension/videoCompositor/agora-extension-video-compositor/agora-extension-video-compositor.js
r
called by 719
src/example/extension/spatialAudio/index.esm.js
r
called by 716
src/example/advanced/vadExtention/agora-extension-vad/index.js
r
called by 716
src/example/extension/vad/agora-extension-vad/index.js

Shape

Method 2,988
Function 2,802
Class 756
Interface 13
Enum 2

Languages

TypeScript100%

Modules by API surface

src/example/extension/superClarity/agora-extension-super-clarity.js1,472 symbols
src/example/extension/vad/assets/chart.js953 symbols
src/example/advanced/vadExtention/chart.js953 symbols
src/assets/bootstrap.bundle.min.js392 symbols
src/example/framework/react/assets/react-dom.production.min.js377 symbols
src/example/framework/vue/assets/vue.min.js285 symbols
src/example/extension/beauty/agora-extension-beauty.js198 symbols
src/example/extension/superClarity/agora-extension-pvc.js177 symbols
src/example/extension/spatialAudio/index.esm.js161 symbols
src/example/extension/vad/agora-extension-vad/index.js152 symbols
src/example/advanced/vadExtention/agora-extension-vad/index.js152 symbols
src/example/extension/vad/agora-extension-vad/index.esm.js149 symbols

For agents

$ claude mcp add API-Examples-Web \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page