GoogleChromeのピクチャーインピクチャーが便利という話
目次
- ピクチャーインピクチャー(PinP)とはそもそも何か
- YoutubeでPinPを利用する方法(Chrome)
- Youtube以外の動画サイトでPinPを利用する方法(Chrome)
- 作る楽しみや探す楽しみを得るきっかけにしてほしい
ピクチャーインピクチャー(PinP)とはそもそも何か
最初に「ピクチャーインピクチャー(以下PinP)とは何か」についての説明を簡単にします。"そんなのとっくに知ってるよ"という方は後述の「公式非対応動画サイトでPinPを使うにはどうすればいいのか」を見るのがおすすめです。
一般向けの情報提供ですので開発者・エンジニアの方は"何をいまさら"と感じると思いますが、「どのように説明すれば一般の方に分かりやすく伝わるのか」についての参考や、一助になれば幸いです。
PinPとは、動画だけが映る小窓(ワイプ)を表示することで、動画の画面ともう一つの画面を同時に表示できる表示方法のことを指します。好きな動画を見ながら作業を行うことができるので、実用性の高い機能の1つです。
『GoogleChrome』では2018年10月16日に公開された「Chrome 70」に実装されたほか、2015年に開発が始まったブラウザ『Vivaldi』では2018年12月13日公開の「v2.2」に実装されています。macOSの標準ブラウザ『Safari』の場合は2016年9月20日公開の「Sierra」でいち早く実装。当時注目を集めていた機能の一つでした。
ここからはGoogleChromeを利用したPinPの方法(Youtube・その他の動画サイト)について説明していきます。
YoutubeでPinPを利用する方法(Chrome)
GoogleChromeでYoutubeのPinPを利用する場合は、動画の再生画面を2回右クリックすると表示されるメニューの中に「ピクチャー イン ピクチャー」の項目があるので、これを選択すればPinPを利用できます。自動再生機能に応じて次の動画へ自動で移動していくため、テレビのように流しっぱなしにしておくことも可能です。
Youtube以外の動画サイトでPinPを利用する方法(Chrome)
現状としてYoutube以外の動画サイトでは、標準でPinP機能が利用できるものがありません。そのため「F12キー」を押して"Chromeデベロッパーツール"というものを呼び出し、ブックマークレットという簡易的なプログラムを用いることでPinPを利用可能です。
ブックマークレットを入力する場合は「Console」のタブを選択してから入力します。
こちらのページではAbemaビデオでPinPを利用するために作られたブックマークレットと、その他のサイト(ニコニコ・Abema・Twitchなど)でも利用できる、より使い勝手のいいブックマークレットが紹介されています。
作る楽しみや探す楽しみを得るきっかけにしてほしい
今回はPinPを利用するための方法や簡単なブックマークレットの紹介でしたが、これ以外にも様々な人が様々なブックマークレットを公開しており、ブラウザでの体験をより良いものに引き上げています。Javascriptを利用して自分で作ることもできますので、プログラミングの入口として「作る楽しみ・探す楽しみ」を得るきっかけとして試してみるのもいいかもしれません。
個人的には作業用BGMとして「ゲーム実況プレイ」の動画を流すことが多いので、この機能を利用すれば見せ場を見逃さずに済み、本当に助かっています…アリガトウ・・・アリガトウ・・・・