配信画面のすみに置きっぱなしにして、自分のリンクやIDを案内する帯です。「＠ / ID / @your_id」「★ / メンバー / 募集中です」のような案内を書いておくと、数秒ごとに1件ずつ順に切り替えて出します。全部を1列に並べたままにもできます。同じ機能のまま、見た目だけ違うものを12デザインそろえました。 背景は透過です。帯の下だけ色が乗るので、ゲーム画面や待機画面の上にそのまま置けます。 ■ ロゴは入っていません（先にお読みください） 実在のサービスのロゴ・名前・ブランド色は一切入っていません。記号の欄には、文字や記号をご自身で入れてお使いください（頭文字1〜2文字、または ● ▶ ♪ ★ ✉ ■ などの記号）。記号は先頭の1〜2文字だけを使うので、長く書いても帯は崩れません。 動画ファイルではありません。その場で描いているので、容量はごくわずかで、ループの継ぎ目もありません。文字はHTMLの文字なので、どんな大きさでもにじみません。 単一HTML・インストール不要・アカウント不要・オフライン動作。OBSのブラウザソースに入れるだけ。日本語／English 切替対応。 ━━━━━━━━━━━━━━━━━━ ◆ 収録している12デザイン ━━━━━━━━━━━━━━━━━━ ・pill.html … 丸い帯（角を完全に丸めた1本。いちばん素直な形） ・tag.html … 荷札（左が尖った札。ひもを通す穴つき） ・minimal.html … 極細（下地はごく薄く。左の縦線と下の細い罫だけ） ・neon.html … 発光（ふちも記号も文字も光る。たまにチカッと瞬く） ・terminal.html … CLI風（等幅。$ のプロンプトと点滅する四角いカーソル） ・pixel.html … ドット絵（角ばった二重の枠。記号の箱も四角） ・paper.html … 紙のラベル（明朝。左上にテープで留めてある） ・ribbon.html … リボン（両端を燕尾に切った帯） ・glass.html … すりガラス（半透明の札に光の帯） ・badge.html … バッジ（1件ずつが縁で囲った記章。並べると記章が並ぶ） ・marquee.html … 電球の枠（ふちの電球が順に流れて光る） ・card.html … 角丸カード（左端に差し色の帯を立てた素直なカード） ━━━━━━━━━━━━━━━━━━ ◆ 案内の書きかた ━━━━━━━━━━━━━━━━━━ ⚙の「案内」の欄に、1行に1件書きます。件数に上限はありません。1件は「/」で3つに分けます。 　記号 / 見出し / 中身 　＠ / ID / @your_id 　▶ / どうが / くわしくは概要欄へ 　★ / メンバー / 募集中です ・いちばん「うしろ」が大きい行、真ん中が小さい見出し、先頭が記号の箱です ・「/」は少なくても構いません（「＠ / @your_id」なら記号と中身、「@your_id」なら中身だけ） ・初期状態では ID／どうが／メンバー／おたより／お品書き の5件が入っています。欄を空にして保存すると、この5件に戻ります ・帯に入りきらない長い文字は、末尾が「…」で省略されます ━━━━━━━━━━━━━━━━━━ ◆ 切り替えかた・並べかた ━━━━━━━━━━━━━━━━━━ ⚙の「何秒ごとに切り替えるか」と「出しかた」の2つで決めます。 ・1件ずつ出す（初期）＋ 6秒 … 6秒ごとに1件ずつ、スッと入れ替わります ・1件ずつ出す ＋ 0秒 … 切り替えをやめて、全部を1列に並べます ・全部を1列に並べる ＋ 6秒 … 並べたまま、いま案内している1件だけが明るくなります ・全部を1列に並べる ＋ 0秒 … 並べたまま、動きなし 「1件ずつ出す」のとき、帯の幅は「いちばん長い案内」に合わせて固定されます。切り替わっても帯の幅が動かないので、画面のすみに置いても位置がずれません。切り替えの動きは、うすく浮き上がるだけの控えめなものです。 ━━━━━━━━━━━━━━━━━━ ◆ 設定ボタン（⚙） ━━━━━━━━━━━━━━━━━━ 案内も、色も、置く場所も、URLを書き換えずに設定できます。 1. ソース一覧のこの帯を右クリック →「対話」を選ぶ 2. 画面にマウスを乗せると、右上に ⚙ が出ます（出ないときは S キー） 3. 変更して「保存して閉じる」 ・普段 ⚙ は見えないので、配信画面には映りません ・設定は保存され、OBSを再起動しても残ります。「設定を初期化」で購入時の状態に戻せます ・?key=a ?key=b を付けると、同じデザインでもシーンごとに別の案内にできます ※ 設定の保存先はブラウザごとに別々です。Chromeで開いて設定してもOBS側には反映されません。OBSで使うぶんは、必ずOBSの「対話」画面の中で設定してください。 ━━━━━━━━━━━━━━━━━━ ◆ 12デザインすべてに共通の設定 ━━━━━━━━━━━━━━━━━━ ・?items=＠ / ID / @your_id|★ / メンバー / 募集中です … 案内の一覧（1件1行。| でも改行でも区切れる） ・?rotate=6 … 何秒ごとに切り替えるか（0〜600。初期6。0＝切り替えず全部並べる） ・?first=3 … 何件目から始めるか（1〜99。初期1） ・?layout=row … 全部を1列に並べる（初期は one ＝1件ずつ） ・?label=リンク … 左の見出し（空にすると消えます） ・?sym=off … 記号の箱を出さない（初期は出す） ・?theme=cyan … 配色（デザインごとに3〜4色） ・?color= / ?accent= / ?bgcolor= … 色を自分で指定（#は不要） ・?pos=br … 画面のどこに置くか（tl / tc / tr / ml / mc / mr / bl / bc / br。初期は bl ＝左下） ・?scale=1.4 … 大きさ（0.3〜4）／?alpha=40 … 帯の下地の濃さ（0〜100） ・?anim=off … 動きを止める（入れ替わりの動き・電球・カーソルの点滅） ・?lang=en … 英語表示 ／ ?mode=stream … ⚙を完全に出さない ／ ?key=a … 保存先を分ける ━━━━━━━━━━━━━━━━━━ ◆ OBSへの入れ方 ━━━━━━━━━━━━━━━━━━ 1. ソース →「＋」→「ブラウザ」 2.「ローカルファイル」にチェック → 使いたい .html を選ぶ 3. 幅・高さは配信画面と同じ大きさ（例: 1920 x 1080）を入れる 4. ソース一覧でいちばん上（＝いちばん手前）に置く ━━━━━━━━━━━━━━━━━━ ◆ ご注意 ━━━━━━━━━━━━━━━━━━ ・効果音はありません（表示のみです） ・実在のサービスのロゴ・アイコンは入っていません。記号の欄はご自身で文字や記号を入れてお使いください ・リンクを押せる機能はありません（配信画面に映すための表示です） ・フォロワー数などの数字を自動で取ってくる機能はありません ・視聴者コメントの集計や、外部アプリ・APIとの連携機能はありません ・記号は先頭1〜2文字だけを使います（3文字目からは出ません） ━━━━━━━━━━━━━━━━━━ ◆ 特長 ━━━━━━━━━━━━━━━━━━ ・文字はHTMLの文字、飾りだけキャンバス。どの解像度でもにじみません ・外部への通信は一切ありません（ネット接続不要・Webフォントなし） ・何件目を出すかは「その時刻から計算している」だけなので、長時間つけっぱなしでもメモリが増えません ・動画ではないので容量はごくわずかで、ループの継ぎ目もありません ・Chrome／Edge で動作確認済み ・配信可・商用利用可（同梱の利用規約参照） ◆ こんな方に ・自分のIDやお知らせを、毎回画像で作り直している方 ・画面のすみに常設できる、静かで小さい案内がほしい方 ・実在サービスのロゴを使わずに、自分の記号で案内を出したい方 万が一素材に不備がありましたらメッセージまでお願いします。 不具合・ご要望は BOOTH のメッセージからどうぞ。