[26/06/06更新]VCT_InfoHUD V1 - OBS向け配信情報HUD(わんコメカスタムテンプレ)
- Digital0 JPY
![[26/06/06更新]VCT_InfoHUD V1 - OBS向け配信情報HUD(わんコメカスタムテンプレ)](https://booth.pximg.net/a74efd46-e24f-4121-9745-f8895b7130b4/i/8416900/ea99aed9-639f-435e-aec6-bbf9a5f4c635_base_resized.jpg)
![[26/06/06更新]VCT_InfoHUD V1 - OBS向け配信情報HUD(わんコメカスタムテンプレ)](https://booth.pximg.net/a74efd46-e24f-4121-9745-f8895b7130b4/i/8416900/8f4ec74a-1e87-4269-b786-582400365466_base_resized.jpg)
![[26/06/06更新]VCT_InfoHUD V1 - OBS向け配信情報HUD(わんコメカスタムテンプレ)](https://booth.pximg.net/a74efd46-e24f-4121-9745-f8895b7130b4/i/8416900/83c2c7ea-1ec5-4690-a380-32d4112b9c70_base_resized.jpg)
![[26/06/06更新]VCT_InfoHUD V1 - OBS向け配信情報HUD(わんコメカスタムテンプレ)](https://booth.pximg.net/a74efd46-e24f-4121-9745-f8895b7130b4/i/8416900/ff1af5e4-8e30-43b8-88f4-50a53a6d993f_base_resized.jpg)
![[26/06/06更新]VCT_InfoHUD V1 - OBS向け配信情報HUD(わんコメカスタムテンプレ)](https://booth.pximg.net/a74efd46-e24f-4121-9745-f8895b7130b4/i/8416900/4d210be8-50d7-4ac3-99b0-40a43403058e_base_resized.jpg)
![[26/06/06更新]VCT_InfoHUD V1 - OBS向け配信情報HUD(わんコメカスタムテンプレ)](https://booth.pximg.net/a74efd46-e24f-4121-9745-f8895b7130b4/i/8416900/98eca5ab-2d64-4bb7-9493-e5455c99d033_base_resized.jpg)
![[26/06/06更新]VCT_InfoHUD V1 - OBS向け配信情報HUD(わんコメカスタムテンプレ)](https://booth.pximg.net/a74efd46-e24f-4121-9745-f8895b7130b4/i/8416900/736d0806-26ed-43e9-a403-06a63227e236_base_resized.jpg)
![[26/06/06更新]VCT_InfoHUD V1 - OBS向け配信情報HUD(わんコメカスタムテンプレ)](https://booth.pximg.net/a74efd46-e24f-4121-9745-f8895b7130b4/i/8416900/840f8e2f-1f4c-4edc-ae5d-284a3ba620ce_base_resized.jpg)
![[26/06/06更新]VCT_InfoHUD V1 - OBS向け配信情報HUD(わんコメカスタムテンプレ)](https://booth.pximg.net/a74efd46-e24f-4121-9745-f8895b7130b4/i/8416900/43f1131d-dfad-4715-aabd-c72ed562483f_base_resized.jpg)
概要 VCT_InfoHUD V1 は、 OBS Studio と わんコメ向けに設計された 「配信情報HUD」タイプのカスタムテンプレートです。 従来の大型コメントビューアではなく、 配信画面下部へ コメントログ 同接 高評価 INFO表示 を整理して統合する、 “配信HUD” コンセプトのテンプレートです。 コメントを全文読ませることよりも、 「ライブ感」「空気感」「情報整理」を重視しています。 主な特徴 OBS向け 1920x1080 固定HUD設計 下部帯型の情報HUD コメントログ表示 同接・高評価表示 INFOエリア搭載 CSSベースの軽量フレーム 半透明HUDデザイン カスタマイズUI搭載 localStorage保存対応 テストコメント機能 OBSクロップ前提設計 vct_one_core.js 同梱 コメント表示について VCT_InfoHUD は、 一般的な「全文を読むコメントビューア」ではなく、 「配信内の空気感・反応・流れを表示するHUD」 として設計されています。 そのため、 配信画面の邪魔をしにくい、 コンパクトなログ型表示を採用しています。 INFOエリアについて INFO欄には、 配信告知 ハッシュタグ 注意文 スケジュール などを表示可能です。 また、OBS側で画像・スライドショー等を重ねることで、 自由な告知演出にも対応できます。 OBSでの利用について 本テンプレートは OBS Browser Source 用に設計されています。 設定UIとHUD表示部が同居した構成になっており、 OBS側のクロップ機能を利用してHUD部分のみを表示して使用します。 動作環境 OBS Studio わんコメ Browser Source 有効環境 推奨解像度:1920x1080 ライセンス MIT License 改変・再配布・商用利用可能。 開発メモ 本テンプレートは、 「コメントビューアをもっと配信画面へ自然に馴染ませたい」 というコンセプトから開発されました。 大型コメント欄ではなく、 配信HUDとして情報を整理する方向性を目指しています。
更新履歴(26/06/06)
v0.9.7-dev - HUD本体背景に単色/2色グラデーション切り替えを追加 - グラデーション2色目と角度を設定UI/config.jsから変更可能 - デフォルトは従来通り単色表示 - 多色、虹グラデーション、アニメーション背景は対象外 v0.9.6-dev - INFOギフトカードの表示内容カスタマイズを追加 - 種別ラベル、ユーザー名、本文、画像、画像あり時の本文表示を設定UIとconfig.jsから切り替え可能 - 初期値は従来通り、画像がある場合は画像を優先し本文を抑制 v0.9.5-dev - イベント本文表示の全体ON/OFFと種別別ON/OFFを追加 - スーパーチャット、スーパーステッカー、メンバーシップ継続、メンバーシップ加入、メンギフ送信、メンギフ受取の本文表示を個別に切り替え可能 - メンギフ受取本文は初期OFF、config.jsまたは設定UIからONに変更可能 v0.9.4-dev - 同梱 vct_one_core.js を v1.2.1 に更新 - parseStructured().event を優先し、支援/メンバーシップ/メンギフ受取の分類をSDK側の正規化に追従 - 本文が空で speechText のみに内容が入るイベントの補完に対応 - メンギフ送信はギフトカード対象を維持し、メンギフ受取は本文とギフトカードを抑制 - Super Sticker のギフトカードでALT/読み上げ文ではなく画像を表示するよう修正 dev-v0.9.3 - 文字色カスタマイズと情報文タブUI整理を含む公開準備版 - Claudeレビュー指摘に基づき、タイマー管理、ギフトカード設定参照、支援バッジ表示順、設定UIの不要キー混入を修正 - INFO文は表示幅を超えた場合、自動折り返しされる仕様として整理 - 配布フォルダ内に SPEC.md と LICENSE を追加 dev-v0.9.2 - メタエリアに「上部空きスロット」と「2x2スロット」レイアウトを追加 - ギフトカードのINFOエリア一時表示を追加 - ギフトカードは初期OFF、表示対象は giftreceived を除く支援系コメント - メタ項目名、メタ数値、通常ログ文字、INFO文字の色設定を追加 - 情報文タブの入力欄と設定項目の配置を整理 - READMEと仕様書にOBS側で重ねる空きスロット運用を追記 dev-v0.9.1 - vct_one_core.js の parseStructured 優先利用に移行 - メンバーシップギフト、ギフト受取、マイルストーンチャットの表示を調整 - チャンネルオーナーコメントに OWNER バッジを追加 - YouTubeスタンプ/画像絵文字のインライン表示を調整 dev-v0.9.0 - 初期dev公開候補 - 下部固定HUD、コメントログ、同接/高評価、INFOテキストローテーションを実装 - localStorage/config.js/内蔵初期設定の読込順と設定UIを実装
VCT_CLOCK_V1
簡易時刻表示gadget VCT_InfoHUDと合わせてお使いください。 カスタマイズクロックなので単体使用も可能です ライセンス MIT ライセンス 個人・法人、商用非商用問わず自由にお使い頂けます








