Начало работы с примером веб-вызова

Примером веб-вызова является веб-приложение, служащее в качестве пошагового руководства по различным возможностям, которые предоставляет пакет SDK для веб-вызовов Служб коммуникации.

Этот пример был создан для разработчиков и позволяет легко приступить к работе со Службами коммуникации. Его пользовательский интерфейс делится на несколько разделов, каждый из которых содержит кнопку отображения кода, с помощью которой можно копировать код непосредственно из браузера в собственное приложение Служб коммуникации.

Начало работы с примером веб-вызова

Следуйте указаниям в файле /Project/readme.md, чтобы настроить проект и выполнить его локально на компьютере. Если на компьютере выполняется пример веб-вызова, вы увидите следующую целевую страницу:

Web calling tutorial 1

Web calling tutorial 2

Подготовка пользователей и инициализация пакета SDK

Щелкните Provisioning user and initialize SDK (Подготовка пользователя и инициализация пакета SDK), чтобы инициализировать пакет SDK с помощью маркера, подготовленного службой подготовки маркеров серверной части. Эта серверная служба находится в /project/webpack.config.js.

Нажмите кнопку "Показать код", чтобы просмотреть пример кода, который можно использовать в своем решении.

После инициализации пакета SDK на экране должно отображаться следующее:

User provisioning

Теперь можно приступить к размещению вызовов с помощью ресурса Служб коммуникации.

Размещение и получение вызовов

Пакет SDK для веб-вызовов для Служб коммуникации позволяет использовать режимы 1:1, 1:N и групповые вызовы.

Для исходящих вызовов 1:1 или 1:N можно указать несколько удостоверений пользователей Служб коммуникации, чтобы осуществить вызов с помощью значений, разделенных запятыми. Можно также указать традиционные номера телефонов (ТСОП) для вызова с помощью разделенных запятыми значений.

При вызове телефонных номеров ТСОП укажите альтернативный идентификатор звонящего. Нажмите кнопку "Позвонить", чтобы совершить исходящий звонок:

Place a call

Чтобы присоединиться к групповому вызову, введите идентификатор GUID, который определяет вызов, и нажмите кнопку "Присоединиться к группе":

Join a group call

Нажмите кнопку "Показать код", чтобы просмотреть пример кода для совершения вызовов, получения вызовов и присоединения к групповым вызовам.

Активный вызов выглядит следующим образом:

Group call

В примере также есть фрагменты кода для следующих возможностей:

  • Включение или отключение видеокамеры по щелчку значка видео.
  • Включение или отключение микрофона по щелчку значка микрофона.
  • Удержание вызова или прекращение его удержания по щелчку значка воспроизведения.
  • Запуск или отмена демонстрации своего экрана по щелчку иконки экрана.
  • Добавление участника к вызову по щелчку значка пользователя.
  • Удаление определенного участника из вызова по щелчку "Удалить участника" в списке участников.

Следующие шаги

Дополнительные сведения см. в следующих статьях:

Дополнительные материалы

  • Примеры: дополнительные примеры см. на нашей странице обзора примеров.
  • Redux — управление состоянием на стороне клиента
  • FluentUI — библиотека пользовательского интерфейса, поддерживаемая корпорацией Майкрософт.
  • React — библиотека для создания пользовательских интерфейсов.
  • ASP.NET Core — платформа для создания веб-приложений.