投稿

1月, 2023の投稿を表示しています

[OBS] そこまでシンプルでもないキャスコメ欄カスタムCSS

イメージ
以前公開した「 とてもシンプルなキャスコメ欄カスタムCSS 」のもう少しカスタマイズが出来るカスタムCSSを作ってみました。 これまで設定出来た文字の縁取りの色だけでなく、 コメント以外の文字サイズや、 フォントの種類、 太文字とイタリックの選択、 ユーザーアイコンの大きさ も変更出来る仕様になっています。 OBSでツイキャスのコメント欄を設定する方法や、下に説明するCSSをOBSに読み込ませる方法については、先に別のメモ 「📝 ツイキャスのコメント欄を表示 (サムネ付きで) 」 を参照して下さい。 [ 目次 ] カスタムCSS コメント欄サンプル 設定 今後の改善点 (??) 更新履歴 👉 📝 キャスコメカスタムCSS まとめ カスタムCSS /* Googleフォントの読み込み */ @import url("https://fonts.googleapis.com/css2?family= Yomogi &display=swap"); /* 絵文字フォントの読み込み */ @font-face { font-family: 'Noto Color Emoji'; src: url(https://raw.githack.com/googlefonts/noto-emoji/main/fonts/NotoColorEmoji.ttf); } /* Generated by そこまでシンプルでもないキャスコメカスタムCSS (ツイキャス用) url: https://kii-memo.blogspot.com/2023/01/not-so-simple-custom-css.html */ body { /* フォント設定 */ font-family: 'Hiragino Kaku Gothic ProN','Hiragino Sans&

ツイキャス専門店『コメ欄』Lite: アプリ内表示画面設定ガイド

イメージ
このメモは、Androidスマホでツイキャスのコメント欄を表示出来る、配信支援アプリのツイキャス専門店『コメ欄』Liteのアプリ内表示画面の設定ガイドです。 👉 ツイキャス専門店『コメ欄』Lite サポートページ 『 コメ欄 ( Comme Lan ) 』は、ツイキャス公式アプリのスクリーン配信機能によってデバイスの画面をそのまま配信するのが前提のアプリの為、 配信中は、誤って個人情報を画面に表示しない という 一般的なスクリーン配信に共通する注意掛けが必要 になります。 まず、 ホーム画面表示モード を使う場合は、ホーム画面上に個人情報が含まれていないか配信を始める前に確認する必要があります。 アプリ内表示モード では、配信画面の背景画像を設定出来ますが、表示したい画像を選択する際は、画像の一覧として表示したくない画像もデバイスの画面に表示される可能性もあるので、設定を絶対に配信中には行わず、アプリ内表示モードで表示したい背景画像などの配信用コンテンツはすべて配信の前にプリセットとして設定しておく必要があります。 今回は「ツイキャス専門店『 コメ欄 ( Comme Lan ) 』 Lite ( ライト ) 」の アプリ内表示画面設定 についてメモしておきます。 [ 目次 ] アプリ画面の流れ 画面設定 アプリ内表示画面設定 背景色設定画面 背景色設定 [関連ページ] ツイキャス専門店『コメ欄』Lite サポートページ アプリ画面の流れ (画面展開フロー/画面遷移図) ツイキャス専門店『コメ欄』Liteのスタート画面からの「アプリ内表示画面」と「設定画面」への流れを図解にすると次の様になります。 アプリの「スタート画面」が図の中央上部の方に配置されていますが、配信に使えるアプリ内表示モードのコンテンツ画面は、 「スタート画面」 の右にある 緑色の縦の点線 の右側に表示されています。