投稿

2月, 2022の投稿を表示しています

[OBS] キャスコメ欄用CSS: 文字変更 - その1

イメージ
OBSを使ったツイキャスのライブ配信では、OBSのブラウザソースのプロパティにある「URL」に、ツイキャスのサイトからコピー出来る「ツール配信用オーバーレイ」のURLを入力する事でコメント欄が表示できますが、同プロパティ内の「カスタムCSS」に適切なCSSを付け加える事で表示されるコメント欄の見た目をカスタマイズする事が出来ます。 今回は、ツイキャスのコメント欄用のオーバーレイの 文字のカスタマイズに関連するCSS設定 をメモしておきます。 [ 目次 ] その1 ツイキャスのコメント欄の文字4種 既定の文字スタイル 文字サイズと文字色の既定値 フォントファミリーの既定値 文字の影 「ユーザーID」と「タイムスタンプ」の表示 文字サイズ変更 文字色変更 太文字、イタリック 以降は続編で。。 その2 フォントファミリー変更 加えて、2021年末にオーバーレイの仕様に設定の追加があった様で、 現時点 だとツイキャスのサイトからコピーするオーバーレイのURLは: https://twitcasting.tv/ ユーザーID /windowcomment?embedded=1& style=2 &auth_user_id= ユーザーID &auth_key= 認証キー という形式になっていて、「 style=2 」というパラメーターが含まれます。 このパラメータが有効になっていると、次の例にある様に、ユーザー名とコメントの文字も周りに黒い影が表示される様になります: この仕様と対処法については、このページ内の 「style=2」仕様 の部分で解説しています。 ツイキャスのコメント欄の文字4種 ツイキャスのコメント欄のオーバーレイには