Amazonタイムセール開催中!6/4まで!!

【修正版】Twitchのコメントをニコニコ風にするchrome拡張機能【Twitch Screen Comment Scroller】の導入方法

AHS
¥15,300 (2023/05/23 10:15時点 | Amazon調べ)
chrome拡張機能「Twitchチャット弾幕」

「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です!

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

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

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

コメントの流れがカクつく時の対処法

コメントの量が多い配信だと、流れるコメントがカクつく場合があります。

筆者が確認している対処法としては、

  1. コメントの最大行数を20以上に設定する
  2. コメントのスクロール秒数を下げてみる(5.0秒くらい)
  3. 秒間コマ数(フレーム)は60fps
  4. PCのスペックを上げる
  5. 回線環境を良くする
アザラシ

あくまで体感ですが...。

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

image2

左側の有効バーをオフにしましょう。

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

記事更新のモチベになりますm(_ _)m

著:成田良悟, 著:藤本新太
¥730 (2023/04/22 12:35時点 | Amazon調べ)
著:赤坂アカ, 著:横槍メンゴ
¥680 (2023/04/22 12:39時点 | Amazon調べ)
よかったらシェアしてね!
  • URLをコピーしました!
Subscribe
Notify of
guest
13 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Anonymous
Anonymous
2 years ago

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

Anonymous
Anonymous
2 years ago

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

Leche deslactosada
2 years 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
2 years ago

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

Anonymous
Anonymous
2 years ago
Reply to  murasugi

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

Anonymous
Anonymous
2 years 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
2 years ago

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

game bai vin88
2 years ago

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