douyu-multiview

Douyuマルチルーム同画面は、1つのページで複数のDouyu配信ルームを同時に視聴するためのサードパーティ製ツールです。ローカルWeb版とChrome拡張機能の2つの利用方法を提供し、大会のマルチアングル視聴や複数配信者の同時視聴などのシーンに適しています。 主な機能は以下のとおりです。 - 同画面レイアウト：1～5列の自動調整または固定、フォーカスレイアウト、ウィンドウ拡大、ドラッグによる並べ替え、全画面表示、ピクチャーインピクチャーに対応。ツールバーは自動非表示にできます。 - 独立した再生制御：各ルームで音量調整、ミュート、画質切り替え、再読み込みを個別に行え、単独リスニング、全ミュート、一括画質切り替えにも対応。 - 弾幕：リアルタイム弾幕を受信し、個別のオン・オフ、不透明度調整、全体速度調整、ワンクリックでの一括切り替えに対応。 - ルーム管理：ルーム番号またはDouyuリンクの入力、一括追加、検索、ステータス絞り込み、ドラッグによる並べ替え、一括での開閉・削除に対応。 - 視聴プラン：新規作成、複製、名前変更、切り替えが可能で、ルームリスト、レイアウト、個別設定を保存でき、JSONによるバックアップとインポートにも対応。 - 配信ステータス：定期的に配信開始状態を確認し、未配信ウィンドウを非表示にでき、配信開始を検知すると自動表示し、配信開始通知にも対応。 - パフォーマンスと診断：低負荷モード、再生の途切れ検知と自動リトライ、接続・パフォーマンス診断、失敗したウィンドウの再試行を提供。 - 本日のデータ：サードパーティの「在看直播」ページを通じてルームデータを確認できます。 Web版はNode.js 20.9以上とnpmが必要で、実行後にローカルアドレスへアクセスして使用します。Chrome拡張機能はManifest V3に基づいており、インストール後にローカルサービスを実行する必要はありません。プロジェクトはネイティブのJavaScript、HTML、CSSを使用し、mpegts.jsでFLVライブ配信を再生し、WebSocketで弾幕を受信し、Canvasで弾幕を描画します。 設定はブラウザのlocalStorageに保存され、クラウド同期は提供されません。異なるブラウザ間やWeb版と拡張機能版の間で自動的に共有されることはありません。プロジェクトはユニットテストとPlaywrightによるエンドツーエンドテストを提供しています。このツールはDouyu公式製品ではなく、インターフェースの変更が機能の可用性に影響を与える可能性があります。