Empieza con el ejemplo de llamadas online

Warning

Azure Communication Services está introduciendo cambios urgentes y algunos servicios se están retirando. Descubre más en la guía de jubilación y cambios urgentes.

El ejemplo de llamada web es una aplicación web que sirve como un recorrido paso a paso de las distintas capacidades que ofrece el SDK de Llamadas Web de Servicios de Comunicación.

Este ejemplo fue creado para desarrolladores y facilita mucho que empieces con Servicios de Comunicación. Su interfaz de usuario está dividida en varias secciones, cada una con un botón de "Mostrar código" que te permite copiar código directamente desde tu navegador a tu propia aplicación de Servicios de Comunicación.

Empieza con el ejemplo de llamadas online

Important

Este ejemplo está disponible en GitHub...

Sigue el /Project/readme.md para configurar el project y ejecutarlo localmente en tu máquina. Una vez que la muestra de llamada web esté ejecutándose en tu máquina, verás la siguiente página de aterrizaje:

Provisión de usuarios e inicialización del SDK

Haz clic en "Aprovisionando usuario e inicializando SDK" para inicializar tu SDK usando un token provisionado por el servicio de aprovisionamiento de tokens backend. Este servicio de backend está en /project/webpack.config.js.

Haz clic en el botón "Mostrar código" para ver el código de ejemplo que puedes usar en tu propia solución.

Deberías ver lo siguiente una vez que tu SDK esté inicializado:

¡Ahora estás listo para empezar a hacer llamadas usando tu recurso de Servicios de Comunicación!

Realización y recepción de llamadas

El SDK de llamadas web de Servicios de Comunicación permite llamadas 1:1, 1:N y en grupo .

Para llamadas salientes 1:1 o 1:N, puedes especificar múltiples identidades de usuario de Servicios de Comunicación para llamar usando valores separados por comas. También puedes especificar números de teléfono tradicionales (RTC) para llamar usando valores separados por comas.

Al llamar a números PSTN, especifica tu identificador alternativo. Haz clic en el botón "Realizar llamada" para realizar una llamada saliente:

Para unirse a una llamada grupal, introduzca el GUID que identifica la llamada y haga clic en el botón "Unirse al grupo":

Haz clic en el botón "Mostrar código" para ver el código de ejemplo para realizar llamadas, recibir llamadas y unirse a llamadas de grupo.

Una llamada activa se ve así:

Este ejemplo también proporciona fragmentos de código para las siguientes capacidades:

• Haz clic en el icono de vídeo para encender o apagar tu cámara de vídeo
• Haz clic en el icono del micrófono para encender/apagar el micrófono
• Hacer clic en el icono de reproducir para mantener o desactivar la llamada
• Al hacer clic en el icono de pantalla para iniciar/detener, comparte tu pantalla
• Haciendo clic en el icono de persona para añadir un participante a la llamada
• Haz clic en "Eliminar participante" en la lista de participantes para eliminar a un participante específico de la llamada

Pasos siguientes

Descargue el ejemplo de GitHub.

Para obtener más información, consulte los artículos siguientes:

• Familiarícese con el uso del SDK de llamadas.
• Más información sobre cómo funciona la llamada
• Revisa la documentación de referencia de la API
• Revisa el ejemplo de la app médica de Contoso

Lectura adicional

• Ejemplos: encuentre más ejemplos en nuestra página de información general de ejemplos.
• Redux: Administración de estado del lado cliente
• FluentUI: Biblioteca de interfaz de usuario con tecnología de Microsoft
• React: Biblioteca para compilar interfaces de usuario
• ASP.NET Core: Marco para compilar aplicaciones web