Erstellen einer eigenen Video-Kollaborations-App

March 12, 2020
Autor:in:

Überschrift im Bild Erstellen einer eigenen Video-Kollaborations-App

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.

Erstellen Sie Ihre eigene Video-Kollaborations-App in unter fünf Minuten

Wir freuen uns, heute bekannt zu geben, dass wir drei Anwendungen für die Video-Kollaboration zur Verfügung stellen, eine für iOS, eine für Android und eine für ReactJS für das Web. Unabhängig davon, ob Sie eine Lösung für das Gesundheitswesen, das Bildungswesen oder eine allgemeine Video-Kollaborationslösung entwickeln, können diese Anwendungen die Entwicklung beschleunigen, indem sie Ihnen eine voll funktionsfähige Videoanwendung zur Verfügung stellen, die in wenigen Minuten in der Cloud bereitgestellt werden kann. Darüber hinaus bieten sie eine kanonische Referenz für Entwickler, die ihre Kommunikationslösungen entwickeln, indem sie die programmierbaren Videofunktionen vorstellen. Diese Anwendungen sind heute auf Github unter der Apache 2.0-Lizenz verfügbar:

Wir bei Twilio bemühen uns um den Aufbau einer zuverlässigen, erweiterbaren Plattform, damit unsere Kunden in ihren Anwendungen qualitativ hochwertige Kommunikationserlebnisse aufbauen können. Unsere Video-SDKs stellen die API-Bausteine für Mobil- und Webentwickler bereit, damit diese in ihren Anwendungen maßgeschneiderte Kommunikationserlebnisse erstellen können. Wir glauben, dass wir unseren Kunden helfen können, bessere Kommunikationsanwendungen zu erstellen, indem wir diese voll funktionsfähigen Referenzanwendungen produzieren.

Desktop Darstellung der Open-Source-Anwendung

Das Bild zeigt, wie die Open-Source-Anwendung auf dem Desktop, dem iPhone und Android dargestellt wird.

Open Source Video Apps

Unser Team begann mit der Implementierung dieser Anwendungen als internes Mittel zur Übung und Validierung der programmierbaren Video-APIs. Im Laufe der Jahre haben wir festgestellt, dass die Implementierung und der tägliche Einsatz dieser Anwendungen wertvolles Feedback für den Aufbau einer besseren Videoplattform liefern. Darüber hinaus glauben wir, dass diese Anwendungen für Entwickler hilfreich sein können, die ihre eigenen Anwendungen für programmierbares Video entwickeln oder verbessern möchten. Diese Anwendungen sollen die Entwicklung beschleunigen, eine vollständige Referenz für programmierbares Video bieten und bewährte Verfahren mit leicht lesbarem Code demonstrieren.

Wie unterscheidet sich dies von einem Quickstart?

Twilio verwendet Quickstarts als Mittel, um Entwickler mit unseren programmierbaren Video-SDKs vertraut zu machen. Die Schnellstarts bieten eine einfache und schnelle Möglichkeit für Entwickler, eine Referenzanwendung zu erstellen und sich mit den verschiedenen Möglichkeiten der Plattform mit einem minimalen Code Aufwand vertraut zu machen.

Im Gegensatz dazu besteht der Zweck dieser Open-Source-Anwendungen darin, eine umfassendere Demonstration der Funktionen von Programmable Video zu bieten, wie zum Beispiel

  • Verbindung mit einem Raum herstellen und Audio- und Videospuren veröffentlichen
  • Bildschirmfreigabe zwischen Teilnehmern
  • Definieren der Bandbreitennutzung der Teilnehmer mit Network Bandwidth Profile API
  • Überwachung der Netzwerkbedingungen mit Network Quality API

Erste Schritte

Diese Anwendungen nutzen ein neues Twilio CLI RTC-Plugin, das die schnelle Entwicklung und Bereitstellung von Echtzeit-Kommunikationsanwendungen mit der Twilio Runtime unterstützt. Sie können in fünf Schritten vom Erkunden des Quellcodes einer Anwendung zum Selbstausprobieren übergehen. Das folgende Snippet zeigt ein Beispiel für die Bereitstellung der Webanwendung.

# 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

Sehen Sie sich dieses Video an, um zu sehen, wie die drei Anwendungen, iOS, Android und ReactJS, in weniger als fünf Minuten bereitgestellt werden können.

Für weitere Details zu den ersten Schritten oder Informationen über die Anwendungen können Sie sich jedes der unten aufgeführten Projekte ansehen. Beachten Sie in dieser Beispielanwendung, dass die generierte URL und der Passcode nach einer Woche ablaufen. Um Ihre Benutzer sicher zu verwalten, können Sie den bereitgestellten Access-Token-Server aktualisieren oder Ihren eigenen Server hosten. Lesen Sie hier unsere Dokumentation, wie Sie Ihren eigenen Access Token-Server verwalten können (Englisch).

Web

Die Webanwendung ist in React geschrieben. Sie können mit dem Projekt README anfangen, und wir laden Sie ein, uns Feedback zu geben, falls Sie auf Probleme stoßen.

iOS

Die iOS-Anwendung ist in Swift und ObjC geschrieben, aber unser Team ist dabei, auf Swift umzusteigen. Sie können mit dem Projekt README anfangen, und wir laden Sie ein, uns Feedback zu geben, falls Sie auf Probleme stoßen.

Android

Die Android-Anwendung ist in Java und Kotlin geschrieben, aber unser Team ist dabei, zu Kotlin zu migrieren und die Google-Richtlinien für die App-Architektur zu übernehmen. Sie können mit dem Projekt README anfangen, und wir laden Sie ein, uns Feedback zu geben, falls Sie auf Probleme stoßen.

RTC Plugin

Das Twilio RTC-Plugin ist ein Twilio CLI-Plugin, das Entwickler bei der Entwicklung und Bereitstellung von Echtzeit-Kommunikationsanwendungen unterstützt. Dieses Plugin präsentiert einen neuen Ansatz für den Einstieg in Twilio Voice and Video und wir freuen uns über Ihr Feedback!

Abschluss und Ausblick

Wir bei Twilio sind bestrebt die Herausforderungen unserer Kunden zu verstehen und beim Aufbau einer besseren Plattform zu unterstützen. Wir glauben, dass diese Open-Source-Referenzanwendungen dazu beitragen werden, Entwickler bei der Entwicklung der nächsten Generation von Videoerlebnissen für das Gesundheitswesen, das Bildungswesen, die Zusammenarbeit und vieles mehr zu beschleunigen. Wir freuen uns auf die Zusammenarbeit und sind gespannt zu sehen, was Sie mit programmierbarem Video entwickeln!

Kontaktieren Sie uns für Sie weitere Informationen und sprechen Sie mit einem Experten.

Der englische Original-Post https://www.twilio.com/blog/open-source-video-apps-reactjs-ios-android wurde von auekermann [at] twilio.com übersetzt.