Chromeの新しいピクチャーインピクチャーモードを有効にする

Googleは、W3C APIに基づく新しいピクチャーインピクチャーモードをGoogle Chromeに導入する作業を行っています。 Chrome Canaryユーザーは、Webブラウザーで新機能を既に有効にしている場合がありますが、他のバージョンのChromeを実行しているユーザーは、その機能がブラウザーバージョンに実装されるまで待つ必要があります。

更新 ：デフォルトでは、Google Chromeのピクチャーインピクチャーモードが有効になっています。このガイドの「有効化」の部分をスキップして、導入が完了した後、直接使用部分に進むことができます。この機能は、拡張機能をインストールしない限り、現在のところYouTubeでのみ機能します。インストールした場合 Picture-in-Picture Extension（by Google） 、ほとんどの動画サイトで機能するはずです。 終わり

この実装は、メインブラウザーウィンドウとは独立して動作する小さなオーバーレイウィンドウ内のWebブラウザーで再生されるビデオを移動するピクチャーインピクチャー機能の標準化されたAPIに基づいています。

新しいピクチャーインピクチャーAPIは、デフォルトでほとんどのサイトで機能します。 Webサイトパブリッシャーは、サイトのピクチャーインピクチャーエクスペリエンスをカスタマイズするためにそれを利用できます。ピクチャーインピクチャーインターフェイスのサイズを変更したり、コントロールをカスタマイズしたり、制限を追加したり、統計データの収集に使用したりすることができます。

AppleはMac OS XおよびiOSのSafariにピクチャーインピクチャーAPIを実装し、GoogleはChromeの実験を作成して、APIを安定したバージョンのWebブラウザーに実装する価値があるかどうかを判断することを決定しました。

GoogleはChrome 68ベータ版で実験を開始する予定で、Chrome 69 Stableがリリースされたときに終了します。つまり、実験は2018年6月7日から8月30日までの間に実行されます。

Google Chrome Canaryユーザーは、Webブラウザーでピクチャーインピクチャーサポートをすぐに有効にすることができます。現在のところ、実装は非常に安定しているわけではありませんが、動画コンテンツを含むほとんどのサイトで機能します。

これはあなたがする必要があることです：

試験運用版フラグを有効にする

enable chrome picture in picture api

Chromeブラウザのアドレスバーに次の3つのURLを読み込み、Chrome Canaryで試験運用版のフラグを有効にします。 3つすべてを有効にしてからChromeを再起動することをお勧めします（3つの設定のいずれかのステータスを変更すると、Chromeから再起動を求められます）。

  1. chrome：// flags /＃enable-experimental-web-platform-features-開発中の試験的なWebプラットフォーム機能を有効にします。
  2. chrome：// flags /＃enable-surfaces-for-videos ..動画のVideoLayerではなく、Surfaceへの合成を有効にします。
  3. chrome：// flags /＃enable-picture-in-picture-動画のピクチャーインピクチャー機能を有効にする

試験的なブラウザ拡張機能をインストールする

chrome picture in picture extension

以下をダウンロード GitHubからのファイル ローカルシステムに抽出します。これには、Google Chromeの拡張機能が含まれており、インストールされると、Webブラウザーのピクチャーインピクチャーモードの実装をロック解除します。

完了したらchrome：// extensionsをロードし、「開発者モード」トグルをオンにスライドして、開発者モードを有効にし、Webブラウザーでローカル拡張機能をロードできるようにします。

「アンパックされたロード」を選択し、ローカルシステムでアンパックしたアーカイブの/ src /フォルダーを参照します。

Chromeは新しいピクチャーインピクチャー拡張機能を読み込み、メインのChromeツールバーにアイコンを追加する必要があります。

Chromeでピクチャーインピクチャーモードを使用する

chrome picture in picture

ビデオのあるページをクリックまたはタップして拡張アイコンをアクティブにし、ビデオをピクチャーインピクチャーポップアップにプッシュします。

現在、実装にはいくつかの制限があります。

  • ピクチャーインピクチャーモードでは、最初のビデオのみが再生されます。自動再生が有効になっている場合、次の動画は自動的にモードに読み込まれず、メインのブラウザーウィンドウで再生されます。
  • ビデオが埋め込まれているページは開いたままにする必要があります。
  • メインのブラウザウィンドウに動画を再生しない限り、Chromeの別のページに移動することはできませんが、別のプログラムを使用することはできます。

ピクチャーインピクチャーモードは、YouTube、Vimeo、および他の多くのビデオサイトで自動的に機能します。

Opera Softwareは、Operaブラウザーにカスタムピクチャーインピクチャーモードソリューションを実装しました。 APIのサポートに関して、MicrosoftまたはMozillaからの言葉はまだありません。

では、あなた ：ピクチャーインピクチャーモードを既に使用していますか？ブラウザで表示しますか？ （経由 ブリーピングコンピュータ ）