Vonageビデオリファレンスアプリのバージョン1.4.1を発表しました。

はじめに

バージョン 1.4.0および 1.4.1を発表しました。 Vonage Video Reference Application for React (Web VERA) のバージョン1.4.0と1.4.1を発表しました。.これらのアップデートは、WebRTC搭載ビデオアプリケーションをより効率的に構築できるよう、通話前のネットワークテスト、再設計されたインターフェイス、Push-to-Talkコントロール、安定性の改善を導入しています。

プレコール・ネットワーク・テスト

通話前のネットワーク・テストが待合室に直接組み込まれ、ビデオ・アプリケーションの開発時によくある課題に対応できるようになりました。

通話に参加する前に、ユーザーは接続品質、帯域幅、ハードウェアをテストできます。このテストでは、MOS（Mean Opinion Score）を使用して予想される通話品質に関する明確なフィードバックを提供し、1080pまでの解像度のサポートを検証します。このアプローチは、通話体験に影響を与える前に問題を特定するのに役立ち、サポートのオーバーヘッドを削減し、ユーザーの信頼性を向上させます。

この実装では vonage/video-client-network-testライブラリを使用し、ストップ・アンド・リトライ機能を含むので、ユーザーはページを離れることなく接続を再テストできる。

完全なUIの近代化

バージョン1.4.0では、ランディングページ、待合室、会議室、さよなら画面など、アプリケーション全体のビジュアルが一新されました。

今回のデザイン変更では、一貫したテーマ設定のためのセマンティック・トークン・システムが導入され、色、スペーシング、タイポグラフィのカスタマイズが容易になりました。また、ヘッダーに言語セレクタが追加され、デバイス選択インターフェイスが改善され、画面サイズ全体に対する応答性が向上しました。

これらのアップデートはアクセシビリティを向上させ、カスタマイズされたVideo体験を構築するためのより強力な基盤を提供します。

プッシュ・ツー・トーク機能

Push-to-Talkがツールバーから利用できるようになり、音声を長押しでコントロールできるようになりました。この機能は、25人という参加人数に制限のある大規模な会議やウェビナー、音声のコントロールが重要な場面で特に役立ちます。

この実装は、ユーザーの状態を保持しながら、既存のミュート機能と統合するカスタムオーディオコントロールパターンを構築する方法を示している。

参加者リストのフィルタリング

リアルタイムの検索とフィルタリングにより、大規模な通話の参加者をすばやく見つけることができます。ユーザーは名前を入力して参加者リストをフィルタリングでき、参加者の参加や退出に応じてリストが更新されます。

建築の改善

Web VERAはNxモノレポ構造を採用し、インテリジェントなキャッシングと依存関係管理の改善により、より高速なビルドを可能にしました。この変更により、モジュール性が改善され、より優れたツールとテスト・インフラストラクチャにより、開発者の全体的なエクスペリエンスが向上します。

バージョン1.4.1での安定性の向上

バージョン1.4.1では、安定性とクロスブラウザ対応に重点を置いています。

デバイス管理のリファクタリング

デバイス・ハンドリングは、デバイス状態の単一の真実のソースを提供する統一されたフックを使用してリファクタリングされました。環境設定はlocalStorageに自動的に保存されるようになり、更新されたアーキテクチャは以前報告されたタイムアウトの問題を解決しています。

Firefoxとの互換性

Firefoxのビデオプレビューに影響する問題を修正しました。

モバイルの改善

さまざまなモバイル・ビューポート・サイズにおけるスクロール動作と応答性を改善。

スタート

最新バージョンを試す準備はできていますか？2つのオプションがあります：

クローンを作成し、ローカルで実行する：

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

セットアップの詳細については スタートガイド.また、変更点の完全なリストは 1.4.0リリースノートおよび 1.4.1リリースノートをご覧ください。

結論

Web VERAは、Vonage Video APIを使用したビデオ・アプリケーション構築のためのプロダクション・レディ・パターンを示し続けています。これらのアップデートにより、ネットワーク状況の検証が容易になり、プッシュ・ツー・トークによる通信が改善され、より洗練された利用しやすいユーザー・エクスペリエンスが提供されます。