Annonce de la version 1.4.1 de l'application de référence Video de Vonage

Introduction

Nous annonçons les versions 1.4.0 et 1.4.1 de l'application Application de référence vidéo de Vonage pour React (Web VERA). Ces mises à jour introduisent des tests de réseau avant appel, une interface remaniée, des contrôles Push-to-Talk et des améliorations de la stabilité pour vous aider à créer plus efficacement des applications vidéo alimentées par WebRTC.

Essais du réseau avant l'appel

Les tests de réseau avant appel sont désormais intégrés directement dans la salle d'attente, ce qui permet de relever un défi courant lors du développement d'applications vidéo.

Avant de rejoindre un appel, les utilisateurs peuvent tester la qualité de leur connexion, leur bande passante et leur matériel. Le test fournit un retour d'information clair sur la qualité d'appel attendue en utilisant la note d'opinion moyenne (MOS) et valide la prise en charge des résolutions jusqu'à 1080p. Cette approche permet d'identifier les problèmes avant qu'ils n'affectent l'expérience de l'appel, réduisant ainsi les frais d'assistance et améliorant la confiance des utilisateurs.

L'implémentation utilise le fichier @vonage/video-client-network-test et comprend une fonctionnalité d'arrêt et de répétition, permettant aux utilisateurs de tester à nouveau leur connexion sans quitter la page.

Modernisation complète de l'interface utilisateur

La version 1.4.0 introduit un rafraîchissement visuel sur l'ensemble de l'application, y compris la page d'accueil, la salle d'attente, la salle de réunion et les écrans d'adieu.

La refonte comprend un système de jetons sémantiques pour une thématisation cohérente, facilitant la personnalisation des couleurs, de l'espacement et de la typographie. Elle ajoute également un sélecteur de langue dans l'en-tête, améliore les interfaces de sélection des appareils et la réactivité sur toutes les tailles d'écran.

Ces mises à jour améliorent l'accessibilité et constituent une base plus solide pour la création d'expériences vidéo personnalisées.

Fonctionnalité Push-to-Talk

La fonction Push-to-Talk est désormais disponible à partir de la barre d'outils, ce qui permet aux utilisateurs de contrôler leur audio par simple pression. Cette fonction est particulièrement utile pour les grandes réunions proches de la limite de 25 participants, les webinaires et les scénarios dans lesquels le contrôle de la participation audio est important.

La mise en œuvre démontre comment construire des modèles de contrôle audio personnalisés qui s'intègrent à la fonctionnalité de mise en sourdine existante tout en préservant l'état de l'utilisateur.

Filtrage de la liste des participants

La recherche et le filtrage en temps réel permettent désormais de trouver plus rapidement les participants aux appels de grande ampleur. Les utilisateurs peuvent taper un nom pour filtrer la liste des participants, et la liste se met à jour au fur et à mesure que les participants se joignent à l'appel ou le quittent.

Amélioration de l'architecture

Web VERA utilise désormais une structure Nx monorepo, permettant des constructions plus rapides grâce à une mise en cache intelligente et à une meilleure gestion des dépendances. Ce changement améliore la modularité et l'expérience globale du développeur grâce à une meilleure infrastructure d'outils et de tests.

Améliorations de la stabilité dans la version 1.4.1

La version 1.4.1 met l'accent sur la stabilité et la compatibilité entre les navigateurs.

Refonte de la gestion des appareils

La gestion des périphériques a été remaniée à l'aide de crochets unifiés qui fournissent une source unique de vérité pour l'état des périphériques. Les préférences persistent désormais automatiquement dans localStorage, et l'architecture mise à jour résout les problèmes de dépassement de délai signalés précédemment.

Compatibilité avec Firefox

Correction de problèmes affectant la prévisualisation des vidéos dans Firefox, notamment la vidéo vierge dans la salle d'attente.

Améliorations mobiles

Amélioration du comportement de défilement et de la réactivité pour toute une série de tailles de fenêtres mobiles.

Commencer

Prêt à essayer la dernière version ? Deux options s'offrent à vous :

Cloner et exécuter localement :

git clone https://github.com/Vonage/vonage-video-react-app.git
cd vonage-video-react-app
yarn install && yarn dev

Pour obtenir des instructions complètes sur l'installation, consultez le guide de démarrage. Vous pouvez également consulter la liste complète des changements dans les notes de version 1.4.0 et notes de version 1.4.1 sur GitHub.

Conclusion

Web VERA continue de démontrer des modèles prêts à la production pour créer des Applications Video avec l'API Video de Vonage. Ces mises à jour facilitent la validation des conditions du réseau, améliorent la communication avec Push-to-Talk et offrent une expérience utilisateur plus soignée et plus accessible.