开始了解 Web 呼叫示例

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

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

开始了解 Web 呼叫示例

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

用户预配和 SDK 初始化

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

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

初始化 SDK 后，应看到以下内容：

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

拨打和接听电话

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

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

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

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

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

有效的呼叫如下所示：

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

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

后续步骤

有关详细信息，请参阅以下文章：

• 自行熟悉如何使用通话 SDK
• 了解有关呼叫工作原理的详细信息
• 查看 API 参考文档
• 查看 Contoso Med 应用示例

其他阅读材料

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