メッセージアプリ風カスタムふきだしコメント

——————————————————————

メッセージアプリ風 カスタムふきだしコメント

——————————————————————

Twitch配信画面に表示するコメント欄を、メッセージアプリ風のふきだしデザインに変更できるカスタムウィジェットです。

左右交互に表示されるふきだしで、配信画面に会話感とかわいさをプラスできます。

コメント本文だけを表示するシンプルなデザインなので、既存の配信画面やチャット枠にも重ねやすく、画面の雰囲気を崩さずに使いやすい仕様です。

配信画面の雰囲気づくりに、ぜひご活用ください。

特徴

・メッセージアプリ風の左右ふきだしコメント

・ユーザー名非表示で、コメント本文のみ表示

・スタンプ表示対応

・チアー / Bits 表示対応

・配信画面に重ねやすい透明背景

・StreamElementsのCustom Widgetとして使用可能

・OBSのブラウザソースで表示可能

・コメント最大表示件数を変更可能

・色やサイズのカスタマイズ可能

内容物

以下のファイルが入っています。

・HTML.txt

・CSS.txt

・JS.txt

・導入方法.txt

・利用規約.txt

対応環境

・Twitch配信

・OBS Studio

・StreamElements Custom Widget

本商品は、StreamElementsのCustom WidgetにHTML / CSS / JSを貼り付けて使用するタイプのカスタムコメント表示です。

通常のChat BoxのCustom CSS欄に貼るだけの商品ではありませんので、ご注意ください。

導入方法

①StreamElementsにログイン

②Overlaysから新規オーバーレイを作成

③Custom Widgetを追加

④HTML / CSS / JSの各欄に、同梱テキストの内容をコピー＆ペースト

⑤保存後、オーバーレイURLをコピー

⑥OBSのブラウザソースにURLを貼り付け

⑦位置・サイズをお好みで調整

詳しい手順は、同梱の「導入方法.txt」をご確認ください。

カスタマイズについて

CSS内のカラーコードを変更することで、ふきだしの色や文字色を変更できます。

また、JS内の MAX_MESSAGES の数字を変更することで、最大表示件数を調整できます。

例：

const MAX_MESSAGES = 10;

数字を大きくすると表示件数を増やせますが、チャット枠のサイズによっては画面からはみ出す場合があります。

ご自身の配信画面に合わせて調整してください。

注意事項

・導入にはStreamElementsとOBS Studioの基本操作が必要です。

・環境やStreamElements側の仕様変更により、表示が変わる場合があります。

・すべての外部スタンプ、拡張エモートの表示を保証するものではありません。

・Twitch公式エモート、通常コメント、チアー表示を想定して制作しています。

・個別環境での細かなカスタマイズ代行は商品内容に含まれません。

・購入後の返金対応はできませんので、内容をご確認のうえご購入ください。

利用規約

【OK】

・個人利用

・収益化済み配信での使用

・配信画面に合わせた色やサイズの変更

・ご自身の配信活動、動画、SNS投稿での使用

【NG】

・自作発言

・再配布

・再販売

・購入者以外への共有

・素材やコードの一部または全部を使用した類似商品の販売

・公序良俗に反する活動での使用

著作権は放棄していません。

クレジット表記について

クレジット表記は任意です。

表記していただける場合は、以下のアカウントを記載していただけると嬉しいです。

https://x.com/maru309jp

こんな方におすすめ

・配信画面のコメント欄をかわいくしたい方

・メッセージアプリ風のチャット表示にしたい方

・既存のオーバーレイに馴染むコメント欄を探している方

・ユーザー名なしのシンプルなコメント表示を使いたい方

・Twitch配信画面に統一感を出したい方