HLS ピクチャー・イン・ピクチャー再生のマルチシナリオ・アプリケーション
HLS コンテンツは長時間続くことが多く、スポーツ イベントは数時間ライブ放送され、トレーニング セッションは数十分で、監視画面は 1 日 24 時間中断されません。この HLS コンテンツを全画面で表示すると、同時に他の作業を行うことができなくなります。 HLS ピクチャ イン ピクチャ再生機能は、この矛盾を完全に解決します。HLS ビデオ ストリームを画面の隅にある小さなフローティング ウィンドウに縮小し、デスクトップの最上層に固定します。動画視聴を中断することなく、他のウィンドウやアプリケーションを自由に操作できます。ブラウザのピクチャー・イン・ピクチャー API に基づいて、ピクチャー・イン・ピクチャー・ウィンドウは Web ページのタブとは独立して存在します。タブを切り替えたり、ブラウザを最小化したり、他のアプリケーションを使用したりしても、小さなウィンドウのビデオが再生され続けます。 HLS ライブ ストリーミングの場合、ピクチャ イン ピクチャを使用すると、作業中に主要な一致やアクティビティの進行状況を見逃すことがなくなります。 HLS オンデマンドでは、ピクチャー・イン・ピクチャーと倍速機能を組み合わせることで、付随する学習を効率的に完了できます。 hls.js エンジンは PiP モードで安定して動作し、ウィンドウの切り替えによってデコードが中断されたり、バッファリングが失われることはありません。一般的なシナリオ: 小さなウィンドウでの監視画面の継続的なプレビュー、オンライン会議への参加、トレーニング録画中の学習中のメモの取得、ライブ ニュース放送の背景への注意。ワンクリックでオン、ワンクリックでオフになり、設定やプラグインのインストールは必要ありません。
HLS ピクチャー・イン・ピクチャー再生の使用方法
- HLS/M3U8 ストリームを通常どおり再生し、安定した画像出力を待ちます。
- プレーヤーのコントロール バーにあるピクチャ イン ピクチャ ボタンをクリックすると、HLS ビデオが小さなフローティング ウィンドウとしてポップアップ表示されます。
- 作業を続けるには、他のアプリケーションまたはタブに切り替えてください。小さなウィンドウを閉じるか、ホームページに戻ってピクチャ イン ピクチャ モードを終了します。
HLS ピクチャー・イン・ピクチャー再生に関するよくある質問
HLS ライブ ブロードキャストのピクチャ イン ピクチャ モードの遅延は全画面表示の場合と同じになりますか?関連する詳細と注意事項をすぐに理解できるように、次の詳細な回答をお読みください。？以下の詳しい回答をご覧ください。関連する詳細と注意点を素早く把握するのに役立ちます。
レイテンシも全く同じです。ピクチャ イン ピクチャはビデオ レンダリング ウィンドウのみを変更し、hls.js のストリーミング、デコード、バッファリング ロジックは PiP モードの影響を受けません。 HLS ライブ ブロードキャストの遅延は依然としてシャーディング構成に依存します。
HLS ピクチャー・イン・ピクチャー再生はどのブラウザでサポートされていますか?関連する詳細と注意事項をすぐに理解できるように、次の詳細な回答をお読みください。？以下の詳しい回答をご覧ください。関連する詳細と注意点を素早く把握するのに役立ちます。
デスクトップ Chrome 70 以降、Edge 79 以降、および Safari 13 以降はすべて PiP API をサポートしています。 iOS Safari 14 以降は部分的にサポートされています。 Android Chrome のサポートはバージョンによって異なります。デスクトップブラウザでの使用を推奨します。
ピクチャー・イン・ピクチャー モードでの HLS ストリームのビット レート切り替えが適切に機能するかどうかについては、関連する詳細と注意事項をすぐに理解できるように、次の詳細な回答をお読みください。？以下の詳しい回答をご覧ください。関連する詳細と注意点を素早く把握するのに役立ちます。
正常に動作します。 ABR 適応ビットレート切り替えは、PiP モードの全画面モードと同じように動作します。 hls.js は帯域幅を継続的に監視し、ビットレートを自動的に調整しますが、通常はユーザーはそれに気づきません。
長期間の HLS ライブ ピクチャ イン ピクチャ再生はシステム リソースを大量に消費しますか?関連する詳細と注意事項をすぐに理解できるように、次の詳細な回答をお読みください。？以下の詳しい回答をご覧ください。関連する詳細と注意点を素早く把握するのに役立ちます。
実際、PiP モードは全画面再生よりもリソース効率が高く、レンダリングされるピクセルが少なく、GPU 負荷が低くなります。 hls.js デコードのオーバーヘッドは全画面表示と同じです。長時間視聴する場合はネットワーク通信量に注意することをおすすめします。
HLS ピクチャー・イン・ピクチャーが倍速機能と組み合わせて使用できるかどうかについては、以下の詳細な回答を読んで、関連する詳細と注意事項をすぐに理解してください。？以下の詳しい回答をご覧ください。関連する詳細と注意点を素早く把握するのに役立ちます。
できる。最初に倍速を設定してからピクチャー・イン・ピクチャーをオンにすることをお勧めします。通常、PiP 小さなウィンドウ コントロール バーには倍速オプションがありませんが、設定された倍速はピクチャ イン ピクチャ モードでも引き続き有効です。