作業配信・勉強配信に、静かな夜の喫茶店を。 窓の向こうの街明かり、暖かな照明、カウンターに置かれたコーヒー。 開始前から終了まで、同じ世界観で配信を整えたい方のためのOBS画面セットです。 作業画面には映像や文字を置く広い透過領域を用意しました。 ■ セット内容 ・開始前：「開店準備中」 ・作業：「静かな集中の時間」／映像枠と共通タイマー ・休憩：「ひと息、どうぞ。」／共通タイマー ・終了：「また、次の夜に。」 ・共通タイマー操作パネル ・透過アニメーション飾り：HTML版とVP9アルファWebM版 ・配信名と色を変更できる設定ページ ・日本語の導入手順、利用条件、第三者ライセンスの説明 ■ タイマー 初期値は作業25分・短休憩5分。作業と休憩を自動で繰り返します。 時間変更、開始、一時停止、再開、リセットに対応。日本語表示です。 4画面で同じ保存状態を参照します。 非表示や再表示、ソースの再読込み後は、保存した終了時刻から残り時間を計算します。 音・通知機能はありません。配信画面の切替は手動です。 休憩画面を選んでもタイマーのフェーズを強制変更しません。 ■ 見た目の設定 暗色／明色、標準／最小の装飾量を選択できます。 配信名（28文字まで）とアクセント色を設定できます。 設定ページからconfig.jsを保存し、同名ファイルを置き換えて反映します。 明色版のアクセント文字は読みやすさのため自動で濃く表示します。 任意の色や端末の字体での見え方は、ご使用前にプレビューをご確認ください。 WebMの色は既定の琥珀色で固定。HTML版の飾りは色設定を反映します。 ■ ファイル形式・サイズ 4画面：ローカルHTML／CSS／JavaScript、基準1280×720。 1920×1080では同じ比率で自動拡大します。 映像枠：1280×720の場合、左48・上145・幅792・高さ446（ほぼ16:9）。 透過WebM：640×360、24fps、8秒ループ、VP9アルファ。 WebMはOBSのメディアソース、HTMLはブラウザソースで読み込みます。 掲載画像内の作業ノートは映像配置例です。商品には焼き込まれていません。 図形はオリジナルの描画コードによるものです。 ■ 必要環境と確認範囲 OBS Studioのブラウザソース・メディアソースを使用できるWindows環境。 Windows上のOBS Studio 32.2.2とChromeで動作確認しました。 Mac・Linux・他のOBS版・スマートフォンは未確認です。 OBS公式LuaソースAPIでソース読込み・操作・表示・録画を検証しました。 OBSの手動メニューや対話ダイアログをクリックする操作導線は未検証です。 フォントは端末のシステムフォントを使用するため、環境で見た目が変わります。 OBSと通常ブラウザの保存領域は別です。別PC・別プロファイルへの状態共有は未保証。 キャッシュ削除や端末の時計変更はタイマーに影響します。 追加の画像ソフト・開発ツールは通常の使用には不要です。 ■ 導入の流れ 1. ZIPを展開し、4シーンに対応するHTMLをブラウザソースとして追加。 2. 作業映像や文字を作業画面ブラウザソースの下へ配置。 3. 共通操作パネルを配信画面の外に置き、「対話」でタイマーを操作。 配信名・色等の変更は同梱設定ページから行えます。詳しい手順を同梱しています。 ■ 利用条件 購入者本人の収益化配信・動画利用と、自分の配信用の加工を許可します。 素材を使った完成動画やスクリーンショットの公開は可能です。 素材そのものや加工素材の再配布、ファイル共有、転売・再販売は禁止です。 素材を取り出せる形で他の素材集・テンプレートに含めることも禁止します。 クレジットは任意です。詳細は同梱の利用条件をご確認ください。 ■ 補足 ソフトウェアやフォント本体は同梱しません。 販売形式はダウンロード商品、価格は1,280円の買い切りです。 同梱の利用条件文書には「案」の表記が残っていますが、本ページ記載の利用条件を確定条件として適用します。 ■ お問い合わせ BOOTHのメッセージからお問い合わせください。