你当前正在访问 Microsoft Azure Global Edition 技术文档网站。 如果需要访问由世纪互联运营的 Microsoft Azure 中国技术文档网站,请访问 https://docs.azure.cn。
开始了解 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 应用程序的框架