窓から光が差し込む、緑の多いカフェの配信背景です。 日本時間に合わせて背景の色、窓外の太陽、窓から入る光と窓枠の影がゆっくり変わります。雑談や作業配信などにどうぞ。 掲載画像は同梱の背景PNGの見本です。HTML表示では、これらに時刻に応じた太陽・光・窓枠の影とカップの湯気が重なります。 紹介動画はソフトウェアによる参考描画です。OBSの実録映像ではありません。動画の時刻表示は紹介用です。紹介動画のMP4は商品ZIPに含まれません。 ■ 特徴 ・日本時間に連動する自動表示 ・朝07:30／昼12:30／夕17:30／夜22:00の固定表示 ・カップの控えめな湯気 ・約30秒で1日を巡るデモ ・音声なし。表示中の外部通信不要 ■ 形式と利用条件 HTML 6点、JavaScript 4点、CSS 1点、背景PNG 3点、説明書・利用条件3点を収録。原画像は1672×941 px、表示推奨は1920×1080です。拡大表示になります。 収益化配信で利用できます。 加工できます。 素材自体の再配布・転売は禁止します。 再配布・転売の禁止は素材自体についての条件です。収益化配信での背景利用を禁止するものではありません。 ■ OBSへの導入 1. ZIPを「すべて展開」します。ZIP内を直接開いて設定しないでください。 2. 展開したフォルダーを保存します。HTMLだけを取り出さず、assets、JS、CSSも同じ構成で残します。 3. OBS Studioで使うシーンを選び、「ソース」の「＋」→「ブラウザ」を追加します。 4. 「ローカルファイル」をオンにし、展開先のindex.htmlを選びます。 5. 幅1920、高さ1080を設定します。必要に応じてカスタムフレームレートを30 FPSにします。 6. ソース一覧で背景をアバター・字幕・コメント欄より下へ移動します。上のソースほど手前です。 7. 必要なら背景を右クリック→「変換」→「画面に合わせる」を選び、配信前に短く録画して確認します。 背景には音声・アバター・口パク機能はありません。それぞれ別に設定してください。 展開後にフォルダーを移動した場合は、OBSの参照先を選び直してください。 ■ 選ぶHTML index.html：自動。日本時間に連動して光と色が連続変化 morning.html：朝07:30の光に固定 day.html：昼12:30の光に固定 evening.html：夕17:30の光に固定 night.html：夜22:00の光に固定 demo.html：約30秒で1日を巡るデモ 固定表示でも、設定がオンならカップの湯気は動きます。 ■ 操作パネル ブラウザソースの「対話」を開き、画面をクリックしてからキーを押します。Aで自動、1〜4で朝・昼・夕・夜、Dでデモ、Mで湯気、Hで操作パネル、Escでパネルを閉じる、Rで画像再読込です。 操作パネルと画像エラーは配信にも映ります。配信前に閉じてください。キー入力の実機確認は完了していません。キーが効かない場合は固定HTMLを使えます。 ■ 困ったとき 黒い画面や画像エラーが出る場合はZIPをすべて展開し、HTMLとassets・JS・CSSが同じ構成で残っているか確認します。移動後はOBSの参照先を選び直してください。 アバターが隠れる場合はソース一覧でアバターを背景より上へ移動します。動きの確認にはdemo.htmlを使えます。負荷が気になる場合はブラウザソースを30 FPSにし、必要に応じてMで湯気を止めます。効果はPCごとに異なります。 ■ 仕様と動作確認 ・HTML形式の背景です。再生用動画ファイルは含みません。 ・アバター、口パク機能、BGM、独立した透過前景は付属しません。 ・光と影は2Dの演出です。実際の地域、季節、天候には連動しません。 ・昼は太陽が窓の上方へ移動し、画面内に見えない時間があります。 ・時間帯によって画像の細部に差があります。 ・OBSで背景と口パクするアバターを重ねて配信できた使用報告があります。各モード・操作・長時間利用、およびすべてのOS・OBSバージョンでの動作確認は完了していません。 ・操作パネルと画像エラーは配信にも映ります。配信前に表示を確認してください。