【配信】ロワーサード テロップ帯 OBS用デザインパック 20種 ─ 手動で次へ送れる・10スロット保存・透過・登録不要
- ダウンロード商品¥ 500





名前・肩書き・SNS・話題の見出しを画面の下三分の一に出す「ロワーサード(テロップ帯)」を20デザインセットにしました。単一HTML・インストール不要・アカウント不要・オフライン動作。OBSのブラウザソースでそのまま背景透過で重ねられます。 タイマーで勝手に切り替わるのではなく、配信者が自分のタイミングで「次へ」送る使い方が主です。自動送りは秒数を指定したときだけ動きます。 ━━━━━━━━━━━━━━━━━━ ◆ できること ━━━━━━━━━━━━━━━━━━ ・手動で送る … 帯をクリック、または → / N / Space / PageDown で次へ。← / P / PageUp で前へ ・数字キー 1〜9・0 で、スロット1〜10へ直接切り替え ・H / Esc で表示・非表示(出入りのアニメーション付き)。R で今の内容をもう一度出し直し ・OBSの中では、ソースを右クリック →「対話」を開いて操作します ・自動送りは ?auto=8 のように秒数を付けたときだけ動きます(既定はオフ) ・送る順番を ?order=1,3,5 で指定できます。中身が空のスロットは自動で飛ばします ・10スロット保存 … 「名前/肩書き/SNS/見出し」の組を10通りまで保存 ゲスト紹介・話題の見出し・告知を先に入れておいて、本番は送るだけ ・保存した10スロットとロゴは20デザインで共通。デザインを変えても入れ直し不要 ・?key=abc を付けると保存先が分かれます(シーンごとに別の内容を出したいとき) ・操作パネル … ?mode=control を付けて開くと、帯の代わりに操作パネルが出ます 10スロットが一覧で並び、クリックで切り替え。前へ/表示・非表示/次へのボタン付き 表示用と操作用にブラウザソースを2つ置いて、同じ ?key= を付けると連動します (同じブラウザの保存領域を共有する仕組みです。Chrome で確認しています) ・ロゴ枠 … 20デザインすべてにロゴ枠が入っています。デザインを変えてもロゴが消えたり隠れたりしません(枠の大きさはデザインごとに少し違います) 文字(頭文字・記号)を入れるか、data:image/... 形式の画像を貼るか、off で消せます ・設定ボタン(⚙)… マウスを動かすと本体のすみに出ます。クリックで設定パネル 10スロットの内容/ロゴ/送りの順番/自動送り/配色/横位置/縦位置/大きさ/言語を変更 「保存して閉じる」でそのブラウザに保存(localStorage。ファイルは書き換わりません)。「リセット」で初期状態へ ⚙ はマウスを動かした時だけ出て、1.4秒動かさないと消えるので、配信画面には映りません ・配色はデザインごとに4種。横位置(左/中央/右)・縦位置(下/中央/上)・大きさ(0.5〜3倍)も変更可 ・日本語/English 切替対応(ブラウザ言語で自動判定、?lang= でも指定可) ━━━━━━━━━━━━━━━━━━ ◆ 収録デザイン(全20種) ━━━━━━━━━━━━━━━━━━ ・報道バー … 報道番組風の太い帯+下段に見出しストリップ ・ネオングラス … すりガラスのパネル+ネオンの縁を光が流れる ・eスポーツ … 斜めにカットした2枚組が左右から噛み合う ・ターミナル … 等幅フォントの端末風・左からタイプイン ・ミニマル … 細い縦線が伸びてから文字が出る ・ティッカー … 画面幅いっぱいの帯・見出しが右から流れ続ける ・ポラロイド … 傾いた写真カードをマスキングテープで留めた紙もの ・リボン … 両端が折り返したリボン帯・横に開いて出る ・カプセル … 角丸カプセルが1段ずつ弾んで出る ・ブループリント … 方眼+破線枠+寸法線の青焼き図面風 ・グリッチ … RGBがずれるグリッチ演出+走査線 ・和紙 … 和紙の地に朱の縦帯・明朝体の和モダン ・漫画コマ … 太い黒枠+網点+吹き出しのしっぽ ・VHS … 走査線とトラッキングノイズ、点滅するREC ・グラデ波 … 色が流れるグラデーション帯・下辺で波が動く ・ホロタグ … ホロ箔が流れるIDタグ風・下辺を軸に起き上がる ・アーケード … ドット絵風の二重枠+点滅する▶カーソル ・ステージ … 暗幕にスポットライトが当たる舞台風・中央から開く ・カードスタック … 後ろに重なったカードが透けて見える・左右に入れ替わる ・チケット … 切り取り線とバーコードが付いたチケットタグ風 ━━━━━━━━━━━━━━━━━━ ◆ 使い方 ━━━━━━━━━━━━━━━━━━ ・OBS:ソース →「ブラウザ」→ ローカルファイルで .html を指定(背景は自動で透過) ・単体:ファイルをダブルクリックしてブラウザで表示 ━━━━━━━━━━━━━━━━━━ ◆ 補足 ━━━━━━━━━━━━━━━━━━ ・画像・動画素材・外部フォントを使わない「コード製」なので軽量。どの解像度でもにじみません ・文字は Windows / macOS に入っている書体を使います ・.html は1ファイルで完結。ネット接続は不要です ・Chrome 最新版で動作確認済み(Edge など Chromium系のブラウザは同じ描画エンジンです) ◆ こんな方に ・ゲスト紹介や話題の見出しを、自分のタイミングで出したい配信者 ・シーンごとに違う内容のテロップを出し分けたい方 ・イベント配信・ポッドキャスト・対談配信で、出演者の名前を切り替えながら出したい方 万が一素材に不備がありましたらメッセージまでお願いします。 不具合・ご要望は BOOTH のメッセージからどうぞ。





