====================================================== 配信中ずっと告知！ニュース風テロップオーバーレイ Ver.1 for OBS ====================================================== 告知やお知らせを、ニュース番組の下部テロップのように画面に流せるOBS用のオーバーレイです。 「チャンネル登録お願いします」「次回の配信は21時から」といった文章をいくつでも登録しておけば、 配信中はずっと自動で流れ続けます。毎回口で言わなくても、見ている人に伝わります。 わんコメなどの配信ツールは不要です。OBSのブラウザソースに読み込むだけで動きます。 【機能】 ・メッセージをいくつでも登録できます。1件ずつON／OFFできるので、その日流したいものだけ選べます ・並べ替え（▲▼）で流れる順番を変えられます ・流し方は3種類 　　① スクロール　　… 登録した全部をつなげて右から左へ流し続けます（ニュースティッカー） 　　② フェード　　　… 1件ずつ、ふわっと切り替わります 　　③ スロットロール… 1件ずつ、スロットのように縦に回転して切り替わります ・枠に収まらない長い文章は、自動で「先頭で止まる → 流れる → 末尾で止まる」で読ませてから次へ進みます ・短い文章の幅寄せ（左／中央／右）を選べます ・見出しラベル（「お知らせ」「NEWS」など）を枠の左右どちらかに固定表示できます ・アイコン画像を1枚設定できます。枠の左右どちらかに置け、スクロール中もずっと表示されます ・アイコンと見出しを同じ側にすると、アイコンが見出しの帯に重なるレイアウトになります ・ベースデザイン4種：報道ニュース風／かわいい丸／ネオン・ゲーミング／ミニマル半透明 ・質感4種：なし（フラット）／ネオン発光／エンボス（凹凸）／ドロップシャドウ 　　ベースと質感は別々に選べるので、組み合わせは自由です ・色は「枠・文字・ラベル帯・ラベル文字・発光色・枠線」を個別に設定できます ・背景の濃さ、角丸、枠線の太さも調整できます ・マイプリセット：今の見た目に名前をつけて保存し、ワンクリックで呼び出せます ・フォントはプリセット5種のほか、フォント名を直接入力しても指定できます ・本文と見出しの文字サイズは別々に設定できます。太さは標準／太字／極太 ・テロップはドラッグで移動、右下の角をドラッグでサイズ変更。スライダーと数値入力でも調整できます ・設定を変えてもテロップは流れたままその場で反映されます（最初からやり直しになりません） ・カスタムカラーピッカー内蔵（プリセット／HSV／HEX対応） ・設定のバックアップ・引き継ぎ（設定をテキストで出力／読み込み） ・設定は自動保存。OBSを再起動しても残ります 【必要なもの】 ・OBS Studio（バージョン28以降を推奨） ・（わんコメなどの配信ツールは不要です） 【インストール方法】 1. ZIPファイルを解凍して、フォルダごと好きな場所に置いてください。 2. OBSの「ソース」の＋ボタンから「ブラウザ」を追加します。 3. 「ローカルファイル」にチェックを入れ、「参照」から 　 「ニュース風テロップオーバーレイ.html」を選びます。 4. 幅・高さを、配信の画面サイズに合わせます（1920×1080 推奨）。 5. 「OK」で完了です。背景は透過されるので、テロップだけが画面に乗ります。 ※ ファイルを移動・削除するとOBSから読めなくなります。置き場所を決めてから登録してください。 【設定パネルの開き方】 画面上で右クリック1回で設定パネルが開きます。もう一度右クリックで閉じます。 上のヘッダー部分をドラッグするとパネルを移動、右下の三角をドラッグするとサイズを変更できます。 見出しをクリックすると、そのセクションが開閉します。 ※ OBSに入れたあとは、ソースを右クリック →「対話」を選ぶと操作ウィンドウが開きます。 　 設定は、その「対話」ウィンドウ内で行ってください。 【メッセージの入力について（重要）】 OBSの「対話」ウィンドウでは、日本語入力（IME）が使用できません。これはOBS側の仕様です。 メッセージの文章は、メモ帳などで書いてからコピーし、 入力欄に貼り付け（Ctrl+V）してください。英数字はそのまま入力できます。 【設定パネル：各セクション】 ■ メッセージ管理 ・＋ メッセージを追加 … 何件でも追加できます ・各メッセージのON／OFF、▲▼での並べ替え、削除 ・本文の入力欄（複数行入力可） ■ 表示モード・速度 ・モード … スクロール／フェード／スロットロール ・文字の幅寄せ … 左寄せ／中央／右寄せ（スクロール時は使いません） ・静止・停止の秒（1〜20秒）… 短い文の表示時間、長い文の「先頭・末尾で止まる」時間 ・スクロール速度（20〜240）… 数字が大きいほど速く流れます ・区切り文字 … スクロール時に、メッセージとメッセージの間に入れる文字（例：●／｜／★） ■ アイコン画像 ・アイコン表示のON／OFF ・画像を選ぶ … ファイル選択、または枠へのドラッグ＆ドロップ ・表示位置 … 左／右 ・丸さ（0〜50）… 50で真円、0で四角 ■ 見出しラベル ・ラベル表示のON／OFF ・文字 … 「お知らせ」「NEWS」など ・表示位置 … 左／右 ・帯の濃さ（0〜100）… 0で背景なし（文字だけ） ■ デザイン・色 ・ベースデザイン … 報道ニュース風／かわいい丸／ネオン・ゲーミング／ミニマル半透明 ・質感 … なし（フラット）／ネオン発光／エンボス（凹凸）／ドロップシャドウ ・枠の色／文字／ラベル帯／ラベル文字 ・発光色 … 質感が「ネオン発光」のときだけ表示されます ・枠線（外側）の色と太さ（0〜20・0で非表示） ・背景の濃さ（0〜100）／角丸（0〜60） ・マイプリセット … 名前をつけて保存。名前をクリックで呼び出し、×で削除 ■ フォント ・書体 … BIZ UDPGothic／メイリオ／游ゴシック／丸ゴシック系／Impact（英数太） ・自分の書体 … PCに入っているフォント名を直接入力すると、そちらが優先されます ・本文サイズ（20〜120）／見出しサイズ（12〜90） ・太さ … 標準／太字／極太 ■ 位置・サイズ ・位置を中央に戻す ・横位置X・縦位置Y・幅W・高さH … スライダー、－＋ボタン、数値入力で調整 　（テロップ本体を直接ドラッグしても動きます。右下の角にカーソルを合わせるとサイズ変更できます） ■ 設定のバックアップ・引き継ぎ ・設定を出力／クリップボードにコピー／読み込み実行 ■ パネル・その他 ・パネル文字（14〜56）… この設定パネル自体の文字の大きさ ・全設定を初期状態に戻す 【表示モードの使い分け】 ・スクロール　　　… 登録した全メッセージを区切り文字でつなげて、右から左へ延々と流します。 　　　　　　　　　　常に何かが流れている、テレビのニュースティッカーの動きです。 ・フェード　　　　… 1件ずつ表示して、時間が経つとふわっと消えて次のメッセージに変わります。 ・スロットロール… 1件ずつ表示して、スロットのように縦に回転して次のメッセージに変わります。 フェードとスロットロールでは、枠に収まらない長い文章は自動でスクロール表示になります。 「先頭で止まる → 流れる → 末尾で止まる → 次へ」の順で動くので、長文でも読み切れます。 止まっている時間は「静止・停止の秒」で調整できます。 【設定のバックアップ・引き継ぎについて】 設定は自動で保存されるため、通常は何もしなくても引き継がれます。 フォルダを別の場所に移したときや、バージョンアップ版に入れ替えたときも、設定はそのまま引き継がれます。 ただし、次のような場合は設定が引き継がれません。バックアップをおすすめします。 ・別のPCに移すとき ・OBSやブラウザのキャッシュを削除したとき ・OBSとは別のブラウザで開いたとき（保存先が分かれます） ■ バックアップの方法 1. 設定パネルの「設定のバックアップ・引き継ぎ」を開き、「設定を出力」を押します。 2. 表示されたテキストを「クリップボードにコピー」でコピーし、メモ帳などに貼り付けて保存します。 ■ 復元・引き継ぎの方法 1. 同じ場所のテキスト欄に、保存しておいたテキストを貼り付け（Ctrl+V）ます。 2. 「読み込み実行」を押すと設定が復元され、画面が更新されます。 ※ 設定したアイコン画像も一緒に保存されるため、出力されるテキストは長くなることがあります。 【更新履歴】 Ver.1 … 初版 【注意事項】 ・OBS Studio のブラウザソースで動かすことを想定して作られています。 ・OBS Browser Source 上では日本語入力（IME）が使用できません。 　メッセージの文章はコピー＆ペースト（Ctrl+V）で貼り付けてください。 ・アイコン画像は同梱していません。お手持ちの素材をお使いください。 ・「自分の書体」で指定できるのは、そのPCにインストールされているフォントだけです。 　視聴者側に配信されるのは映像なので、視聴者のPCにフォントが無くても表示は変わりません。 ・設定は、お使いのPCの中にだけ保存されます。 【ライセンス・利用規約】 別紙「利用規約.txt」をご確認ください。 【不具合について】 不具合等があった場合はBoothの連絡機能にてお知らせください。 【その他】 追加してほしい機能や、ほかに作ってほしいソフトなどがありましたら、 Boothの連絡機能にてご連絡をお待ちしております！ ====================================================== 作者：望月シュン X (Twitter) : https://x.com/mochi_love_v YouTube : https://www.youtube.com/@mochi_love_V BOOTH : https://mochizuki-happy.booth.pm/（望月ハッピー工房） ======================================================