https://a.storyblok.com/f/270183/1368x665/f33a21113d/anniversary-video-react-native.png

Aniversario del soporte oficial del SDK React Native de Vonage Video

Publicado el November 5, 2024

Tiempo de lectura: 8 minutos

Introducción

Ahora que el SDK React Native de Vonage Video cumple un año más transformando la comunicación en tiempo real en plataformas móviles, es el momento ideal para reflexionar sobre los increíbles avances y el soporte oficial mejorado que se han introducido. El SDK se ha convertido en una herramienta esencial para los desarrolladores que desean crear experiencias de vídeo interactivas de alta calidad en iOS y Android.

En este blog, exploraremos algunas de las funciones añadidas el año pasado al SDK React Native de Vonage Video y la compatibilidad oficial mejorada. Estos recursos te ayudarán a integrar sin problemas estas funcionalidades avanzadas en tus aplicaciones.

1. Supresión del ruido

La supresión de ruido mejora la calidad de las llamadas de vídeo y audio al reducir el ruido de fondo durante la comunicación.

Vonage Video iOS React Native versión 2.28.1 agregó soporte para Supresión de Ruido.

El nuevo método OTPublisher.setAudioTransformers() permite definir (y borrar) transformadores de audio. Se admite un transformador, el filtro de supresión de ruido. Para utilizarlo, llame al método setAudioTransformers() del módulo OTPublisher refy pasa un array con un objeto cuya propiedad name sea 'NoiseSuppression' y cuya propiedad properties sea una cadena vacía.

Importante: Para utilizar este método, debes añadir la biblioteca Vonage Media Transformer a tu proyecto, por separado del SDK OpenTok React Native. Consulta Integración de la biblioteca de medios de Vonage.

2. Conexión entre pares única

Con la conexión peer única activada, todos los flujos de abonados de un cliente se entregan con una única conexión al Media Router (incluso si son publicados por diferentes clientes).

La versión 2.27.3 de Vonage Video React Native agregó soporte para habilitar la conexión de par único para el cliente estableciendo la propiedad enableSinglePeerConnection de la propiedad options prop del componente OTSession a true. Para más información, consulta esta documentación.

3. Adición del Manifiesto de Privacidad

La versión 2.27.3 del SDK de Vonage Video para iOS agregó un manifiesto de privacidad requerido por App Store de Apple. Este manifiesto es un nuevo requisito de Apple para las aplicaciones que recopilan y administran datos de usuarios, lo que garantiza que cumplan con las pautas de privacidad y brinden transparencia sobre el uso de datos.

Si tiene previsto actualizar o enviar una aplicación a la App Store, deberá incorporar este SDK actualizado para cumplir los requisitos actuales de Apple. El manifiesto de privacidad ayuda a declarar qué datos del usuario se recopilan, por qué se recopilan y cómo se gestionan, lo que se ajusta a las normas de política de privacidad de Apple.

4. Desenfoque y sustitución del fondo

La función de desenfoque y sustitución del fondo permite a los usuarios desenfocar el entorno o sustituir el fondo por una imagen virtual. Esta función mejora la privacidad y la profesionalidad en las videollamadas al minimizar las distracciones y ofrecer una experiencia visual pulida.

Vonage Video React-native versión 2.27.0 añadido soporte para el desenfoque de fondo y la sustitución. OTPublisher.setVideoTransformers() Este método permite establecer y borrar transformadores de Video, como el desenfoque de fondo. Además, el método OTPublisher.setVideoTransformer() admite ahora la sustitución de la imagen de fondo y opciones de radio personalizadas para el desenfoque de fondo en Android e iOS. Para obtener más información, consulte la página OTPublisher de OTPublisher.

5. Audio Fallback

Utilice la API de audio fallback para priorizar dinámicamente el audio en función de la calidad de la red. El audio fallback mantiene las llamadas en curso para todos los participantes, independientemente de los problemas de conexión o de las malas condiciones de la red, desactivando temporalmente el vídeo para el participante afectado.

La versión 2.27.0 de Vonage Video React-native agregó una nueva opción OTPublisher audioFallback que admite el audio fallback tanto del suscriptor como del editor. La propiedad audioFallback.subscriber reemplaza a la propiedad OTPublisher audioFallbackEnabled que está obsoleta. El componente OTPublisher tiene nuevas funciones de devolución de llamada para los eventos relacionados con el audio fallback del editor: videoDisabled(), videoEnabled(), videoDisableWarning()y videoDisableWarningLifted(). Véase la función audio fallback de audio.

6. Alternar entre una fuente de Video de pantalla y de cámara

Alternar entre una pantalla y una fuente de vídeo de cámara permite a los usuarios alternar fácilmente entre compartir su pantalla y mostrar su fuente de cámara durante una videollamada. Esta función facilita las transiciones fluidas, lo que permite a los usuarios presentar contenido o interactuar directamente con los participantes según sea necesario. Para alternar entre una fuente de video de pantalla y de cámara usando el SDK React Native de Vonage Video, puedes usar el siguiente método:

  1. Capture la señal de la cámara: Comienza capturando la señal de la cámara utilizando los métodos relacionados con la cámara del SDK.

  2. Capture la pantalla: Utiliza la funcionalidad de compartir pantalla del SDK.

  3. Alternar entre fuentes: Implementa un mecanismo en tu aplicación para alternar entre estas dos fuentes en función de la entrada del usuario.

Vonage Video React native 2.27.3 solucionó el problema de alternar entre una pantalla y una fuente de video de cámara para el editor, lo que provocaba que las aplicaciones se bloquearan en iOS.

7. Cifrado de extremo a extremo

La encriptación de extremo a extremo garantiza que todos los flujos de vídeo y audio se encriptan de forma segura desde el emisor hasta el receptor. Esto es fundamental para las Applications que manejan información sensible y necesitan mantener el máximo nivel de privacidad y seguridad.

La versión 2.27.0 de Vonage Video React-native añadió compatibilidad con encriptación de extremo a extremo. El componente OTSession incluye una nueva encryptionSecret prop, que puedes utilizar para establecer y cambiar el secreto de cifrado utilizado por el cliente local.

8. Códec de enrutamiento de medios adaptable para retransmisión de audio a enrutado

El códec AMR mejora la calidad de audio de las sesiones enrutadas, sobre todo en condiciones de baja velocidad de bits. Este códec garantiza una comunicación de voz clara y fiable, incluso en entornos de red difíciles.

Vonage Video React-native versión 2.27.0 agregó soporte para enrutamiento adaptable de medios.

9. Soporte de códecs VP8, H.264 y VP9

El SDK es compatible con el códec H.264, conocido por su eficaz compresión de vídeo y su alta calidad de salida. Este códec es ampliamente compatible y garantiza la transmisión de secuencias de vídeo con un uso mínimo del ancho de banda.

Además de H.264, también es compatible con el códec VP8. VP8 es un códec abierto y libre de derechos que ofrece un rendimiento excelente y es una alternativa viable para los desarrolladores que buscan una opción de compresión gratuita y eficiente.

La versión 2.27.0 de Vonage Video React-native agregó compatibilidad con el códec VP9 en sesiones retransmitidas. Para obtener más información, consulta los códecs de vídeo.

10. Soporte de proxy IP

La compatibilidad con proxy IP permite a los desarrolladores enrutar el tráfico multimedia a través de servidores proxy específicos. Esto resulta útil para aplicaciones que funcionan en entornos de red restringidos o que requieren configuraciones de enrutamiento específicas.

La versión 2.26.1 de Vonage Video React-native solucionó un problema por el cual las aplicaciones no podían conectarse a una sesión cuando se establecía la opción proxyUrl para OTSession (problema #645).

11. Soporte de Video Full HD (1920x1080)

El SDK es ahora compatible con la publicación de vídeo Full HD (1920x1080), lo que garantiza a los usuarios una calidad de vídeo de alta definición. Esto es crucial para aplicaciones que requieren imágenes detalladas, como consultas de telemedicina o videoconferencias de alto nivel.

Véase la opción "1920x1080" para OTPublisher (para soporte de Video FHD).

12. Subtítulos en directo

Live Captions genera automáticamente subtítulos para el contenido hablado durante las sesiones de Video. Esta función mejora la accesibilidad para usuarios con problemas de audición y mejora la comprensión para todos los participantes. La versión 2.26.1 de Vonage Video React-native incluyó mejoras en la API de Live Captions (problema #643).

  • La nueva opción OTPublisher.publishCaptions le permite activar y desactivar los subtítulos para un flujo publicado (si los subtítulos están activados para la sesión). Para más información, consulte la documentación: OTPublisher.

  • La nueva opción OTSubscriber.subscribeToCaptions permite activar y desactivar los subtítulos para un abonado (si los subtítulos están activados para la sesión y el editor publica subtítulos). Para más información, consulte la documentación: OTSubscriber.

  • El evento OTSubscriber captionReceived se envía cuando un suscriptor recibe un título. Para más información, consulte la documentación: OTSubscriber.

  • Para obtener más información, consulte la Guía para desarrolladores de Live Captions.

Soporte oficial mejorado

El aniversario de la compatibilidad oficial con el SDK React Native de Vonage Video representa algo más que un hito: es una celebración de lo lejos que ha llegado la tecnología y una mirada hacia posibilidades aún mayores. Con la incorporación de nuevas y potentes funciones como la conexión de un solo par, la supresión de ruido, el retorno de audio, el desenfoque/sustitución del fondo y el cifrado de extremo a extremo, Vonage sigue liderando la comunicación por vídeo en tiempo real.

Para obtener más información sobre estas funciones y cómo implementarlas, visita el Descripción general del SDK React Native para Video de Vonage de Vonage Video. Aquí encontrarás todos los recursos que necesitas para aprovechar las capacidades del SDK y crear excepcionales experiencias de video en tiempo real.

A medida que los desarrolladores aprovechen estas capacidades mejoradas y se beneficien de un soporte mejorado, podemos esperar ver en los próximos años experiencias de vídeo aún más innovadoras y de alta calidad en todas las aplicaciones móviles.

¿Quieres empezar a utilizar el SDK de React Native?

Consulte la documentación oficialdonde encontrarás todo lo que necesitas, desde guías de instalación hasta aplicaciones de ejemplo. También disponemos de varias aplicaciones de ejemplo en el repositorio React Native Samples repo. También puedes encontrar el paquete react native en npm y el código fuente del SDK en su repositorio GitHub repositorio.

Lecturas complementarias

Blogs relacionados

Compartir:

https://a.storyblok.com/f/270183/370x376/950c416f97/kapil-mishra.png
Kapil Mishra Director de Producto

Kapil, director sénior de productos de Vonage, crea soluciones de comunicación innovadoras que permiten a desarrolladores y empresas integrar funciones de vídeo. Apasionado de la colaboración en tiempo real a través de API escalables, impulsa la estrategia de vídeo de Vonage. Fuera del trabajo, le gusta el senderismo y los deportes de aventura, aceptando retos dentro y fuera del camino.