Chrome 標準のピクチャーインピクチャーにできないこと、Crispip が補うもの
Crispip は Chrome のピクチャーインピクチャーを拡張する拡張機能です。別々のタブの動画を 1 つのフローティングウィンドウに集めて並べて再生し、それぞれを個別に操作できます。動画 1 本しか載せられない標準 PiP の不足を補います。
Chrome 標準のピクチャーインピクチャーにできること、できないこと
標準のピクチャーインピクチャーがやることは 1 つだけです。ページ内の video 要素を 1 つ取り出し、常に手前に表示される小さなウィンドウに移して、別のタブに切り替えても再生を続けます。MDN の Document Picture-in-Picture API のドキュメントによれば、以前の動画専用 API は 1 度に 1 つの video しか扱えず、ブラウザが提供する操作も限られています。「複数の動画をどう並べるか」は想定されておらず、その入口もありません。
| 制約 | 具体的な挙動 | 利用者にとっての意味 |
|---|---|---|
| 1 ウィンドウに 1 本だけ | ページ内の単一の video 要素に紐づき、1 ウィンドウが 1 映像に対応します。 | 2 本同時に見るにはウィンドウを 2 つ開くしかなく、既定では同じ位置に重なります。 |
| 並べるレイアウトがない | ウィンドウは 1 つの矩形で、内側を分割できません。 | 2 つの映像を見比べるにはウィンドウを何度も動かして位置を合わせる必要があり、画面が小さいと成立しません。 |
| 操作はサイト側の作り次第 | ボタンはサイトのプレーヤーのもので、再生と一時停止しか出さないサイトもあります。 | エピソードの切り替えやシークは元のタブに戻る必要があり、PiP は「操作」より「視聴」の道具です。 |
| 元のページを閉じると映像も消える | MDN の説明どおり、PiP ウィンドウは開いたページより長生きしません。 | タブを整理したいときも再生ページを残すことになり、複数映像ではタブが増え続けます。 |
| スクリーンショットも録画もできない | 映像のミラーにすぎず、フレームの切り出しや録画の入口がありません。 | 残したい瞬間があっても OS のスクリーンショット頼みで、切り抜きとタイミングは手作業になります。 |
実際の作業で何が起きるか
どれも単体では致命的ではありません。重なると作業コストになります。
場面 1: チュートリアルを見ながら手を動かす
左に手本、右に自分の録画を置けば一目で見比べられるはずです。ところが標準 PiP は 2 つのウィンドウを同じ場所に重ねるので、まず引き離して位置を決める必要があります。大小の組み合わせでは互いを隠してしまい、1 回のレッスンで何度も繰り返すことになります。
場面 2: 聞きながら記録し、いつでも切り出したい
映像を隅に縮めてメモを取るのは問題ありません。詰まるのは「一時停止、スクリーンショット、戻る」の連鎖です。スライドを 1 枚撮るにはタブに戻って止め、撮って、また戻る。書いていた流れは途切れます。ウィンドウが小さいほど回数は増えます。
場面 3: 複数の映像を 1 画面に収めたい
配信がいくつか、カメラがいくつか。それぞれにウィンドウを開くと、3 つか 4 つでデスクトップが埋まり、互いに重なって PiP を使わないより散らかります。
Crispip とは
Crispip(別名 PiP Expert)は Chrome のピクチャーインピクチャーを拡張する拡張機能です。中核は、別々のタブの動画を 1 つのフローティング PiP ウィンドウに集め、並べて再生し、それぞれに独立した再生コントロールを持たせることです。
プレーヤーを作り直したのではなく、「1 つのフローティングウィンドウ」を入れ物として扱います。動画は元のページから来たままで、ただ 1 つのウィンドウにまとめて配置されます。具体的には次のとおりです。
- 1 ウィンドウに複数動画: 別々のタブから動画を取り出し、映像ごとにウィンドウを出すのではなく同じウィンドウに集めます。
- 4 種類のレイアウト: グリッドに加えて 3 つの配置(シアターモードを含む)があり、映像の比率に合わせて切り替えて黒帯の無駄を減らします。
- 動画ごとの独立操作: 再生、一時停止、シークはそれぞれ独立し、片方を止めてももう片方に影響しません。
- スクリーンショットと画面録画: 現在のフレームを切り出すか、そのまま録画できます。元のページに戻る必要はありません。
- サイトをまたぐ動画履歴: エピソードを変えたときや後で戻るときに辿れる記録があります。
- プランの区分: 無料版は同時 2 本まで、グリッドレイアウトと基本操作が使えます。スクリーンショット、録画、シアターモード、残り 3 つのレイアウトは PRO です。
インストールは Chrome ウェブストアから。Document Picture-in-Picture API に依存しており、Chrome for Developers のドキュメントによればこの API は Chrome 116 以降で提供されるため、Chrome 116 以上が必要です。
Crispip が標準 PiP の制約にどう応えるか
Crispip は標準のピクチャーインピクチャーを置き換えるものではなく、それが手を引いた部分を埋めます。5 つの制約と突き合わせると、解いたものと解いていないものが見えます。
| 標準の制約 | Crispip の方法 | 実際の効果 |
|---|---|---|
| 1 ウィンドウに 1 本 | 同じフローティングウィンドウに複数動画を同居 | 2 本を並べられ、ウィンドウを配置し直す必要がない |
| 並べるレイアウトがない | グリッドとシアターモードを含む 4 レイアウト | 内容に合わせて選べ、画面を無駄にしない |
| 操作はサイト側の作り次第 | 動画ごとに独立したコントロールバー | 一時停止もシークも互いに干渉しない |
| 元のページを閉じると映像も消える | 変更なし: 映像は元のページから取得したまま | タブを閉じるとその映像は途切れる |
| スクリーンショットも録画もできない | スクリーンショットと録画を内蔵 | 必要なフレームをその場で保存でき、タブを移らない |
4 番目だけは埋めていません。Crispip が解くのは「複数の映像をどう一緒に見るか」であり、「動画をページから独立させる」ことではありません。
向いている人、向いていない人
対象は広くありませんが、はっきりしています。複数の映像を同時に見比べる必要がある人です。
- 2 つの映像を見比べる学習者: 講座と手本、原本と自分の再現。
- 見ながら記録する軽作業の利用者: 会議の録画や講演で、必要な場面をその都度残す。
- 複数映像を 1 画面で見張る運用・当番の人: 配信、監視カメラ、ダッシュボード。
逆に、次の場合は入れないほうがよいでしょう。
- たまに 1 本を隅に縮めるだけ: 標準 PiP で足り、拡張機能はもう一層増えるだけです。
- 端末のメモリが厳しい: 複数動画の同時デコードは 1 本よりメモリと GPU を食い、ソフトでは回避できません。
- フレーム単位の色調整やマルチカム編集が必要: これはブラウザ内の視聴と見比べの道具で、編集ソフトではありません。
よくある質問
Chrome 標準のピクチャーインピクチャーで 2 本同時に見られますか?
見られません。1 つの PiP ウィンドウは 1 本だけを載せ、2 本目は別ウィンドウとして上に重なります。同じウィンドウに並べるには拡張機能が必要です。
Crispip は無料ですか?
無料版があり、同時 2 本、グリッドレイアウト、基本操作が使えます。スクリーンショット、録画、シアターモードは PRO で、価格はストアのページに準じます。
Crispip は視聴した動画を送信しますか?
いいえ。動画はブラウザ内でデコードされ、拡張機能が映像をアップロードすることはありません。プライバシーポリシーにも、閲覧履歴や動画内容を受け取らないと明記しています。
まず導入手順を見たい方はクイックスタートへ。プランと価格は料金ページで確認できます。
本記事の技術的な記述は MDN と Chrome for Developers のドキュメントに基づきます。 製品の機能とプライバシーの説明は Chrome ウェブストアの掲載ページとプライバシーポリシーに従います。