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

Jahrestag der offiziellen Unterstützung von Vonage Video React Native SDK

Zuletzt aktualisiert am November 5, 2024

Lesedauer: 6 Minuten

Einführung

Da das Vonage Video React Native SDK ein weiteres Jahr die Echtzeitkommunikation auf mobilen Plattformen verändert, ist es ein idealer Zeitpunkt, um über die unglaublichen Fortschritte und den verbesserten offiziellen Support nachzudenken, die eingeführt wurden. Das SDK ist zu einem unverzichtbaren Werkzeug für Entwickler geworden, die hochwertige, interaktive Videoerlebnisse auf iOS und Android erstellen möchten.

In diesem Blog werden wir einige der im letzten Jahr zum Vonage Video React Native SDK hinzugefügten Funktionen und den erweiterten offiziellen Support vorstellen. Diese Ressourcen helfen Ihnen, diese erweiterten Funktionen nahtlos in Ihre Anwendungen zu integrieren.

1. Rauschunterdrückung

Die Rauschunterdrückung verbessert die Qualität von Video- und Audioanrufen, indem sie Hintergrundgeräusche während der Kommunikation reduziert.

Vonage Video iOS React Native Version 2.28.1 hat Unterstützung für Rauschunterdrückung hinzugefügt.

Die neue OTPublisher.setAudioTransformers() Methode ermöglicht das Setzen (und Löschen) von Audiotransformatoren. Ein Transformator, der Rauschunterdrückungsfilter, wird unterstützt. Um diesen zu verwenden, rufen Sie die setAudioTransformers() Methode der OTPublisher refauf und übergeben ein Array mit einem Objekt, dessen Eigenschaft name auf 'NoiseSuppression' und dessen Eigenschaft properties auf eine leere Zeichenkette gesetzt ist.

Wichtig: Um diese Methode zu verwenden, müssen Sie die Vonage Media Transformer Bibliothek zu Ihrem Projekt hinzufügen, separat vom OpenTok React Native SDK. Siehe Integration der Vonage Medienbibliothek.

2. Einzelne Peer-Verbindung

Wenn die Einzel-Peer-Verbindung aktiviert ist, werden alle Abonnentenströme für einen Client über eine einzige Verbindung zum Media Router zugestellt (auch wenn sie von verschiedenen Clients veröffentlicht werden).

In der Version 2.27.3 von Vonage Video React Native wurde die Unterstützung für die Aktivierung einer Einzel-Peer-Verbindung für den Client durch Setzen der enableSinglePeerConnection Eigenschaft der options prop der OTSession Komponente auf true. Für weitere Informationen siehe diese Dokumentation.

3. Hinzufügung des Datenschutzmanifests

Vonage Video iOS SDK Version 2.27.3 hat ein Datenschutzmanifest hinzugefügt, das von Apples App Store verlangt wird. Dieses Manifest ist eine neue Anforderung von Apple für Apps, die Benutzerdaten sammeln und verwalten, um sicherzustellen, dass sie die Datenschutzrichtlinien einhalten und Transparenz über die Datennutzung bieten.

Wenn Sie planen, eine App zu aktualisieren oder im App Store einzureichen, müssen Sie dieses aktualisierte SDK einbinden, um die aktuellen Anforderungen von Apple zu erfüllen. Das Datenschutzmanifest hilft bei der Erklärung, welche Benutzerdaten gesammelt werden, warum sie gesammelt werden und wie sie gehandhabt werden, was mit den Datenschutzrichtlinien von Apple übereinstimmt.

4. Hintergrundunschärfe und Ersetzung

Mit der Funktion zum Verwischen und Ersetzen des Hintergrunds können Benutzer ihre Umgebung verwischen oder den Hintergrund durch ein virtuelles Bild ersetzen. Diese Funktion verbessert die Privatsphäre und Professionalität bei Videoanrufen, indem sie Ablenkungen minimiert und ein ausgefeiltes visuelles Erlebnis bietet.

In der Version 2.27.0 von Vonage Video React-native wurde die Unterstützung für die Hintergrundunschärfe und -ersetzung hinzugefügt. OTPublisher.setVideoTransformers() Diese Methode ermöglicht es Ihnen, Video-Transformatoren wie die Hintergrundunschärfe einzustellen und zu löschen. Außerdem unterstützt die OTPublisher.setVideoTransformer() Methode jetzt sowohl die Ersetzung von Hintergrundbildern als auch benutzerdefinierte Radiusoptionen für die Hintergrundunschärfe auf Android und iOS. Weitere Einzelheiten finden Sie in der OTPublisher Dokumentation.

5. Audio Fallback

Verwenden Sie die Audio-Fallback-API, um Audio dynamisch in Abhängigkeit von der Netzwerkqualität zu priorisieren. Audio-Fallback sorgt dafür, dass Ihre Anrufe unabhängig von Verbindungsproblemen oder schlechten Netzwerkbedingungen für alle Teilnehmer weiterlaufen, indem Video für den betroffenen Teilnehmer vorübergehend deaktiviert wird.

Vonage Video React-native Version 2.27.0 hat eine neue OTPublisher audioFallback Option hinzugefügt, die sowohl Subscriber als auch Publisher Audio Fallback unterstützt. Die audioFallback.subscriber Eigenschaft ersetzt die OTPublisher audioFallbackEnabled Option, die veraltet ist. Die OTPublisher Komponente hat neue Callback-Funktionen für Publisher Audio Fallback-bezogene Ereignisse: videoDisabled(), videoEnabled(), videoDisableWarning()und videoDisableWarningLifted(). Siehe die Audio-Fallback Leitfaden.

6. Umschalten zwischen einer Bildschirm- und einer Kamera-Videoquelle

Das Umschalten zwischen einer Bildschirm- und einer Kamera-Videoquelle ermöglicht es Benutzern, während eines Videoanrufs problemlos zwischen der Freigabe ihres Bildschirms und der Anzeige ihres Kamerafeeds zu wechseln. Diese Funktion erleichtert nahtlose Übergänge und ermöglicht es den Benutzern, je nach Bedarf Inhalte zu präsentieren oder direkt mit den Teilnehmern zu kommunizieren. Um mit dem Vonage Video React Native SDK zwischen einer Bildschirm- und einer Kamera-Videoquelle umzuschalten, können Sie den folgenden Ansatz verwenden:

  1. Erfassen Sie den Kamera-Feed: Beginnen Sie mit der Erfassung des Kamerafeeds mithilfe der kamerabezogenen Methoden des SDK.

  2. Erfassen Sie den Bildschirm: Verwenden Sie die Bildschirmfreigabefunktion des SDKs.

  3. Zwischen Quellen umschalten: Implementieren Sie in Ihrer Anwendung einen Mechanismus, mit dem Sie auf der Grundlage von Benutzereingaben zwischen diesen beiden Quellen umschalten können.

Vonage Video React Native 2.27.3 behebt das Problem des Umschaltens zwischen einer Bildschirm- und einer Kamera-Videoquelle für den Herausgeber, das zum Absturz von Apps unter iOS führte.

7. Ende-zu-Ende-Verschlüsselung

Die Ende-zu-Ende-Verschlüsselung gewährleistet, dass alle Video- und Audioströme vom Sender bis zum Empfänger sicher verschlüsselt werden. Dies ist entscheidend für Applikationen, die mit sensiblen Informationen umgehen und ein Höchstmaß an Datenschutz und Sicherheit gewährleisten müssen.

Vonage Video React-native Version 2.27.0 bietet Unterstützung für Ende-zu-Ende-Verschlüsselung. Die OTSession Komponente enthält eine neue encryptionSecret prop, mit der Sie das vom lokalen Client verwendete Verschlüsselungsgeheimnis festlegen und ändern können.

8. Adaptiver Medien-Routing-Codec für Audio-Relay an geroutete

Der AMR-Codec verbessert die Audioqualität für geroutete Sitzungen, insbesondere unter Bedingungen mit niedriger Bitrate. Dieser Codec sorgt für eine klare und zuverlässige Sprachkommunikation, auch in schwierigen Netzwerkumgebungen.

Vonage Video React-native Version 2.27.0 bietet Unterstützung für adaptives Medien-Routing.

9. VP8, H.264 Codec-Unterstützung und VP9 Codec-Unterstützung

Das SDK unterstützt den H.264-Codec, der für seine effiziente Videokomprimierung und hochwertige Ausgabe bekannt ist. Dieser Codec wird weithin unterstützt und gewährleistet, dass Videostreams mit minimaler Bandbreitennutzung übertragen werden.

Neben H.264 wird auch der VP8-Codec unterstützt. VP8 ist ein offener und lizenzfreier Codec, der eine hervorragende Leistung bietet und eine echte Alternative für Entwickler darstellt, die eine kostenlose und effiziente Komprimierungsoption suchen.

Mit der Version 2.27.0 von Vonage Video React-native wurde die Unterstützung für den VP9-Codec in weitergeleiteten Sitzungen hinzugefügt. Weitere Informationen finden Sie im Abschnitt Video Codecs Dokumentation.

10. IP-Proxy-Unterstützung

Die IP-Proxy-Unterstützung ermöglicht es Entwicklern, den Medienverkehr über bestimmte Proxy-Server zu leiten. Dies ist nützlich für Applikationen, die in eingeschränkten Netzwerkumgebungen arbeiten oder spezielle Routing-Konfigurationen erfordern.

In der Version 2.26.1 von Vonage Video React-native wurde ein Problem behoben, bei dem sich Applications nicht mit einer Session verbinden konnten, wenn die Option proxyUrl für OTSession gesetzt war (Problem #645).

11. Veröffentlichung von Full HD (1920x1080) Video-Unterstützung

Das SDK unterstützt jetzt die Veröffentlichung von Videos in Full HD (1920x1080), so dass die Benutzer von einer hochauflösenden Videoqualität profitieren. Dies ist entscheidend für Applikationen, die detaillierte Bilder erfordern, wie z. B. telemedizinische Konsultationen oder Videokonferenzen mit hohem Risiko.

Siehe Option "1920x1080" für OTPublisher Auflösung (für FHD-Video-Unterstützung).

12. Live-Untertitel

Live Captions generiert automatisch Untertitel für gesprochene Inhalte während Videositzungen. Diese Funktion verbessert die Zugänglichkeit für Benutzer mit Hörbehinderungen und verbessert das Verständnis für alle Teilnehmer. Die Version 2.26.1 von Vonage Video React-native enthält Erweiterungen der Live Captions API (Ausgabe #643).

  • Die neue OTPublisher.publishCaptions können Sie Untertitel für einen veröffentlichten Stream aktivieren und deaktivieren (wenn Untertitel für die Sitzung aktiviert sind). Weitere Informationen finden Sie in den Dokumentationen: OTPublisher.

  • Die neue OTSubscriber.subscribeToCaptions können Sie Untertitel für einen Teilnehmer ein- und ausschalten (wenn Untertitel für die Sitzung aktiviert sind und der Herausgeber Untertitel veröffentlicht). Weitere Informationen finden Sie in den Dokumentationen: OTSubscriber.

  • Das neue OTSubscriber captionReceived Ereignis wird ausgelöst, wenn ein Abonnent eine Beschriftung erhält. Weitere Informationen finden Sie in der Dokumentation: OTSubscriber.

  • Weitere Informationen finden Sie in der Live Captions Entwicklerhandbuch.

Verbesserte offizielle Unterstützung

Der Jahrestag der offiziellen Unterstützung des Vonage Video React Native SDK ist mehr als nur ein Meilenstein - es ist eine Feier, wie weit die Technologie gekommen ist und ein Ausblick auf noch größere Möglichkeiten. Mit leistungsstarken neuen Funktionen wie Single-Peer-Verbindung, Rauschunterdrückung, Audio-Fallback, Hintergrundunschärfe/-ersetzung und Ende-zu-Ende-Verschlüsselung ist Vonage weiterhin führend in der Echtzeit-Videokommunikation.

Weitere Informationen zu diesen Funktionen und ihrer Implementierung finden Sie in der Vonage Video React Native SDK Übersicht Seite. Hier finden Sie alle Ressourcen, die Sie benötigen, um die Funktionen des SDKs zu nutzen und außergewöhnliche Echtzeit-Videoerlebnisse zu schaffen.

Da Entwickler diese erweiterten Funktionen nutzen und von der verbesserten Unterstützung profitieren, können wir in den kommenden Jahren mit noch mehr innovativen, hochwertigen Video-Erlebnissen in mobilen Applikationen rechnen.

Möchten Sie mit dem React Native SDK einsteigen?

Sehen Sie sich die offizielle Dokumentationwo Sie alles finden, was Sie brauchen, von Installationsanleitungen bis zu Beispielanwendungen. Wir haben auch einige Beispiel-Applikationen in der React Native Beispiele Repository. Sie finden das React-Native-Paket auch auf npm und den SDK-Quellcode im SDKs GitHub Repository.

Weitere Lektüre

Verwandte Blogs

Teilen Sie:

https://a.storyblok.com/f/270183/370x376/950c416f97/kapil-mishra.png
Kapil Mishra Senior Produktmanager

Kapil, Senior Product Manager bei Vonage, entwickelt innovative Kommunikationslösungen, die Entwicklern und Unternehmen die Integration von Videofunktionen ermöglichen. Mit seiner Leidenschaft für Echtzeit-Zusammenarbeit durch skalierbare APIs treibt er die Videostrategie von Vonage voran. Außerhalb der Arbeit genießt er Trekking und Abenteuersport und stellt sich Herausforderungen auf und abseits des Weges.