【わんコメ対応】チャットアプリ風コメント吹き出しテンプレート|OBS配信用HTMLオーバーレイ
- Digital900 JPY

商品概要: スマホのチャットアプリやメッセンジャー画面をモチーフにした、配信用コメント吹き出しテンプレートです。 OBSのブラウザソースに読み込んで使用できるHTMLテンプレートで、わんコメのコメントテスターや実コメントに対応しています。 アイコン付きのメッセージカード、入力中ドット、既読/送信済み風の表示、文字が一文字ずつ入力されていくタイプ演出を入れ、雑談配信や日常系の配信画面に合わせやすいデザインにしています。 親しみやすく、明るく、使いやすいコメント表示にしたい方におすすめです。 商品説明文: チャットアプリ・メッセンジャー画面をイメージした、配信用コメント吹き出しHTMLテンプレートです。 わんコメとOBSでの使用を想定しており、コメントテスターや実コメントを受信すると、配信画面上にチャットアプリ風のコメント吹き出しとして表示されます。 デザインは、ユーザーアイコン、メッセージカード、入力中ドット、既読/送信済み風の表示を組み合わせた、スマホチャットのような親しみやすい雰囲気です。 コメント本文は一文字ずつ表示されるため、実際にメッセージが入力されているような演出を楽しめます。 背景は含まれておらず、吹き出しのみが表示されるため、OBS上でゲーム画面や配信レイアウトに重ねて使いやすい構成です。 コメントは画面下から追加され、既存コメントが上へ流れるように表示されます。 雑談配信、作業配信、日常系配信、かわいい雰囲気の配信画面、スマホ風・SNS風のレイアウトにおすすめです。 主な特徴: ・わんコメ対応 ・OBSブラウザソース対応 ・HTML / CSS / JavaScript 形式 ・コメントテスター対応 ・実コメント表示対応 ・背景なし、吹き出しのみ ・下から上へ流れるコメント表示 ・チャットアプリ風デザイン ・入力中ドット演出 ・既読 / 送信済み風表示 ・文字が一文字ずつ表示されるタイプ演出 ・雑談配信、作業配信、日常系配信におすすめ 内容物: ・onecomme_template フォルダ わんコメ・OBSで使用する実テンプレートです。 実配信やコメントテスター確認には、こちらの index.html を使用してください。 ・obs_demo フォルダ 見た目確認用のデモページです。 サンプルコメントが表示されます。 ・README_FIRST.txt 基本的な使い方や注意事項を記載しています。 ・docs / troubleshooting.txt コメントが表示されない場合の確認事項を記載しています。 ・template.json わんコメ用テンプレート情報です。 使い方: 1. ZIPファイルを解凍します。 2. わんコメを起動します。 3. OBSでブラウザソースを追加します。 4. ローカルファイルとして onecomme_template/index.html を指定します。 5. わんコメのコメントテスター、または実コメントで表示を確認してください。 重要: 実配信やコメントテスター確認には、必ず以下を使用してください。 onecomme_template/index.html obs_demo/index.html は見た目確認用のデモページです。 実配信やコメントテスター確認には使用しないでください。 OBSでコメントが表示されない場合: ・わんコメが起動しているか確認してください。 ・OBSブラウザソースで onecomme_template/index.html を指定しているか確認してください。 ・OBSブラウザソースの「現在のページのキャッシュを更新」を実行してください。 ・改善しない場合は、ブラウザソースを一度削除して再追加してください。 ・obs_demo/index.html を指定していないか確認してください。 利用規約: ・個人利用OK ・配信、動画、スクリーンショット等での使用OK ・色や文字サイズなど、利用者自身による軽微なカスタマイズOK 禁止事項: ・素材データそのものの再配布、販売 ・改変後データの再配布、販売 ・自作発言 ・公序良俗に反する用途での使用 クレジット表記: 任意です。 表記していただける場合は「たっくん」と記載してください。
