投稿

[OBS] Twitchコメント欄向けCSSカスタマイザー (試作)

イメージ
( Twitch Chat Overlay CSS Customizer Prototype ) Chrome拡張機能の「 TwitchコメカスタムCSSテスター 」をChromeウェブストアで公開していますが、この拡張機能に読み込ませるテスト用のカスタムCSSも必要だと思ったので、Twichのコメント欄 (チャットオーバーレイ) 向けの簡単なCSSカスタマイザーをここに置いておきます。 このページでクリップボードにコピー出来るCSSを使うと、Twitchのチャット欄をポップアップして表示したコメント欄のURLを使って表示するオーバーレイを、マウス操作でカスタマイズする事が出来ます。 [目次] Twitchのコメント欄 (チャットオーバーレイ) カスタムCSS コメント欄サンプル 設定 更新履歴 TwitchコメカスタムCSSテスター サポートページ #Twitchコメカスタム   ( #ツイッチコメ欄カスタムCSS 、 #トイッチコメ欄カスタムCSS ) Twitchのコメント欄 (チャットオーバーレイ) Twitchのライブ配信をパソコンのブラウザで視聴する時にウインドウの右側に表示されるコメント欄を、「チャットをポップアウト」でポップアップすると https://www.twitch.tv/popout/ ユーザー名 /chat?popout= というURLでコメント欄が別のウインドウで表示されます。 配信ソフトの「OBS」のブラウザや、Chrome拡張機能の「 TwitchコメカスタムCSSテスター 」を使って、上記のURLにこのページのカスタムCSSを読み込ませて表示すると、標準のTwitchコメント欄とは違うレイアウトにカスタマイズして表示する事が出来ます。

『コメ欄』✚(プラス): 画面背景とプロップ

イメージ
コンテンツクリエイター向けに「 画面配信/録画コンテンツコンポーザー 」アプリとして公開している、 『コメ欄』 ✚ ( プラス ) で、 「アプリ内表示画面」の表示要素 (又はコンテンツ)となる: 「 画面背景 」と 「 プロップ (小道具)」 についての説明をここにメモしておきます。 [ 目次 ] 画面背景とプロップ 画面背景 プロップ プロップの表示位置 プロップの表示順とシーン プロップの追加と設定 プロップ一覧表 ツールバー 「画面背景とプロップ」画面 画面背景 タブ プロップ タブ 『コメ欄』✚ 関連ページ 画面背景とプロップ 「 プロップ 」とは何なのかと分かりにくいかもしれませんが、演劇の舞台設定に例えて、 「 画面背景 」 は舞台の後ろを覆う舞台背景幕、 「 プロップ 」 は背景の手前に配置される 小道具 と考えてもらえると分かり易いかもしれません。 画面背景 「