こんにちは、筆者のムラスギです。
「Chrome」や「Firefox」などのブラウザに「Twitch Screen Comment Scroller」というスクリプトを導入することで、
Twitchの生放送 / アーカイブ動画でニコニコ動画のようにコメントを動画上に表示できます。
主な機能
主な機能
・画面上に流れるコメント
・大きさ、行数、透明度、の細かい調整
Twitch Screen Comment Scroller 導入方法
ざっくりとした流れとしては、
- １. chrome拡張機能の追加
- ２.スクリプトをインストール
という順番で紹介します
Chrome拡張機能の追加
まずはじめに、Tampermonkeyという拡張機能が必要になるので、
下記のリンクから追加をします⇩
既に追加済みの方は、このステップは飛ばしてください。
↓ の画面に飛ぶので、右上の「chromeに追加」のボタンをクリックすると、拡張機能が追加されます。
拡張機能の画面を開く
追加完了をしたら、
chrome or Firefox ブラウザの「設定→拡張機能」の画面を開きます
chrome://extensions/
↑ をURLに貼り付けることでも拡張機能の画面を開くことができます。
Tampermonkeyの詳細を開き、
⬇
「ファイルの URL へのアクセスを許可する」をONにしましょう。
スクリプトのインストールをする
次に、下記のリンクから、スクリプトをインストールしていきます
導入サイトはこちら
Twitch Screen Comment Scroller
「スクリプトのインストール」のボタンをクリックし、
「インストール」します。（↑画像は「openrec」となっていますが、手順に変わりはありませんm(_ _)m）
これで導入は完了です。
あとはTwitchの放送で、コメントが流れるか確認してみましょう！
注意：Adblockなどのコンテンツブロッカーを導入している方は、必ずオフにするように注意してください。
ポチップ
コメントの表示設定の変更
「流れるコメントが薄くて見辛い」
「流れるフォントの大きさを小さくしたい」と思う方は、
インストールしたスクリプトを書き換えることにより、調整可能です。
再度、「設定→拡張機能」からTampermonkeyの「詳細」を開き、
「拡張機能のオプション」をクリックします
↑ のページが表示されるので、「インストール済みUserScript」のタブをクリックし、
「twitch.screen…..」のリストの部分をクリックします。
すると、このようなスクリプトが表示されるので、
- コメントの不透明度の数値を0.7 (16行目)
- コメントの最大行数を12~15あたり（17行目）
に書き換えます。
(※あくまで筆者の設定なので、ここは自分の好みに合わせた数値でOKです。)
「ファイル→保存」で変更を保存しましょう。
これでコメントの表示設定の変更は完了です。
コメントの変更が反映されているか確認しましょう。
この機能をオフにしたい場合
同じく「設定→拡張機能」からTampermonkeyの「詳細」を開き、
「拡張機能のオプション」をクリックします。
↑ のページが表示されるので、「インストール済みUserScript」のタブをクリックし、
「Twitch Screen…」のリストが表示されているので、左の有効のバーをオフにしましょう。
これでプレビュー機能はオフに設定されました。
解説は以上となります。
