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

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

 

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

主な機能/対応ブラウザ

主な機能

・画面上に流れるコメント

・大きさ、行数、透明度、の細かい調整

対応ブラウザ

・Google chrome

・Microsoft Edge

・Firefox

・Opera

・safari(有料)

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…..」のリストの部分をクリックします。

すると、このようなスクリプトが表示されるので、

  • コメントの最大行数を18~20あたり(17行目)
  • コメントの不透明度の数値を0.7 (20行目)
  • スクロール秒数は好み(19行目)

に書き換えます。

アザラシ

※あくまで筆者の設定なので、ここは自分の好みに合わせた数値でOKです!

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

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

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

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

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

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

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

あくまで体感ですが…。

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

image2

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

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

アトラス
¥6,282 (2022/09/16 22:14時点 | Amazon調べ)
  • 食品
  • コミック
  • switch
  • PS4
  • PC周辺機器
  1. ラーメン
  2. ごはんパック
  3. スープ
    発売日 : 1970年01月01日
    価格 : ¥973 (¥162 / 個)
    新品最安値 :
    ¥973 (¥162 / 個)
  4. ごはんパック
    発売日 : 1970年01月01日
    価格 : ¥2,869 (¥143 / 個)
    新品最安値 :
    ¥2,869 (¥143 / 個)
  5. スープ
  6. カレー
  7. ごはんパック
  8. スープ
  9. スープ
  10. ごはんパック
  11. ごはんパック
    発売日 : 1970年01月01日
    価格 : ¥2,480 (¥124 / 個)
    新品最安値 :
    ¥2,480 (¥124 / 個)
  12. ごはんパック
    発売日 : 1970年01月01日
    価格 : ¥1,408 (¥141 / 個)
    新品最安値 :
    ¥1,354 (¥135 / 個)
  13. そば
    発売日 : 2021年08月23日
    価格 : ¥2,340 (¥195 / 個)
    新品最安値 :
    ¥2,340 (¥195 / 個)
  14. ごはんパック
    発売日 : 2019年07月19日
    価格 : ¥2,659 (¥111 / 個)
    新品最安値 :
    ¥2,659 (¥111 / 個)
  15. スープ
  16. スープ
    発売日 : 2017年08月21日
    価格 : ¥1,013 (¥203 / 個)
    新品最安値 :
    ¥1,013 (¥203 / 個)
  17. ラーメン
    発売日 : 2018年04月02日
    価格 : ¥1,875 (¥156 / 個)
    新品最安値 :
    ¥1,875 (¥156 / 個)
  18. カレー
  19. 味噌汁
  20. シチュー
  1. コミック
  2. コミック
  3. コミック
  4. コミック・ラノベ・BL
  5. コミック・ラノベ・BL
  6. コミック
  7. コミック
  8. コミック
  9. コミック
  10. コミック
  11. コミック
  12. コミック
  13. コミック
  14. コミック
  15. コミック
  16. コミック
  17. コミック
  18. コミック
  19. コミック
  20. コミック
  1. ゲームソフト
    発売日 : 2022年09月09日
    価格 : ¥5,673
    新品最安値 :
    ¥5,673
  2. ゲームソフト
    発売日 : 2022年09月08日
    価格 : ¥5,850
    新品最安値 :
    ¥5,850
  3. ゲームソフト
  4. ゲーム機本体
  5. コントローラー
  6. ゲームソフト
  7. ゲームソフト
  8. ゲームソフト
  9. ゲームソフト
  10. ゲーム機本体
  11. ゲームソフト
  12. ゲームソフト
    発売日 : 2017年04月28日
    価格 : ¥5,400
    新品最安値 :
    ¥4,133
  13. ゲームソフト
  14. ゲームソフト
  15. 周辺機器・アクセサリ
  16. コントローラー
  17. ゲームソフト
  18. ゲームソフト
  19. ゲームソフト
  20. ゲームソフト
    発売日 : 2019年10月18日
    価格 : ¥7,473
    新品最安値 :
    ¥7,473
  1. ゲームソフト
  2. コントローラー(ハンドル・ジョイスティック)
  3. ゲームソフト
    発売日 : 2022年08月25日
    価格 : ¥7,218
    新品最安値 :
    ¥6,790
  4. コントローラー(ハンドル・ジョイスティック)
  5. ゲームソフト
  6. ゲームソフト
  7. ヘッドセット
  8. コントローラー(ハンドル・ジョイスティック)
  9. ゲームソフト
  10. コントローラー(ハンドル・ジョイスティック)
  11. ゲームソフト
  12. ケーブル・アダプター
  13. ゲームソフト
  14. ゲームソフト
  15. ヘッドセット
  16. ゲームソフト
  17. ゲームソフト
  18. ゲームソフト
  19. ゲームソフト
  20. ヘッドセット
  1. microSDカード
  2. microSDカード
  3. ライトニングケーブル
  4. スクリーンプロテクター
  5. ライトニングケーブル
  6. microSDカード
  7. モバイルバッテリー
  8. USBケーブル
  9. ポータブルスピーカー
  10. スクリーンプロテクター
  11. 防水バッグ
  12. レンズプロテクター
  13. AC式充電器
  14. モバイルバッテリー
  15. USBケーブル
  16. AC式充電器
  17. microSDカード
  18. ケース
  19. スクリーンプロテクター
  20. スクリーンプロテクター
よかったらシェアしてね!
  • URLをコピーしました!

Amazonトレンドランキング

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
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.