Teilen Sie:
){kind=small}
Julia hat es sich zur Aufgabe gemacht, andere Entwickler durch die Erstellung von Tutorials, Anleitungen und praktischen Ressourcen zu unterstützen. Mit ihrem Hintergrund in den Bereichen Öffentlichkeitsarbeit und Bildung möchte sie Technologien zugänglicher machen und die Erfahrung von Entwicklern insgesamt verbessern. Man kann sie oft bei lokalen Veranstaltungen antreffen.
Ankündigung der Version 1.4.1 der Vonage Video-Referenz-App
Lesedauer: 3 Minuten
Wir kündigen die folgenden Versionen an 1.4.0 und 1.4.1 der Vonage Video-Referenzanwendung für React (Web VERA). Diese Updates führen Netzwerktests vor dem Anruf, eine neu gestaltete Benutzeroberfläche, Push-to-Talk-Steuerelemente und Stabilitätsverbesserungen ein, damit Sie WebRTC-basierte Videoanwendungen effizienter erstellen können.
Netzwerktests vor dem Anruf sind jetzt direkt in das Wartezimmer integriert, was eine häufige Herausforderung bei der Entwicklung von Video-Applikationen darstellt.
Bevor ein Anruf getätigt wird, können Benutzer ihre Verbindungsqualität, Bandbreite und Hardware testen. Der Test liefert ein klares Feedback zur erwarteten Anrufqualität anhand des Mean Opinion Score (MOS) und validiert die Unterstützung von Auflösungen bis zu 1080p. Dieser Ansatz hilft, Probleme zu erkennen, bevor sie das Anruferlebnis beeinträchtigen, reduziert den Supportaufwand und stärkt das Vertrauen der Benutzer.
Die Implementierung verwendet die @vonage/video-client-network-test Bibliothek und enthält eine Stop-and-Retry-Funktionalität, die es den Benutzern ermöglicht, ihre Verbindung erneut zu testen, ohne die Seite zu verlassen.
Mit Version 1.4.0 wird die gesamte Anwendung optisch aufgefrischt, einschließlich der Landing Page, des Wartezimmers, des Besprechungsraums und der Verabschiedungsbildschirme.
Das Redesign umfasst ein semantisches Token-System für konsistentes Theming, das die Anpassung von Farben, Abständen und Typografie erleichtert. Außerdem wird eine Sprachauswahl in der Kopfzeile hinzugefügt, die Schnittstellen zur Geräteauswahl verbessert und die Reaktionsfähigkeit bei verschiedenen Bildschirmgrößen erhöht.
Diese Aktualisierungen verbessern die Zugänglichkeit und bieten eine solidere Grundlage für die Erstellung individueller Videoerlebnisse.
Push-to-Talk ist jetzt über die Symbolleiste verfügbar, so dass die Benutzer durch Drücken und Halten die Kontrolle über ihr Audio erhalten. Diese Funktion ist besonders nützlich für große Meetings mit bis zu 25 Teilnehmern, Webinare und Szenarien, in denen eine kontrollierte Audiobeteiligung wichtig ist.
Die Implementierung zeigt, wie benutzerdefinierte Audiosteuerungsmuster erstellt werden können, die sich in bestehende Stummschaltungsfunktionen integrieren lassen, während der Benutzerstatus erhalten bleibt.
Die Echtzeit-Suche und -Filterung beschleunigt das Auffinden von Teilnehmern in großen Konferenzen. Benutzer können einen Namen eingeben, um die Teilnehmerliste zu filtern, und die Liste wird aktualisiert, wenn Teilnehmer hinzukommen oder gehen.
Web VERA verwendet jetzt eine Nx-Monorepo-Struktur, die schnellere Builds durch intelligentes Caching und verbesserte Abhängigkeitsverwaltung ermöglicht. Diese Änderung verbessert die Modularität und erhöht die allgemeine Erfahrung der Entwickler durch eine bessere Tooling- und Testinfrastruktur.
Version 1.4.1 konzentriert sich auf Stabilität und Cross-Browser-Kompatibilität.
Die Gerätehandhabung wurde durch einheitliche Hooks überarbeitet, die eine einzige Quelle für den Gerätestatus bieten. Voreinstellungen bleiben nun automatisch in localStorage erhalten, und die aktualisierte Architektur behebt zuvor gemeldete Timeout-Probleme.
Probleme mit der Videovorschau in Firefox wurden behoben, einschließlich leerer Videos im Wartezimmer.
Verbessertes Scroll-Verhalten und Reaktionsfähigkeit über eine Reihe von mobilen Viewport-Größen.
Möchten Sie die neueste Version ausprobieren? Sie haben zwei Möglichkeiten:
Klonen und lokal ausführen:
git clone https://github.com/Vonage/vonage-video-react-app.git
cd vonage-video-react-app
yarn install && yarn devEine vollständige Anleitung zur Einrichtung finden Sie in der Anleitung für die ersten Schritte. Sie können auch die vollständige Liste der Änderungen in den 1.4.0 Versionshinweise und 1.4.1 Versionshinweise auf GitHub einsehen.
Web VERA demonstriert weiterhin produktionsreife Muster für die Erstellung von Video Applications mit der Vonage Video API. Diese Aktualisierungen erleichtern die Validierung von Netzwerkbedingungen, verbessern die Kommunikation mit Push-to-Talk und bieten ein ausgefeiltes und zugängliches Benutzererlebnis.
Haben Sie eine Frage oder möchten Sie etwas mitteilen? Beteiligen Sie sich am Gespräch auf dem Vonage Community Slackund bleiben Sie auf dem Laufenden mit dem Entwickler-Newsletter, folgen Sie uns auf X (früher Twitter), abonnieren Sie unseren YouTube-Kanal für Video-Tutorials, und folgen Sie der Vonage Entwickler-Seite auf LinkedInein Raum für Entwickler, um zu lernen und sich mit der Community zu vernetzen. Bleiben Sie in Verbindung, teilen Sie Ihre Fortschritte und halten Sie sich über die neuesten Nachrichten, Tipps und Veranstaltungen für Entwickler auf dem Laufenden!
Teilen Sie:
Julia hat es sich zur Aufgabe gemacht, andere Entwickler durch die Erstellung von Tutorials, Anleitungen und praktischen Ressourcen zu unterstützen. Mit ihrem Hintergrund in den Bereichen Öffentlichkeitsarbeit und Bildung möchte sie Technologien zugänglicher machen und die Erfahrung von Entwicklern insgesamt verbessern. Man kann sie oft bei lokalen Veranstaltungen antreffen.