Implementa tu Propia Aplicación de Vídeo Conferencia en Menos de Cinco Minutos

March 12, 2020
Redactado por
Revisado por

programmable-video-translate-conference

This article is for reference only. We're not onboarding new customers to Programmable Video. Existing customers can continue to use the product until December 5, 2024.


We recommend migrating your application to the API provided by our preferred video partner, Zoom. We've prepared this migration guide to assist you in minimizing any service disruption.

Nos complace anunciar que hemos creado tres aplicaciones de vídeo conferencia en código abierto, una para iOS, otra para Android y una tercera en ReactJS para Web. Sea porque estás construyendo una solución de colaboración para salud, educación o en vídeo en general, estas aplicaciones pueden acelerar el desarrollo al proporcionar una base funcional implementada en la nube en minutos. Además, pueden actuar de referencia para todo desarrollador que quiera mostrar las posibilidades que tiene el video programable. Las aplicaciones están disponibles en Github bajo licencia Apache 2.0:

En Twilio nos esforzamos por construir una plataforma de confianza y extensible para que nuestros clientes puedan construir experiencias de comunicación de gran calidad en sus aplicaciones. Nuestros SDK para vídeo proporcionan los componentes API necesarios para que los desarrolladores de aplicaciones móviles y web puedan crear experiencias de comunicación personalizadas. Con estas aplicaciones, esperamos poder ayudar a nuestros clientes a crear mejores experiencias explotando todas las funcionalidades.

Video conference quick app

La imagen de arriba muestra cómo se presenta la aplicación en escritorio, iPhone y Android.

Aplicaciones de vídeo en "open source"

Nuestro equipo comenzó a implementar estas aplicaciones internamente como una manera de ejecutar y validar las API de video programables. A lo largo de los años, hemos descubierto que la implementación y el uso diario de estas aplicaciones nos aporta información para mejorarlas. Además, creemos que estas aplicaciones pueden ser útiles para otros desarrolladores que se embarcan en crear o mejorar sus propias aplicaciones de vídeo. Con ellas esperamos mostrar una referencia completa de cómo funciona el vídeo programable, demostrar las mejores prácticas con un código fácil de leer y acelerar el desarrollo de nuevas soluciones.

¿Qué diferencia este documento de una "Quickstart"?

Twilio utiliza "quickstarts" para presentar a los desarrolladores nuestras SDK. Las "quickstarts" proporcionan una manera simple y rápida de crear una aplicación para que los desarrolladores se familiaricen con las diferentes capacidades de la plataforma con la mínima  cantidad código.

Por el contrario, el propósito de las aplicaciones de código abierto presentadas aquí es proporcionar una demostración completa de las funcionalidades del vídeo programable, tales como:

  • Conectarse a una sala y publicar pistas de audio y video
  • Compartir pantalla entre participantes
  • Definir del uso de ancho de banda de los participantes con la API de perfil de ancho de banda de red
  • Monitorizar las condiciones de red con la API de calidad de red

Empezemos

Estas aplicaciones aprovechan un nuevo plugin Twilio CLI RTC que permite el rápido desarrollo y despliegue de aplicaciones de comunicación en tiempo real utilizando Twilio Runtime . Se puede pasar de explorar el código fuente de esta aplicación a probarla en cinco pasos. El fragmento presentado a continuación muestra un ejemplo de cómo implementar la aplicación web.

# Clone the web application
$ git clone https://github.com/twilio/twilio-video-app-react

# Change directories
$ cd twilio-video-app-react

# Build the application
$ npm install

# Install the Twilio CLI
$ npm install twilio-cli -g

# Login to your Twilio account using your Account SID and Auth Token
$ twilio login  

# Install the RTC plugin
$ twilio plugins:install @twilio-labs/plugin-rtc

# Deploy!
$ npm run deploy:twilio-cli
deploying app... done
Web App URL: https://video-app-1111-dev.twil.io?passcode=1111111111
Passcode: 1111111111

Echa un vistazo a  este vídeo y verás cómo implementar las tres aplicaciones, iOS, Android y ReactJS, en menos de cinco minutos.

A continuación, puedes consultar cada uno de los proyectos en detalle. Aquí explicamos cómo comenzar y describimos los aspectos más específicos de cada plataforma de desarrollo. Hay que tener en cuenta que una vez en marcha la aplicación de vídeo conferencia, por cuestiones de seguridad, los códigos de acceso generados caducan a la semana. Para administrar de forma segura a los usuarios, puedes actualizar el código del servidor de token de acceso proporcionado en este proyecto o crear tu propio servidor. Consulta nuestra documentación aquí para saber cómo administrar servidores de tokens de acceso.

Para Web

La aplicación web está escrita en React. Puedes comenzar usando el README y te invitamos a que nos envíes tus comentarios si encuentras algún problema.

Para iOS

La aplicación para iOS está escrita en Swift y ObjC, pero nuestro equipo ha empezado a migrarla  a Swift por completo. Puedes comenzar usando el README. Te invitamos a que nos envíes comentarios  si encuentra algún problema.

Para Android

La aplicación de Android está escrita en Java y Kotlin, pero nuestro equipo ha empezado a migrarla a Kotlin por completo e  incorporarán las pautas de arquitectura de aplicaciones de Google. Puedes comenzar usando el README. Te invitamos a que nos envíes tus comentarios  si encuentra algún problema.

Plugin RTC

El plugin Twilio RTC es un plugin del Twilio CLI creado para ayudar a desarrolladores a implementar aplicaciones de comunicación en tiempo real. Este plugin es una nueva manera de iniciarse en el uso de Twilio Voz y Video y agradecemos tus comentarios por adelantado.

En resumen, miramos hacia el futuro

En Twilio nos esforzamos por meternos en la piel de nuestros clientes. Nos ayuda a entender los desafíos a los que se enfrentan y nos guía en la construcción de una plataforma mejor. Creemos que estas aplicaciones de referencia en código abierto ayudarán a acelerar el trabajo de todos aquellos desarrolladores que estén creando experiencias video innovadoras para medicina, educación, etc. ¡Esperamos colaborar contigo!

Traducción del post original por Ana Cristina Andrés del Valle. Puedes contactar con Ana en aandresdelvalle [at] twilio.com