「Chrome」や「Firefox」などのブラウザに「Twitch Screen Comment Scroller」というスクリプトを導入することで、Twitchの生放送 / アーカイブ動画でニコニコ動画のようにコメントを動画上に表示できます。
主な機能/対応ブラウザ

主な機能
・画面上に流れるコメント
・大きさ、行数、透明度、の細かい調整
対応ブラウザ
・Google chrome/Microsoft Edge/Firefox/safari(有料) etc...
Twitch Screen Comment Scroller 導入方法
ざっくりとした流れとしては、
1. chrome拡張機能の追加
2.スクリプトをインストール
という順番で紹介します
Chrome拡張機能の追加
まずはじめに、Tampermonkeyという拡張機能が必要になるので、
下記のリンクから追加をします⇩

safari版のみ有料です
既に追加済みの方は、このステップは飛ばしてください。
↓ の画面に飛ぶので、右上の「chromeに追加」のボタンをクリックすると、拡張機能が追加されます。


スクリプトのインストールをする
次に、下記のリンクから、スクリプトをインストールしていきます
導入サイトはこちら↓
Twitch Screen Comment Scroller(修正版)


「スクリプトのインストール」のボタンをクリックし、
「インストール」します。(↑画像は「openrec」となっていますが、手順に変わりはありませんm(_ _)m)
これで導入は完了です。
あとはTwitchの放送で、コメントが流れるか確認してみましょう!
注意:Adblockなどのコンテンツブロッカーを導入している方は、必ずオフにするように注意してください。
コメントの表示設定の変更
「流れるコメントが薄くて見辛い」
「流れるフォントの大きさを小さくしたい」
「流れるフォントの速さを調整したい」
という場合、インストールしたスクリプトを書き換えることにより、調整可能です。
手順1.Tempmonkeyのページにアクセス
URLバーの欄に、↓のアイコンが追加されているので、ダッシュボードをクリックすることでTempmonkeyにアクセス出来ます。


手順2.スクリプトを書き換える


↑ のページが表示されるので、「インストール済みUserScript」のタブをクリックし、
「twitch.screen.....」のリストの部分をクリックします。


すると、このようなスクリプトが表示されるので、
- コメントの最大行数を13-14あたり
- コメント縁取りの太さ...1.4-1.5
- コメント行高さ...1.4
- コメントの不透明度の数値を0.3-0.5
- スクロール秒数...4
に書き換えます。



※あくまで筆者の設定なので、ここは自分の好みに合わせた数値でOKです!
「ファイル→保存」で変更を保存しましょう。
これでコメントの表示設定の変更は完了です。
コメントの変更が反映されているか確認しましょう。
コメントの流れがカクつく時の対処法
コメントの量が多い配信だと、流れるコメントがカクつく場合があります。
筆者が確認している対処法としては、
- コメントの最大行数を20以上に設定する
- コメントのスクロール秒数を下げてみる(5.0秒くらい)
- 秒間コマ数(フレーム)は60fps
- PCのスペックを上げる
- 回線環境を良くする



あくまで体感ですが...。
この機能をオフにしたい場合


左側の有効バーをオフにしましょう。
これでプレビュー機能はオフに設定されます。
記事更新のモチベになりますm(_ _)m




SETTINGのボタンがないのですが、仕様でしょうか?
すいません。画像は少し前に掲載した画像で、今現在は「コメント設定」と紫文字で表示されているかと思います。
追記:修正致しました。
すみません、Twitch Screen Comment Scrollerのv0.2.1だとコメント設定ボタンすら表示されません。
バージョンは最新版で表示されているでしょうか?
この記事はもともと Flow Twitch Chat という既に公開終了してしまったスクリプトを紹介していて、あとから応急的に Twitch Screen Comment Scroller の説明に書き換えていたものでした。
現在は修正済みです。ご迷惑をおかけして申し訳ありません。
Admiring the dedication you put into your site and in depth information you present.
It’s awesome to come across a blog every once in a while that isn’t the same old rehashed material.
Wonderful read! I’ve saved your site and I’m adding your RSS feeds to my Google account.
説明の通りに事を運んだのですがコメントが流れません。何か解決策はありますか??
Adblockがオンになったりしていませんでしょうか?オンだと流れないので、確認よろしくおねがいします。
ちなみにコメントの大きさは、コメント最大行数の数値を上げると調整できます。
adblockを削除したらできました!本当にありがとうございます!
一つ聞きたいのですが、一度に画面に表示されるコメントの数を調整することはできますでしょうか。コメントが多くて少し見ずらいので減らしたいです。
ありがとうございます!Adblockを削除したら出来ました!1つ聞きたいのですが、一度に画面に表示されるコメントの数を調整することは可能ですか?
返信おそくなってしまい申し訳ありません。
今現在では、コメント数を調整することは不可能だと思われます。
いずれスクリプトのバージョンアップをするみたいなので、期待したいですね^^
I ѡill immeԁiately clutch youг rss feed as Ӏ can not fіnd уour e-mail subscription link ᧐r newsletter service.
Ꭰo you’vе ɑny? Рlease permit me realize so
tһat I may just subscribe. Тhanks.
Utterly pent ϲontent, appreciate it for informatіon.
I have read so many posts regarding the blogger lovers but this post is truly a fastidious post, keep it up.