広告を利用しています

当サイトは広告を掲載しています。消費者庁が2023年10月1日から施行した景品表示法の規制対象(通称:ステマ規制)にならないよう配慮して記事を作成しています(記事はこちら、消す方法はこちら

YouTubeやTwitchなどにスクショボタンを追加する拡張機能

Chrome拡張機能

「スクショボタン」拡張機能のアイコン画像

この記事では、YouTubeやTwitchの動画プレーヤー内に、動画のフレームを綺麗にキャプチャーできるボタンを追加するChrome拡張機能「スクショボタン」について書きます。

YouTubeやTwitchなどにスクショボタンを追加する拡張機能

本拡張機能を導入すると、YouTubeTwitchの動画プレーヤー内に、キャプチャーボタンが追加されます。

クリックすると、現在位置の動画を劣化なしでスクリーンショット撮影してくれます。ブラウザで指定しているダウンロードフォルダーに、画像が保存されます。拡張子はPNGです。

対応動画サイトは、以下のようになっています。

  • YouTube
  • Twitch
  • OPENREC.tv
  • SHOWROOM
  • Mildom
  • SPWN
  • ニコニコ生放送

ボタンだけでなく、キーボードショートカットキーにも対応しています。デフォルトでは、Ctrl+Alt+Sに割り当てられています。設定から変更できます。

本記事は、拡張機能を導入できるPCブラウザ向けです。スマホやタブレットは分かりません。拡張機能を導入できるブラウザアプリ(例:Kiwi Browser)を導入することで、もしかしたら利用できるかもしれません。

リリース元:arus
記事執筆時のバージョン:1.2.2(2023年8月26日)

インストール方法

Chromeウェブストアからインストールできます。

Firefoxをご利用の場合

本拡張機能はChrome拡張機能のみの提供でFirefoxアドオンはリリースされていません。

Firefoxをご利用の方は、代わりに「YouTube Screenshot Button」などで代用できるかと思います。

「Chromeに追加」をクリックします。

「スクショボタン」拡張機能をインストールする手順画像1

「拡張機能を追加」をクリックします。

「スクショボタン」拡張機能をインストールする手順画像2

拡張機能のオーバーフローメニュー内に、拡張機能ボタンが追加されればOKです。

「スクショボタン」拡張機能をインストールする手順画像3

使い方

本拡張機能を導入した状態で、いつも通り、動画サイトで動画再生画面を開きます。試しに「YouTube」でやってみます。拡張機能導入前から開いていた場合は、一度ページをリロードします。

「スクショボタン」拡張機能を利用する手順画像1

動画プレーヤーを開いたら、スクリーンショット撮影したい場所で、一時停止させます。しなくてもいいんですが、狙った場所を撮影したい場合は、一時停止した方がいいかなと思います。

本拡張機能導入後は、新しくYouTubeの動画プレーヤー内に、スクリーンショット撮影ボタン()が追加されます。僕の場合、下部にある各種ボタンの隣に配置されていました。

「スクショボタン」拡張機能を利用する手順画像2

クリックすると、現時点の動画フレームが画像として保存されます。

「スクショボタン」拡張機能を利用する手順画像3

ブラウザで指定している場所に保存されています。デフォルトでは、ダウンロードフォルダーだと思います。画像ファイル名は、「動画タイトル screenshot」となっていました。拡張子は、PNGです。

「スクショボタン」拡張機能を利用する手順画像4

再生バー(シークバー)や、ボタンなどの余計な要素(UI)は映っておらず、綺麗な状態で切り取られています。

「スクショボタン」拡張機能で撮影したYouTubeのスクリーンショット

Twitchでも同様にキャプチャーボタンが追加されていました。

「スクショボタン」拡張機能をTwitchで利用する手順画像

【設定】ショートカットキーの変更

デフォルトでは、Ctrl+Alt+Sキーに割り当てられています。ボタンを押さなくても、動画プレーヤー上で、キーボードを押したら、画像が保存されます。

変更したい場合は、インストールした拡張機能ボタンをクリック→「オプション」をクリックします。

「スクショボタン」拡張機能のオプションにアクセスする手順画像

新しいタブで設定ページが表示されます。CtrlAltShiftのどれか、あるいは複数の組み合わせに、プラスでキーを指定できます。

「スクショボタン」拡張機能の設定画面1

例えば、Ctrl+Alt+Pにしたい場合は、CtrlAltのトグルを有効にして、下部の「キー」部分で、Pを押します。設定できたら、「保存」を押します。現在の設定値に表示されたらOKです。

「スクショボタン」拡張機能の設定画面2

反映させたい場合は、一度ページを再読み込みする必要があるかもしれません。

【余談】Google Chrome標準の「動画フレームをコピー」について

Chromeブラウザでは、2023年9月以降、動画の右クリックメニューに「動画フレームをコピー(Copy Video Frame)」が追加されました。

「Google Chrome」の動画右クリックメニューにある「動画フレームをコピー」画像

本機能を活用することで、拡張機能を導入しなくても、再生バーなどの要素を除いたスクリーンショット撮影ができます。

しかし、YouTubeなどの場合、2回も右クリックしないと表示されない点、画像としてではなく、あくまでクリップボードへのコピーな点…など、人によっては、あまり使い物にならないかもしれません。

そういった場合に、本記事の拡張機能などが役立つかもしれません。類似拡張機能は色々あるので、ご自身が使いやすいのを探してみるといいかなと思います。

感想

以上、YouTubeやTwitchの動画プレーヤー内に、動画のフレームを綺麗にキャプチャーできるボタンを追加するChrome拡張機能「スクショボタン」についてでした。

Chrome拡張機能

Posted by ナポリタン寿司