【無料】YouTube Live用コメントCSS｜淡いブルーの吹き出しデザイン【OBS対応】
- ダウンロード商品¥ 0
YouTube Liveのコメントを、淡いブルーの吹き出しデザインで表示できる、OBS Studio用の無料コメントCSSです。 ゲーム配信や雑談配信などに使える、シンプルで見やすいデザインです。 OBSへの設定手順書付き。Windows環境でYouTube Liveの実配信テストを行っています。
商品の特徴
YouTube Liveのチャットを、白×淡いブルーのやさしい「吹き出し」デザインで配信画面に表示できる、OBS Studio向けの無料コメントCSSです。 ゲーム配信・雑談配信などに合わせやすい、シンプルで見やすい1色のお試し版です。 CSSの貼り付けとYouTubeチャットのURL設定で使えます。初心者向けの詳しい手順書も同梱しています。
このCSSでできること
・通常コメント・絵文字・日本語長文を吹き出しで表示 ・本文19pxで読みやすいデザイン ・配信者のコメントを淡いブルーで色分け ・不要なYouTube標準UIとスクロールバーを非表示 ・新着コメントへの自動追従 ・スペースのない長い英数字も折り返して表示
導入方法
1. OBS Studioとライブ配信可能なYouTubeアカウントを準備します。 2. YouTubeライブチャットのポップアウトURLを取得します。 3. OBSにブラウザソースを追加し、URLを設定します。 4. 同梱の「obs-youtube.css」をカスタムCSS欄に貼り付けます。 推奨サイズは幅520px×高さ600pxです。 ※配信ごとにYouTubeチャットのURLを取得し直して設定する必要があります。 ※詳しい操作方法は同梱の「はじめにお読みください.txt」をご覧ください。
動作確認環境・ご利用上の注意
【実配信で確認済み】 ・Windows／OBS Studio 33.0.1 ・YouTube Live（限定公開配信） ・ブラウザソース：幅520px×高さ600px ・通常コメント、絵文字、日本語長文、長い英数字の折り返し ・10件以上の連続コメント、最新コメントへの追従 ・スクロールバーと不要なYouTube標準UIの非表示 【実配信では未検証】 ・Mac環境、他のOBSバージョン、他の表示サイズ ・スーパーチャットなどの特殊チャット ・長いユーザー名、メンバーバッジ ・長いURLそのものの折り返し 【対応対象外】 ・わんコメ、TwitchなどYouTube Live以外のチャットサービス ※商品画像は表示例です。プレビューでは配信者名が青文字＋HOSTバッジですが、実配信では黒いラベルで表示されます。吹き出しの色分けは実配信で確認済みです。 ※YouTube側の仕様変更などにより、将来の動作を保証するものではありません。
同梱ファイル・利用規約について
【同梱ファイル】 ・obs-youtube.css：OBSに貼り付けるCSS本体 ・はじめにお読みください.txt：初めて使う方向けの案内 ・README.md：導入・設定手順 ・利用規約.txt：利用条件・注意事項 ・TEST_REPORT.md：動作確認の記録 ・index.html／style.css／script.js：デザイン確認用のサンプル 【ご利用前に】 ・本商品は無料のお試し版です。 ・利用可能な範囲や禁止事項は、同梱の「利用規約.txt」をご確認ください。 ・利用にはOBS StudioとYouTube Liveの配信環境が必要です。 ・個別の環境での動作を保証するものではありません。 ・設定方法は同梱の手順書をご確認ください。