チャットアプリの会話欄をイメージした、 シンプルで読みやすいコメント吹き出しテンプレートです。 コメントが左右に分かれて表示されることで、 まるで配信画面の中で会話しているような、 自然なチャット感を演出できます。 白・緑を基調にした、 見やすく柔らかい配色で、 雑談配信・ゲーム配信・作業配信など、 幅広い配信ジャンルに合わせやすいデザインにしました。 背景透過仕様なので、 OBSへそのまま自然に重ねて使用できます。 ロゴや固有名は入れず、 「チャットアプリ風」の雰囲気だけを取り入れた、 配信用に使いやすいUIデザインです。 ━━━━━━━━━━━━━━━━━━ ■ 特徴 ━━━━━━━━━━━━━━━━━━ ・チャットアプリ風デザイン ・左右に分かれて会話風に表示 ・緑・白系の読みやすい吹き出し ・背景透過対応 ・わんコメ対応 ・OBS対応HTMLテンプレート ・小さな時刻表示付き ・右側コメントに既読風表示 ・下から上へ積み上がるコメント表示 ・一文字ずつ表示されるタイピング演出 ・Twitchスタンプ等の画像コメント対応 ・実配信用テンプレートとobs_demoを分離済み ━━━━━━━━━━━━━━━━━━ ■ 内容物 ━━━━━━━━━━━━━━━━━━ ・README_FIRST.txt ・docs/troubleshooting.txt ・obs_demo ・onecomme_template ・template.json ・editor_schema.json ━━━━━━━━━━━━━━━━━━ ■ 使用方法 ━━━━━━━━━━━━━━━━━━ OBSのブラウザソースへ、 以下のHTMLを指定してください。 onecomme_template/chat_app_comment_bubble/index.html ※ obs_demo/index.html は見た目確認専用です。 実配信には使用しないでください。 ━━━━━━━━━━━━━━━━━━ ■ カスタマイズ可能項目 ━━━━━━━━━━━━━━━━━━ ・コメント文字サイズ ・名前文字サイズ ・吹き出し背景色 ・文字色 ・表示幅 ・文字送り速度 ・最大表示件数 ・スタンプサイズ editor_schema.json に対応しています。 ━━━━━━━━━━━━━━━━━━ ■ 対応環境 ━━━━━━━━━━━━━━━━━━ ・OBS Studio ・わんコメ ・Windows環境推奨 ━━━━━━━━━━━━━━━━━━ ■ 注意事項 ━━━━━━━━━━━━━━━━━━ ・本商品はHTMLテンプレートです。 ・OBSおよびわんコメ本体は付属しません。 ・背景透過前提で制作しています。 ・obs_demo はSDKを読み込まない見た目確認用です。 ・実配信では onecomme_template 側を使用してください。 ・配信環境によって外部画像の取得制限が発生する場合があります。