Anunciamos la versión 1.4.1 de la aplicación de referencia de vídeo de Vonage

Introducción

Anunciamos las versiones 1.4.0 y 1.4.1 de la Aplicación de referencia de video de Vonage para React (Web VERA). Estas actualizaciones introducen pruebas de red previas a la llamada, una interfaz rediseñada, controles Push-to-Talk y mejoras de estabilidad para ayudarte a crear aplicaciones de video impulsadas por WebRTC de manera más eficiente.

Pruebas de red previas a la llamada

Las pruebas de red previas a la llamada ya están integradas directamente en la sala de espera, lo que resuelve un problema habitual en el desarrollo de aplicaciones de vídeo.

Antes de entrar en una llamada, los usuarios pueden probar la calidad de su conexión, el ancho de banda y el hardware. La prueba proporciona información clara sobre la calidad prevista de la llamada mediante la puntuación media de opinión (MOS) y valida la compatibilidad con resoluciones de hasta 1080p. Este enfoque ayuda a identificar los problemas antes de que afecten a la experiencia de la llamada, reduciendo la sobrecarga de asistencia y mejorando la confianza del usuario.

La implementación utiliza el archivo @vonage/video-client-network-test e incluye la funcionalidad stop-and-retry, que permite a los usuarios volver a probar su conexión sin salir de la página.

Modernización completa de la interfaz de usuario

La versión 1.4.0 introduce una renovación visual en toda la aplicación, incluidas la página de inicio, la sala de espera, la sala de reuniones y las pantallas de despedida.

El rediseño incluye un sistema semántico de tokens para una tematización coherente, que facilita la personalización de colores, espaciado y tipografía. También se ha añadido un selector de idioma en la cabecera, se han mejorado las interfaces de selección de dispositivos y se ha mejorado la capacidad de respuesta en distintos tamaños de pantalla.

Estas actualizaciones mejoran la accesibilidad y proporcionan una base más sólida para crear experiencias de vídeo personalizadas.

Función pulsar para hablar

Ahora se puede pulsar para hablar desde la barra de herramientas, lo que permite a los usuarios controlar el audio pulsando y manteniendo pulsado. Esta función es especialmente útil en reuniones multitudinarias con un límite de 25 participantes, seminarios web y otras situaciones en las que es importante controlar la participación de audio.

La implementación demuestra cómo construir patrones de control de audio personalizados que se integran con la funcionalidad de silenciamiento existente, preservando el estado del usuario.

Filtrado de listas de participantes

Encontrar participantes en grandes convocatorias es ahora más rápido gracias a la búsqueda y filtrado en tiempo real. Los usuarios pueden escribir un nombre para filtrar la lista de participantes, y la lista se actualiza a medida que los participantes se unen o se van.

Mejoras en la arquitectura

Web VERA utiliza ahora una estructura monorepo Nx, lo que permite construcciones más rápidas a través de almacenamiento en caché inteligente y una mejor gestión de las dependencias. Este cambio mejora la modularidad y la experiencia general del desarrollador gracias a una mejor infraestructura de herramientas y pruebas.

Mejoras de estabilidad en la versión 1.4.1

La versión 1.4.1 se centra en la estabilidad y la compatibilidad entre navegadores.

Refactorización de la gestión de dispositivos

El manejo de los dispositivos se ha refactorizado utilizando ganchos unificados que proporcionan una única fuente de verdad para el estado del dispositivo. Ahora las preferencias se guardan automáticamente en localStorage, y la arquitectura actualizada resuelve los problemas de tiempo de espera notificados anteriormente.

Compatibilidad con Firefox

Se han solucionado los problemas que afectaban a la previsualización de vídeo en Firefox, incluido el vídeo en blanco en la sala de espera.

Mejoras móviles

Se ha mejorado el comportamiento de desplazamiento y la capacidad de respuesta en distintos tamaños de ventanas móviles.

Comenzar

¿Listo para probar la última versión? Tienes dos opciones:

Clonar y ejecutar localmente:

git clone https://github.com/Vonage/vonage-video-react-app.git
cd vonage-video-react-app
yarn install && yarn dev

Para obtener instrucciones completas de configuración, consulte la guía de inicio. También puede consultar la lista completa de cambios en las notas de la versión 1.4.0 y en notas de la versión 1.4.1 en GitHub.

Conclusión

Web VERA continúa demostrando patrones listos para la producción para crear aplicaciones de video con la Video API de Vonage. Estas actualizaciones facilitan la validación de las condiciones de la red, mejoran la comunicación con Push-to-Talk y ofrecen una experiencia de usuario más pulida y accesible.