你当前正在访问 Microsoft Azure Global Edition 技术文档网站。 如果需要访问由世纪互联运营的 Microsoft Azure 中国技术文档网站,请访问 https://docs.azure.cn

开始了解 Web 呼叫示例

Web 呼叫示例是一个 Web 应用程序,其中分步演练了由通信服务 Web 呼叫 SDK 提供的各种功能。

此示例是为开发人员构建的,可让你轻松开始使用通信服务。 它的用户界面分为多个部分,每个部分都带有一个“显示代码”按钮,可用于将代码直接从浏览器复制到你自己的通信服务应用程序。

开始了解 Web 呼叫示例

按照 /Project/readme.md 设置项目,并在计算机上本地运行它。 当 Web 呼叫示例在计算机上运行时,你将看到以下登陆页面:

Web calling tutorial 1

Web calling tutorial 2

用户预配和 SDK 初始化

单击“预配用户并初始化 SDK”,通过后端令牌预配服务预配的令牌初始化 SDK。 此后端服务位于 /project/webpack.config.js 中。

单击“显示代码”按钮,查看可以在你自己的解决方案中使用的示例代码。

初始化 SDK 后,应看到以下内容:

User provisioning

你现在可以使用通信服务资源来拨打电话!

拨打和接听电话

通信服务 Web 呼叫 SDK 支持一对一通话,一对多通话和群组通话 。

对于一对一或一对多传出呼叫,可以使用逗号分隔的值指定多个要呼叫的通信服务用户标识。 还可以使用逗号分隔的值来指定要呼叫的传统 (PSTN) 电话号码。

呼叫 PSTN 电话号码时,请指定备用呼叫方 ID。 单击“拨打电话”按钮以拨打传出呼叫:

Place a call

若要加入群组通话,请输入标识此通话的 GUID,并单击“加入群组”按钮:

Join a group call

单击“显示代码”按钮,查看用于拨打电话、接听电话以及加入群组通话的示例代码。

有效的呼叫如下所示:

Group call

此示例还提供了用于以下功能的代码片段:

  • 单击视频图标可打开/关闭摄像机
  • 单击麦克风图标可打开/关闭麦克风
  • 单击播放图标可保持/取消保持通话
  • 单击屏幕图标可开始/停止共享屏幕
  • 单击人员图标可将参与者添加到通话
  • 在参与者名单中单击“删除参与者”可从通话中删除特定参与者

后续步骤

有关详细信息,请参阅以下文章:

其他阅读材料

  • 示例 - 在示例概述页上查找更多示例。
  • Redux - 客户端状态管理
  • FluentUI - Microsoft 支持的 UI 库
  • React - 用于构建用户界面的库
  • ASP.NET Core - 用于构建 Web 应用程序的框架