Einführung in die Open-Source-Video-API-Referenzanwendung von Vonage für React

Wir freuen uns, den Start der Vonage Video API Referenz-App für React 1.0, eine umfassende Open-Source-Referenzanwendung für React, die Entwicklern Best Practices für die Erstellung innovativer Erlebnisse mit dem Vonage Video Client SDK vermitteln soll. Die Referenzanwendung ist vollgepackt mit Optimierungen für Videoanrufe mit mehreren Teilnehmern und zeigt praktische Implementierungen unserer beliebtesten Funktionen, einschließlich nahtloser Unterstützung für Interaktionen mit mehreren Teilnehmern und einem ausgefeilten Pre-Meeting-Raumerlebnis.

Freigegeben unter der Apache 2.0 Lizenzveröffentlicht, bietet dieses Projekt die Freiheit, den Code anzupassen, zu erweitern und zu verbreiten, und gibt Ihnen damit die Möglichkeit, neue Möglichkeiten im Bereich der Videokommunikation zu erschließen.

Schnelleres Testen der Vonage Video API-Funktionen

Die Entwicklung von zuverlässigen, skalierbaren und benutzerfreundlichen Videolösungen ist nach wie vor eine Herausforderung. Die Vonage Video API Reference App for React beseitigt diese Hürden und bietet eine sofort einsatzbereite Anwendung, bei der Benutzerfreundlichkeit und Innovation im Vordergrund stehen. Sie können sehen, wie alle Teile in einer voll funktionsfähigen Anwendung zusammenarbeiten und in das Github-Repository wenn Sie mehr über eine Funktion wissen möchten.

Wesentliche Merkmale

1. Full-Stack React Application: Basierend auf dem beliebten React-Frameworkauf, bietet die Anwendung einen Referenzcode. Sie demonstriert die besten Praktiken für das Hinzufügen von Videos in eine React-Anwendung, vom node.js-Backend bis hin zu einem modernen, adaptiven Front-End, das in React geschrieben wurde.

2. Video-Anrufe mit mehreren Teilnehmern: Layout- und Stream-Management, das sich automatisch von 1:1-Anrufen auf Anrufe mit mehreren Teilnehmern umstellt, wenn Teilnehmer hinzukommen und gehen, Bildschirme freigeben usw.

3. Qualität von Videoanrufen: Qualitätsoptimierungen aktualisieren dynamisch die Stream-Auflösung, die Framerate und die Rendering-Größen für ein optimales Anruferlebnis.

4. Pre-Meeting-Raum: Geben Sie den Nutzern Sicherheit, bevor sie an einem Meeting teilnehmen, indem Sie ihnen die Möglichkeit geben, ihre Kamera, ihr Mikrofon und ihre Netzwerkeinstellungen zu überprüfen und zu konfigurieren.

5. In-Meeting-Funktionen: Einfaches Hinzufügen einer Teilnehmerliste, Bildschirmfreigabe, Aufzeichnung (bis zu FHD), aktive Sprechererkennung, Emoji-Reaktionen und mehr.

6. Videoaufzeichnung und Dateidownload: Erfassen Sie qualitativ hochwertige Videoaufnahmen in Standard- und bis zu Full-HD-Auflösung und ermöglichen Sie den mühelosen Download von Dateien für den Offline-Zugriff.

7. Flexible Bereitstellungsoptionen: Stellen Sie die Referenzanwendung nahtlos vor Ort bereit, um die Kontrolle und Compliance zu verbessern, oder nutzen Sie eine Ein-Klick-Bereitstellungsoption über den Vonage Code Hub, um die Anwendung auszuprobieren.

8. Open Source mit Apache 2.0-Lizenz: Durch die Veröffentlichung unter der Apache 2.0-Lizenz kann die App an die Bedürfnisse jedes Entwicklers angepasst werden, ohne dass Ihre Innovationen verloren gehen.

Schnelleres Verständnis der Vonage Video API

Wir haben diese Referenzanwendung entwickelt, damit Sie davon profitieren können, egal wo Sie sich in Ihrer Entwicklung befinden. Diese App ist für:

• Innovatoren die mit Videotechnologien experimentieren möchten.

• Unternehmer die integrierte, videogestützte Lösungen für ihre Kunden entwickeln.

• Entwickler in Unternehmen die interne Tools verbessern oder neue Werte durch kundenorientierte Produkte schaffen wollen.

Erstellt mit dem Vonage Video Web Client SDKentwickelt wurde, können Sie die Referenzanwendung nutzen, um unsere Best Practices für die Arbeit mit clientseitigen Anwendungen zu testen. Vonage Video Node SDK um Ihre Entwicklung im Backend zu beschleunigen. Sie können sehen, wie Sie viele der serverseitigen Verwaltungsschnittstellen implementieren, die Ihre Anwendung benötigt.

Sofort einsatzbereit

Die Vonage Video API Reference App ist so gestaltet, dass sie so vertraut wie möglich ist, damit dass damit Sie so schnell wie möglich mit der Nutzung beginnen können.

Joining or Creating a RoomRoom view with multiple participantsDie Referenz-App ist bereits mit einer Messaging-Funktion ausgestattet, so dass Sie über die Benutzeroberfläche Nachrichten und Links austauschen können.

Chat history expandedSie können Ihre Beteiligung auch durch die Verwendung von Emojis mit den gängigsten Feedback-Bildern zeigen!

Emoji's supported in the Reference App

Wie man anfängt

Die Vonage Video Reference App für React wurde entwickelt, um Sie so schnell wie möglich in eine laufende Anwendung zu bringen. Sie kann auf verschiedene Arten ausgeführt werden, je nach Ihren Bedürfnissen.

Wenn Sie heute mit der Referenzanwendung herumspielen möchten, ohne etwas zu installieren, können Sie sich auf CodeHub.

1. Klicken Sie auf die Schaltfläche "Code bereitstellen" Link.

2. Klicken Sie auf die Schaltfläche "Neue Instanz bereitstellen".

3. Sie werden aufgefordert, einige Einstellungen vorzunehmen. Geben Sie einen Namen ein und wählen Sie dann "Vonage" für die Option "Video Environment". Sie können die Optionen "API-Schlüssel" und "Geheimnis" leer lassen, da diese sich auf bestehende OpenTok-Benutzer beziehen.

4. Klicken Sie auf "Weiter".

Dadurch wird die App auf Ihrem Account bereitgestellt und automatisch für Vonage Video konfiguriert. Sie sollten sofort in der Lage sein, Videoanrufe zu tätigen!

Sie können sich auch den Quellcode ansehen und ihn auf Ihrem eigenen System einsetzen, indem Sie den Code von GitHub herunterladen.

1. Besuchen Sie das GitHub-Repository. Klonen Sie das Projekt und folgen Sie den schrittweisen Anweisungen zur Einrichtung.

2. Lesen Sie die Dokumentation, um zu erfahren, wie Sie die Anwendung für Ihren speziellen Anwendungsfall anpassen können.

Wenn Sie mehr darüber wissen möchten, was in der Referenzanwendung verfügbar ist, werfen Sie einen Blick in die Dokumentation in unserem Entwicklerzentrum. Sie können auch die Versionshinweise für jede Version der Anwendung selbst einsehen, damit Sie über die für Sie nützlichen Funktionen auf dem Laufenden bleiben. Wenn Sie tiefer in den Code eintauchen möchten, lesen Sie die README und den Quellcode auf GitHub selbst.

Arbeiten Sie mit uns zusammen und innovieren Sie mit uns

Wir glauben an die Kraft der Open-Source-Zusammenarbeit. Die Vonage Video API Reference App for React ist nicht nur ein Tool, sondern auch die Grundlage einer lebendigen Community.

• Beitragen: Teilen Sie Ihre Verbesserungen, Funktionen und Fehlerbehebungen mit Pull Requests und Feature Requests.

• Engagieren: Unter alle Probleme melden die Sie im GitHub-Repository finden, helfen Sie, die Anwendung zu verbessern.

• Schaffen: Nutzen Sie die App als Sprungbrett für die Entwicklung bahnbrechender Produkte, die die Art und Weise, wie Menschen miteinander in Kontakt treten, verändern.

Ganz gleich, ob Sie Ihr erstes Produkt entwickeln oder eine Unternehmenslösung skalieren, diese App bietet produktionsreifen Quellcode, der als Referenz für Ihren Erfolg genutzt werden kann. Sehen Sie sich unsere Richtlinien für die Mitarbeit wenn Sie irgendwelche Fragen haben.

Haben Sie die Vonage Video API oder die React Sample App bereits verwendet? Wir würden uns über Ihr Feedback freuen! Schließen Sie sich uns auf dem Vonage Community Slack wenn Sie Hilfe benötigen, oder schreiben Sie uns eine E-Mail an support@api.vonage.com, und wir werden uns bei Ihnen melden.