Twitchのコメントをニコニコ風にする方法【Twitch Screen Comment Scroller】

URLをコピーする
URLをコピーしました!

こんにちは、筆者のムラスギです。

「Chrome」や「Firefox」などのブラウザに「Twitch Screen Comment Scroller」というスクリプトを導入することで、

 

Twitchの生放送 / アーカイブ動画でニコニコ動画のようにコメントを動画上に表示できます。

主な機能

主な機能
・画面上に流れるコメント
・大きさ、行数、透明度、の細かい調整

Twitch Screen Comment Scroller 導入方法

ざっくりとした流れとしては、

  • 1. chrome拡張機能の追加
  • 2.スクリプトをインストール

という順番で紹介します

Chrome拡張機能の追加

まずはじめに、Tampermonkeyという拡張機能が必要になるので、

下記のリンクから追加をします

既に追加済みの方は、このステップは飛ばしてください。

↓ の画面に飛ぶので、右上の「chromeに追加」のボタンをクリックすると、拡張機能が追加されます。

グッドスマイルカンパニー(GOOD SMILE COMPANY)
¥24,380 (2021/10/19 21:37時点 | Amazon調べ)

最新GPUも格安構成も自由に選べる!パソコン買うならBTOの【FRONTIER】

拡張機能の画面を開く

追加完了をしたら、

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です。)

「ファイル→保存」で変更を保存しましょう。

これでコメントの表示設定の変更は完了です。

コメントの変更が反映されているか確認しましょう。

グッドスマイルカンパニー(GOOD SMILE COMPANY)
¥23,500 (2021/10/23 12:51時点 | Amazon調べ)

この機能をオフにしたい場合

同じく「設定→拡張機能」からTampermonkeyの「詳細」を開き、

image1

「拡張機能のオプション」をクリックします。

image2

↑ のページが表示されるので、「インストール済みUserScript」のタブをクリックし、

「Twitch Screen」のリストが表示されているので、左側の有効バーをオフにしましょう。

これでプレビュー機能はオフに設定されました。

解説は以上となります。

ネコ

当ブログは役立つ・タメになる情報や、5chまとめ記事などを更新しています

アザラシ

是非暇なときに見に来てくださいね!

日用品

必需品はアマゾンセールで買うのがオススメです

食品・飲料

スポーツ&アウトドア

家電

パソコン周辺機器

医薬品・サプリメント

ゲーム

リビングなど

ホーム・キッチン

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
URLをコピーする
URLをコピーしました!
Subscribe
Notify of
guest
13 Comments
古い順
新着順 評価順
Inline Feedbacks
View all comments
Anonymous
Anonymous
1 year ago

SETTINGのボタンがないのですが、仕様でしょうか?

Anonymous
Anonymous
1 year ago

すみません、Twitch Screen Comment Scrollerのv0.2.1だとコメント設定ボタンすら表示されません。
バージョンは最新版で表示されているでしょうか?

Leche deslactosada
1 year ago

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.

Anonymous
Anonymous
1 year ago

説明の通りに事を運んだのですがコメントが流れません。何か解決策はありますか??

Anonymous
Anonymous
1 year ago
Reply to  murasugi

adblockを削除したらできました!本当にありがとうございます!
一つ聞きたいのですが、一度に画面に表示されるコメントの数を調整することはできますでしょうか。コメントが多くて少し見ずらいので減らしたいです。

Anonymous
Anonymous
1 year ago
Reply to  murasugi

ありがとうございます!Adblockを削除したら出来ました!1つ聞きたいのですが、一度に画面に表示されるコメントの数を調整することは可能ですか?

https://deokhauphayenbai.blogspot.com/

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.

deo Khau Pha
1 year ago

Utterly pent ϲontent, appreciate it for informatіon.

game bai vin88
1 year ago

I have read so many posts regarding the blogger lovers but this post is truly a fastidious post, keep it up.