Udostępnij za pośrednictwem


Wprowadzenie do przykładu wywołania internetowego

Przykład wywołania sieci Web to aplikacja internetowa, która służy jako szczegółowy przewodnik po różnych możliwościach udostępnianych przez internetowy zestaw SDK połączeń internetowych usług komunikacyjnych.

Ten przykład został utworzony dla deweloperów i ułatwia rozpoczęcie pracy z usługami Communication Services. Jego interfejs użytkownika jest podzielony na wiele sekcji, z których każdy ma przycisk "Pokaż kod", który umożliwia kopiowanie kodu bezpośrednio z przeglądarki do własnej aplikacji usług komunikacyjnych.

Wprowadzenie do przykładu wywołania internetowego

Postępuj zgodnie z instrukcjami /Project/readme.md, aby skonfigurować projekt i uruchomić go lokalnie na maszynie. Po uruchomieniu przykładu wywołania internetowego na maszynie zostanie wyświetlona następująca strona docelowa:

Web calling tutorial 1

Web calling tutorial 2

Inicjowanie aprowizacji użytkowników i zestawu SDK

Kliknij pozycję "Aprowizowanie użytkownika i inicjowanie zestawu SDK", aby zainicjować zestaw SDK przy użyciu tokenu aprowizowania przez usługę aprowizacji tokenów zaplecza. Ta usługa zaplecza znajduje się w systemie /project/webpack.config.js.

Kliknij przycisk "Pokaż kod", aby wyświetlić przykładowy kod, którego można użyć we własnym rozwiązaniu.

Po zainicjowaniu zestawu SDK powinien zostać wyświetlony następujący komunikat:

User provisioning

Teraz możesz rozpocząć umieszczanie wywołań przy użyciu zasobu usług komunikacyjnych.

Umieszczanie i odbieranie połączeń

Internetowy zestaw SDK wywołujący usługi Communication Services umożliwia wywołanie 1:1, 1:N i grupowanie .

W przypadku wywołań wychodzących 1:1 lub 1:N można określić wiele tożsamości użytkowników usług komunikacyjnych do wywołania przy użyciu wartości rozdzielonych przecinkami. Możesz również określić tradycyjne numery telefonów (PSTN) do połączenia przy użyciu wartości rozdzielonych przecinkami.

Podczas nawiązywania połączenia z numerami telefonów PSTN określ alternatywny identyfikator rozmówcy. Kliknij przycisk "Umieść połączenie", aby umieścić połączenie wychodzące:

Place a call

Aby dołączyć do wywołania grupy, wprowadź identyfikator GUID identyfikujący wywołanie i kliknij przycisk "Dołącz do grupy":

Join a group call

Kliknij przycisk "Pokaż kod", aby wyświetlić przykładowy kod do umieszczania wywołań, odbierania wywołań i dołączania do wywołań grupowych.

Aktywne wywołanie wygląda następująco:

Group call

Ten przykład zawiera również fragmenty kodu dla następujących funkcji:

  • Kliknięcie ikony wideo w celu włączenia/wyłączenia aparatu wideo
  • Kliknięcie ikony mikrofonu w celu włączenia/wyłączenia mikrofonu
  • Kliknięcie ikony odtwarzania w celu wstrzymania/wstrzymania wywołania
  • Kliknięcie ikony ekranu w celu uruchomienia/zatrzymania udostępniania ekranu
  • Kliknięcie ikony osoby w celu dodania uczestnika do połączenia
  • Kliknięcie pozycji "Usuń uczestnika" w składzie uczestnika, aby usunąć określonego uczestnika z połączenia

Następne kroki

Aby uzyskać więcej informacji, zobacz następujące artykuły:

Materiały uzupełniające

  • Przykłady — znajdź więcej przykładów i przykładów na naszej stronie przeglądu przykładów.
  • Redux — zarządzanie stanem po stronie klienta
  • FluentUI — biblioteka interfejsu użytkownika obsługiwana przez firmę Microsoft
  • React — biblioteka do tworzenia interfejsów użytkownika
  • ASP.NET Core — struktura do tworzenia aplikacji internetowych