====================================================== 貼るだけで読み上げが楽に！お題表示オーバーレイ Ver.1 for OBS ====================================================== マシュマロやお便り、コメントで集めたお題を、配信画面に「裏紙」として貼り出せるOBS用オーバーレイです。 コピーしてCtrl+Vで貼り付けるだけ。読み上げながら赤ペンで線を引いたり、自動スクロールで流したりできます。 背景は透過なので、配信画面には台紙と文字だけが乗ります。 わんコメなどの配信ツールは不要です。OBSのブラウザソースに読み込むだけで動きます。 【機能】 ・お題を貼るだけ：台紙をクリックして Ctrl+V で貼り付け（書式は消えてプレーンテキストになります） ・赤ペンで書き込み：読み上げる場所に線を引く・丸で囲む。色と太さは自由 ・線は文字にくっついて動く：スクロールしても、書いた線は文字と一緒に動きます（赤ペン先生方式） ・文字サイズを変えると線も同じ比率で拡大・縮小されます ・消しゴム：クリックで線を丸ごと消す／ドラッグで部分的に消す。大きさはペンと別に設定できます ・自動スクロール：長いお題をゆっくり流します。下まで行ったら先頭に戻ってループ ・スクロールの速度と、上下での停止時間を設定できます ・自分でホイールを回すと自動スクロールは止まります ・戻る／進む：文字の編集・ペン・削除のすべてに効きます（Ctrl+Z／Ctrl+Y） ・ペンだけの戻る／進むも別にあります ・台紙デザイン2種：メモ帳／枠付きウィンドウ（マシュマロ風） ・台紙の色・枠の色を自由に変更（カスタムカラーピッカー内蔵・HSV／HEX対応） ・フォント・文字サイズ・行間・文字色・左右中央ぞろえを設定可能 ・フォントはプリセット7種のほか、フォント名を直接入力しても指定できます ・台紙はドラッグで移動、右下をつまんでリサイズ ・カーソル表示：マウスの矢印を配信画面に映せます（どこを読んでいるか見せたいとき用） ・設定のバックアップ・引き継ぎ（設定をテキストで出力／読み込み） ・設定・お題の文章・ペンの書き込みは自動保存。OBSを再起動しても残ります 【必要なもの】 ・OBS Studio ・（配信ツールは不要です） 【インストール方法】 1. ZIPファイルを解凍して、フォルダごと好きな場所に置いてください。 2. OBSの「ソース」の＋ボタンから「ブラウザ」を追加します。 3. 「ローカルファイル」にチェックを入れ、「参照」から 　 「お題表示オーバーレイ.html」を選びます。 4. 幅・高さを、配信の画面サイズに合わせます（1920×1080 推奨）。 5. 「OK」で完了です。背景は透過されるので、台紙だけが画面に乗ります。 ※ ファイルを移動・削除するとOBSから読めなくなります。置き場所を決めてから登録してください。 【設定パネルの開き方】 画面上で右クリック1回で設定パネルが開きます。×ボタンで閉じます。 青いヘッダー部分をドラッグするとパネルを移動できます。 ※ OBSに入れたあとは、ソースを右クリック →「対話」を選ぶと操作ウィンドウが開きます。 　 貼り付け・書き込み・設定は、その「対話」ウィンドウ内で行ってください。 【お題の貼り付け方】 1. マシュマロやコメントなどからお題の文章をコピーします（Ctrl+C）。 2. 台紙の文字が入る部分をクリックします。 3. Ctrl+V で貼り付けます。 ・文字の色やサイズなどの書式は消えて、プレーンテキストとして貼り付きます。 ・貼り付けたあとに、その場で文字を打って直すこともできます。 ・台紙は上の帯をドラッグして移動、右下の三角をドラッグしてリサイズできます。 ・文章が台紙に収まりきらないときは、ホイールでスクロールできます。 ※ OBS Browser Source 上では日本語入力（IME）が使用できません。 　 貼り付け（Ctrl+V）は使えるので、日本語の文章はコピー＆ペーストで入れてください。 【ペン・消しゴムの使い方】 設定パネルの「ペン」から選びます。 ・ペン … 台紙の上をドラッグすると線が引けます。読む場所に線を引いたり、丸で囲んだり ・消しゴム … クリックすると、触れた線が丸ごと消えます 　　　　　　 ドラッグすると、消しゴムの大きさのぶんだけ部分的に消えます ・ペンの太さ（1〜40）とペン色、消しゴムの大きさ（4〜120）は、それぞれ別に設定できます ・消しゴムを選ぶと、パネルの表示が消しゴムの大きさに切り替わります ・ペン・消しゴムを選んでいる間もホイールで文章をスクロールできます ・書いた線は文字に紐づいています。スクロールしても文字と一緒に動きます ・もう一度同じボタンを押すと、ペン／消しゴムが解除されて文字の編集に戻ります 【自動スクロールについて】 設定パネルの「自動スクロール」から使います。 ・「自動スクロール」ボタンでON／OFF ・速度（5〜300）… 大きいほど速く流れます ・停止時間（0〜60秒）… 一番下まで行ったら指定の秒数とまり、先頭に戻ってからも同じ秒数とまって再開します 　（0秒にすると止まらずに連続でループします） ・自分でホイールを回すと自動スクロールは止まります ・ONのままOBSを閉じても、次に開いたときにONの状態から再開します 【設定パネル：各セクション（右クリック1回）】 見出しをクリックすると開閉します。 ■ 上部のボタン（常に表示） ・全削除：お題の文章とペンの書き込みを両方消します ・文字を全削除：お題の文章だけを消します ・ペン全削除：ペンの書き込みだけを消します ・カーソル表示：マウスの矢印を画面に表示します（ON／OFF） ・戻る／進む：文字・ペン・削除のすべてに効きます（Ctrl+Z／Ctrl+Y でも操作できます） ■ ペン ・ペン／消しゴムの切り替え ・ペンだけの戻る／進む ・ペンの太さ／ペン色／消しゴムの大きさ ■ 文字 ・フォント：プリセット7種から選択 ・名前入力：フォント名を直接入力して「適用」（PCに入っているフォントが使えます） ・文字サイズ（12〜120）／行間（1.0〜3.0）／文字色 ・そろえ：左／中央／右 ■ 自動スクロール ・自動スクロールのON／OFF／速度／停止時間 ■ 台紙 ・デザイン：メモ帳／枠付きウィンドウ ・台紙色：文字が乗っている紙の色 ・サブ色：メモ帳では上の帯の色、枠付きウィンドウでは外側の枠の色 ■ 設定のバックアップ・引き継ぎ ・設定を出力／クリップボードにコピー／読み込み実行 ※ 削除は確認なしで実行されますが、「戻る」で元に戻せます。 【設定のバックアップ・引き継ぎについて】 設定は自動で保存されるため、通常は何もしなくても引き継がれます。 フォルダを別の場所に移したときや、バージョンアップ版に入れ替えたときも、設定はそのまま引き継がれます。 ただし、次のような場合は設定が引き継がれません。バックアップをおすすめします。 ・別のPCに移すとき ・OBSやブラウザのキャッシュを削除したとき ・OBSとは別のブラウザで開いたとき（保存先が分かれます） ■ バックアップの方法 1. 設定パネルの「設定のバックアップ・引き継ぎ」を開き、「設定を出力」を押します。 2. 表示されたテキストを「クリップボードにコピー」でコピーし、メモ帳などに貼り付けて保存します。 ■ 復元・引き継ぎの方法 1. 同じ場所のテキスト欄に、保存しておいたテキストを貼り付け（Ctrl+V）ます。 2. 「読み込み実行」を押すと設定が復元され、画面に反映されます。 ※ お題の文章とペンの書き込みは対象外です（設定のみ）。 【同梱のアイコンについて】 「お題表示オーバーレイ.ico」は、ショートカットを作って使いたいとき用のアイコンです。 Windowsの仕様上、HTMLファイル自体のアイコンは変更できません。 デスクトップなどにショートカットを作り、ショートカットのプロパティ →「アイコンの変更」から このicoファイルを指定すると、見つけやすくなります。 （使わなくても動作には影響ありません） 【更新履歴】 Ver.1 … 初版 【注意事項】 ・OBS Studio のブラウザソースで動かすことを想定して作られています。 　通常のWebブラウザ（Chrome等）でファイルを開いても使えます。 ・OBS Browser Source 上では日本語入力（IME）が使用できません。 　文章はコピー＆ペースト（Ctrl+V）で貼り付けてください。 ・お題の文章・ペンの書き込み・設定は、お使いの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/（望月ハッピー工房） ======================================================