こんにちは、筆者のムラスギです。
「Chrome」や「Firefox」などのブラウザに「Twitch Screen Comment Scroller」というスクリプトを導入することで、
Twitchの生放送 / アーカイブ動画でニコニコ動画のようにコメントを動画上に表示できます。
主な機能
主な機能
・画面上に流れるコメント
・大きさ、行数、透明度、の細かい調整
Twitch Screen Comment Scroller 導入方法
ざっくりとした流れとしては、
- １. chrome拡張機能の追加
- ２.スクリプトをインストール
という順番で紹介します
Chrome拡張機能の追加
まずはじめに、Tampermonkeyという拡張機能が必要になるので、
下記のリンクから追加をします。
Google Chrome→Tampermonkey
Firefox→Tampermonkey
既に追加済みの方は、このステップは飛ばしてください。
↓ の画面に飛ぶので、右上の「chromeに追加」のボタンをクリックすると、拡張機能が追加されます。
携帯できる音波式電動歯ブラシがクラプロックスから登場
【ブラックisホワイト電動歯ブラシ 粉歯みがきプレゼントつき】
拡張機能の画面を開く
追加完了をしたら、
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…」のリストが表示されているので、左の有効のバーをオフにしましょう。
これでプレビュー機能はオフに設定されました。
解説は以上となります。
ついでにこちらのスクリプトもインストールしちゃいましょう！！⇩
(拡張機能は一度インストールしたので、スクリプトをインストールするのみでOKです)
がばぶろからのお願い
こちらのリンクからご購入いただけると、嬉しいですm(_ _)m
DHC ブルーベリーエキス 徳用90日分
Logicool G ゲーミングマウス 有線 G203 LIGHTSYNC RGB 6個プログラムボタン 85g軽量 G203-BK 国内正規品
Logicool G ゲーミングマウス 無線 G604 MMO 15ボタン HEROセンサー LIGHTSPEED ワイヤレス Bluetooth 接続対応 国内正規品
Razer Huntsman Mini JP 小型 ゲーミングキーボード Linear Optical Switch 日本語 JP配列 60%レイアウト 光学スイッチ 超高速1.2mm作動 リニア触感 静音 Chroma RGB 【日本正規代理店保証品】
コメント
コメント一覧 （13件）
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 Ӏ ｃan 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.