◆ 年越しカウントダウン「花火と教会」 夜空に打ち上がる花火と、ライトアップされた教会。祝祭の雰囲気の、配信画面用の「動く背景」+「大晦日までの自動カウントダウン時計」のセットです。 大晦日の0時まで、秒単位で自動で進む時計です。 ■ ここが違う 1. 景色が止まった画像ではなく、約15秒の動く映像です。終わりを自動でなめらかに重ねるので、切り替わりが見えません。 2. 実際の「大晦日の0時」までを自動カウント。最後の10秒は大きな数字、0時は「あけましておめでとう」の演出。 3. 設定フォーム(setup.html)に入力するだけで、タイトルや演出の量を変えられます。HTMLを書き換える必要はありません。 4. 日本語の説明書つき。OBSの入れ方を、はじめての方向けに書いています。 5. 動画は約15秒・軽量(約3MB)。配信が重くなりにくい作りです。 ■ 内容 ・meter-hanabi.html(本体) ・video.webm(背景動画・約15秒ループ) ・setup.html(設定フォーム) ・README.txt(使い方) ■ これは何に使うの?(はじめての方へ) 配信画面に出す「大晦日までの残り時間」の表示です。「年越しまであと◯日◯時間◯分」が、1秒ごとに自動で進みます。 あなたが数字を動かす必要はありません。OBSに貼っておくだけで、あなたのパソコンの時計に合わせて動きます。 最後の10秒は、画面いっぱいに大きな数字でカウントダウンし、0時になると「あけましておめでとう」の演出が出ます。 ■ 使い方の例 【例1】年越し配信の本番 ・大晦日の夜、配信画面に出しておけば、視聴者と一緒に「あと何分」を共有できます。 【例2】12月の毎日の配信 ・「今年もあと◯日」を出しておくだけで、年末らしい雰囲気になります。 【例3】作業・勉強の配信 ・背景の動画と時計を出しっぱなしにして、年末の落ち着いた雰囲気をつくれます。 ■ くわしい使い方(はじめての方向け) OBSは、配信や録画に使う無料のソフトです(公式: https://obsproject.com/ja )。 【準備】 1. zipを右クリックして解凍(展開)します。中身は、同じフォルダに置いたままにしてください。 2. フォルダの中の「setup.html」をダブルクリックして、ブラウザで開きます。 3. 「タイトル」などを入れて「URLをつくる」を押し、表示されたURLをすべてコピーします。 【OBSに入れる】 4. OBSの「ソース」欄の「+」を押して、「ブラウザ」を選び、「新規作成」でOKを押します。 5. 「URL」の欄に、コピーしたURLを貼り付けます。「ローカルファイル」にはチェックを入れません。 6. 「幅」を 1920、「高さ」を 1080 にして、OKを押します。 7. ソースを1回クリックして選び、キーボードで「Command+F」(Windowsは「Ctrl+F」)を押します。「画面に合わせて拡大縮小」になり、黒い枠いっぱいに広がります。 8. 画面に出れば完成です。 【0時の演出をためす(年末まで待たずに確認)】 OBSに貼ったURLの一番最後に「&sec=20」を足すと、「いまから20秒後が0時」として動きます。最後の10秒の数字と、0時の演出を確認できます。(確認が終わったら、元のURLに戻してください) ■ よくある質問 Q. 数字や時計は、配信を閉じたら消えますか? A. 時計は、あなたのPCの時刻で動くので、毎回正しい時間から始まります。 Q. 映像が出ません。 A. ソースを右クリックして「更新」を試してください。解凍したフォルダの中身を移動していないかも確認してください。 Q. 文字や演出の量を変えたいです。 A. setup.html を開き直して新しいURLをつくり、OBSのURL欄を差し替えてください。 Q. 0時になる前に、演出を確かめられますか? A. URLの最後に「&sec=20」を足してください(上の「0時の演出をためす」を参照)。 ■ こんな方におすすめ ・年越し配信・年末の配信を、雰囲気のある画面で行いたいVTuber・配信者 ・視聴者と一緒に、0時までを盛り上げたい雑談・ゲーム配信 ・年末の作業・勉強配信 ■ 動作環境 ・OBS Studio のブラウザソース(Chrome系)で動作を確認しています(Mac)。Windowsでも同じ仕組みで動くと考えていますが、Windowsでの確認はまだです。 ・時計は、お使いのPCの時刻で動きます。 ■ ご利用について ・配信・動画投稿(収益化含む)でご自由にお使いいただけます。 ・素材データの再配布・転売・無断転載、自作発言は禁止です。 ・背景動画は、Pixabay Content Licenseの映像を編集・加工して制作しています。 ・プログラム・演出は、AIの支援を受けて制作しています。 ・YouTube等の数字の自動取得は行いません。 ■ サポート ご不明点は、BOOTHのメッセージからお気軽にどうぞ。 制作: ココ素材堂