https://a.storyblok.com/f/270183/1368x665/54881887aa/reference-app_videoapi.png

Presentación de la aplicación de referencia de la API de Video API de Vonage de código abierto para React

Publicado el December 19, 2024

Tiempo de lectura: 5 minutos

Nos complace anunciar el lanzamiento de la Aplicación de referencia de la API de Video de Vonage para React 1.0, una aplicación de referencia React completa y de código abierto diseñada para educar a los desarrolladores sobre las mejores prácticas para crear experiencias transformadoras usando Vonage Client SDK. La aplicación de referencia está repleta de optimizaciones para videollamadas multiparticipantes y muestra implementaciones prácticas de nuestras funciones más populares, incluida la compatibilidad perfecta con interacciones multiparticipantes y una experiencia de sala de reuniones previa pulida.

Publicado bajo la Licencia Apache 2.0este proyecto ofrece libertad para adaptar, ampliar y distribuir el código, dándole las herramientas para desbloquear nuevas posibilidades en el espacio de la comunicación por vídeo.

Prueba las funciones de Video API de Vonage más rápido

Desarrollar soluciones de Video confiables, escalables y fáciles de usar sigue siendo un desafío. La aplicación de referencia de la API de video de Vonage para React elimina estos obstáculos y ofrece una aplicación lista para implementar que prioriza la facilidad de uso y la innovación. Puedes ver cómo todas las piezas funcionan juntas en una aplicación con todas las funciones y sumergirte en el repositorio de Github cuando quieras saber más sobre una característica.

Características principales

1. Aplicación React Full-Stack: Construida sobre el popular framework Reactla aplicación proporciona un código de referencia. Demuestra las mejores prácticas para añadir vídeo a una aplicación React, desde el back-end node.js hasta un front-end moderno y adaptable escrito en React.

2. Videollamadas con varios participantes: Gestión de la disposición y el flujo que se adapta automáticamente de llamadas 1:1 a multiparticipantes, a medida que los participantes se unen y se van, comparten pantallas, etc.

3. Calidad de las llamadas de Video: Las optimizaciones de calidad actualizan dinámicamente la resolución del flujo, la velocidad de fotogramas y los tamaños de renderizado para una experiencia de llamada óptima.

4. Sala de reuniones previa: Proporcione confianza a los usuarios antes de unirse a una reunión permitiéndoles comprobar y configurar su cámara, micrófono y configuración de red....

5. Funciones para reuniones: Añade fácilmente lista de participantes, pantalla compartida, grabación (hasta FHD), detección de altavoz activo, reacciones emoji y mucho más.

6. Grabación de Video y Descarga de Archivos: Captura grabaciones de Video de alta calidad desde resolución estándar y hasta Full HD y permite a los usuarios descargar archivos sin esfuerzo para acceder a ellos sin conexión.

7. Opciones flexibles de despliegue: Implementa la aplicación de referencia sin problemas en las instalaciones para mejorar el control y el cumplimiento, o aprovecha una opción de implementación con un solo clic a través de Vonage Code Hub para probarla.

8. Código abierto con licencia Apache 2.0: Publicada bajo la licencia Apache 2.0, la aplicación puede personalizarse según las necesidades de cada desarrollador, manteniendo la propiedad de sus innovaciones.

Comprende mejor la Video API de Vonage

Hemos desarrollado esta aplicación de referencia para que pueda beneficiarse de ella sin importar en qué punto de su viaje de desarrollo se encuentre. Esta aplicación es para:

  • Innovadores que buscan experimentar con tecnologías de Video.

  • Empresarios que crean soluciones integradas basadas en vídeo para sus clientes.

  • Desarrolladores empresariales que buscan mejorar las herramientas internas o aportar nuevo valor a través de productos orientados al cliente.

Creado con el Vonage Video Web Client SDKpuedes usar la aplicación de referencia para conocer nuestras mejores prácticas para trabajar con aplicaciones del lado del cliente. SDK de nodo de video de Vonage para acelerar tu desarrollo también en el backend. Puedes ver cómo implementar muchas de las interfaces de administración del lado del servidor que tu aplicación necesita.

Creado para usarse nada más sacarlo de la caja

La aplicación de referencia de la API de Video de Vonage está diseñada para ser lo más familiar posible para que que puedas comenzar a usarla lo antes posible.

Screenshot of the Vonage Video React App join room screenJoining or Creating a RoomScreenshot of the Vonage Video Reference App's participant viewRoom view with multiple participantsLa aplicación de referencia viene preinstalada con soporte de mensajería, para que puedas intercambiar mensajes y enlaces desde la interfaz.

Screenshot of the Vonage Video Reference App with the chat history exposedChat history expandedTambién puedes mostrar tu participación utilizando emojis con las imágenes de respuesta más comunes.

Screenshot of the emoji support in the Vonage Video Reference AppEmoji's supported in the Reference App

Cómo empezar

La aplicación de referencia de video de Vonage para React está diseñada para que puedas ejecutar una aplicación lo más rápido posible. Se puede ejecutar en una variedad de formas, dependiendo de sus necesidades.

Si quieres jugar hoy con la aplicación de referencia sin instalar nada, puedes dirigirte a CodeHub.

  1. Haga clic en el botón "Desplegar código".

  2. Haga clic en el botón "Desplegar nueva instancia".

  3. Te pedirá alguna configuración. Dale un nombre y selecciona "Vonage" para la opción "Entorno de Video". Puedes dejar las opciones API Key y Secret vacías, ya que pertenecen a usuarios existentes de OpenTok.

  4. Haga clic en "Continuar".

Esto implementará la aplicación en tu Account y la configurará automáticamente para Vonage Video. Deberías poder usarla de inmediato para comenzar a realizar videollamadas.

También puedes consultar el código fuente y desplegarlo en tu propio sistema descargándolo de GitHub.

  1. Visite el repositorio GitHub. Clona el proyecto y sigue las instrucciones de configuración paso a paso.

  2. Explore la documentación para aprender a personalizar la aplicación para su caso de uso específico.

Si desea saber más sobre lo que está disponible en la aplicación de referencia, eche un vistazo a la documentación en nuestro centro para desarrolladores. También puedes consultar las notas de la versión de cada versión de la propia aplicación para estar al día de las funciones que pueden resultarte útiles. Si desea profundizar en el código, consulte el archivo LÉAME y el código fuente en GitHub.

Colabore e innove con nosotros

Creemos en el poder de la colaboración de código abierto. La aplicación de referencia de la API de Video de Vonage para React no es solo una herramienta, es la base de una comunidad vibrante.

Tanto si está creando su primer producto como si está ampliando una solución empresarial, esta aplicación proporciona código fuente de nivel de producción, que puede utilizarse como referencia para ayudarle a alcanzar el éxito. Consulte nuestras directrices de contribución si tiene alguna duda.

¿Ya usaste la Video API de Vonage o la aplicación de muestra React? ¡Nos encantaría conocer tu opinión! Únete a nosotros en Slack de la comunidad de Vonage si necesitas ayuda, o envíanos un email a support@api.vonage.com, y nos comunicaremos contigo.

Compartir:

https://a.storyblok.com/f/270183/384x384/3bc39cbd62/christankersley.png
Chris TankersleyGestor de herramientas de relaciones con los desarrolladores

Chris es el director de herramientas de relaciones con los desarrolladores y dirige el equipo que crea sus herramientas favoritas. Lleva más de 15 años programando en varios lenguajes y tipos de proyectos, desde trabajos para clientes hasta sistemas de big data a gran escala. Vive en Ohio, donde pasa el tiempo con su familia y jugando a Video y TTRPG.