いつもの作業・勉強配信を、夜の喫茶店に。 暖かな灯りと街明かりの中で、視聴者と一緒にもくもく作業。 開始・作業・休憩・終了の4画面と、作業25分／休憩5分のポモドーロタイマーを、ひとつの世界観で揃えられるOBS用セットです。 ■ まずは無料で、見た目と読み込みをお試しください 無料お試し：開始前の「開店準備中」画面のみ。暗色・標準装飾のHTMLです。 星・灯り・コーヒーの湯気がゆっくり動きます。透かしなしで、収益化配信・動画にも使用できます。 タイマー、作業・休憩・終了画面、設定ページ、透過WebMは無料版には含まれません。 ZIPを展開してstarting-trial.htmlをChromeで開くか、OBSのブラウザソースに読み込んで確認してください。無料版の確認範囲はWindows上のChromeです。 ■ 製品版：1,280円・買い切り ・開始／作業／休憩／終了の4画面をまとめて収録 ・作業と休憩を繰り返す共通タイマー。時間変更・一時停止・再開に対応 ・配信名とアクセント色、暗色／明色、標準／最小装飾を設定ページから変更 ・作業画面の透過領域に、自分の映像や文字を重ねられます ・HTMLの動く飾りと透過WebM、日本語の導入手順を同梱 夜の作業配信・勉強配信・Study with meなどに。 4画面を同じ雰囲気で揃えたい方、映像の置き場所とタイマーをまとめて用意したい方に向いています。 画像の白い作業ノートは配置例です。商品に焼き込まれていません。 ■ 購入前にご確認ください WindowsのOBSブラウザソース／メディアソース向けです。製品版はOBS Studio 32.2.2でソース読込み・操作・表示・録画を確認しています。 シーンの切替は手動です。タイマーに音・通知はありません。 Mac・Linux・スマートフォンは未確認です。通常ブラウザと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のメッセージからお問い合わせください。