カセットテープをモチーフにした、わんコメ / OBS対応のコメント吹き出しHTMLテンプレートです。 レトロなカセットテープのラベル部分に、配信コメントが表示されるデザインになっています。 左右のリールやテープ窓、ラベルシール風のコメント欄、下部のカラーバーなどを組み合わせ、80〜90年代の音楽・ラジオ・レトロポップな雰囲気に仕上げました。 雑談配信、作業配信、歌枠、音楽配信、レトロゲーム配信などに合わせやすいコメント演出素材です。 コメントは下から上へ流れるように表示され、本文は一文字ずつ表示されます。 Twitchスタンプなどの画像付きコメントにも対応しています。 主な特徴 わんコメ対応 OBSブラウザソース対応 HTML / CSS / JavaScript形式 背景透明、吹き出しのみ表示 カセットテープ風のコメントデザイン ラベルシール部分に名前とコメントを表示 左右のリールが回転するアニメーション付き レトロポップなカラーバー装飾 コメントが下から上へ流れる表示 一文字ずつ表示される文字送り演出 Twitchスタンプ表示対応 editor_schema.json 同梱 見た目確認用の obs_demo 付き 実配信用テンプレートとデモを分離 こんな配信におすすめ 雑談配信 作業配信 歌枠 音楽配信 ラジオ風配信 レトロゲーム配信 80年代・90年代風の配信画面 ポップで楽しい雰囲気の配信 Vtuber配信 配信画面にレトロ感を足したい方 使用方法 ZIPファイルを解凍します。 OBSでブラウザソースを追加します。 ローカルファイルとして、以下のHTMLを指定してください。 onecomme_template/cassette_tape_comment_bubble/index.html わんコメを起動します。 コメントテスター、または実際のコメントで表示を確認してください。 見た目だけ確認したい場合は、以下をブラウザで開いてください。 obs_demo/index.html ※ obs_demo/index.html は見た目確認専用です。 実配信やコメントテスター確認には、必ず onecomme_template/cassette_tape_comment_bubble/index.html を使用してください。 内容物 README_FIRST.txt docs/troubleshooting.txt obs_demo onecomme_template/cassette_tape_comment_bubble editor_schema.json template.json 注意事項 本商品は、わんコメ / OBS向けのHTMLテンプレートです。 背景画像や配信画面そのものは含まれていません。 OBSのブラウザソースでローカルHTMLを読み込んで使用してください。 環境によって見え方が多少異なる場合があります。 表示されない場合は、OBSブラウザソースのキャッシュ更新、またはブラウザソースの再追加をお試しください。 Twitchスタンプなどの画像は、コメント本文内の安全な画像URLのみ表示されます。