【OBS用/HTML】配信からアップタイムカウント時計
- ダウンロード商品¥ 250

配信のタイムスケジュールと経過時間をこれ1つでスマートに管理!🎀 VTuber・配信者向けの 現在時刻&配信経過時間(Uptime)同時表示デジタル時計(HTMLソース型配信素材 / ウィジェット) です🕒⏱️ 「今、何時?」「配信を始めてからどれくらい経った?」をリスナーと同時にひと目で共有できる便利ツール。 洗練されたシンプルなデザインに、透明背景(透過仕様)を採用。さらに、OBSのURL欄から直接カラーやテキストを自由自在に変更できる【URLパラメータカスタム機能】を搭載!雑談配信、長時間の耐久枠、作業配信など、あらゆるオーバーレイや画面構成に自然に溶け込みます。 ━━━━━━━━━━━━━━━━━ ✨ 主な機能・おすすめポイント ✨ ━━━━━━━━━━━━━━━━━ 🕒 現在時刻&経過時間のダブル表示 リアルタイムの現在時刻と、配信開始からのカウントアップ(Uptime)をスマートに同時表示。画面のレイアウトを圧迫せず、すっきりとした美しい画面構成を維持できます。 🕹️ 手元でできる START / PAUSE / RESET 操作 追加したソースを右クリックして「対話(操作)」を開くことで、タイマーの開始・一時停止・リセットが直感的に行えます。 🎨 コード編集不要!URLパラメータによる自由なカスタム OBSの設定画面(URL欄)に特定の文字をちょこっと書き加えるだけで、各パーツの色や表示テキストを自分色にカスタマイズできます(※詳しい設定方法は下記参照)。 ・色の変更: 時計の文字色、Uptimeの文字色、背景色、ラベルの背景色、影の色をそれぞれ個別に変更可能。 ・テキストの変更: デフォルトの「配信から 00:00:00」を「雑談中: 00:00:00」など、好みの文字に自由に変更可能。 ・自動スタート: 配信開始時(OBS起動時)に自動でタイマーを動かす設定も対応。 ━━━━━━━━━━━━━━━━━ 🧷 導入方法・カスタマイズ手順(重要) ━━━━━━━━━━━━━━━━━ お好みの使い方に合わせて、以下の2つの方法のいずれかでOBSに読み込ませてください。 🪐 方法①:通常どおりシンプルにそのまま使う場合 OBSの「ソース」の[+]ボタンから「ブラウザ」を追加します。 「ローカルファイル」にチェックを入れ、本商品のHTMLファイルを選択すれば導入完了です。 🚀 方法②:URLパラメータを使って色や文字をカスタムする場合(推奨) ローカルファイルの仕様上、パラメータ機能を使用する際は、ファイルのパスURLを取得してOBSのURL欄に入力する必要があります。 【設定手順】 HTMLファイルをブラウザ(ChromeやEdgeなど)にドラッグ&ドロップし、アドレスバーに表示されたURL( file:///... から始まるアドレス)をコピーします。 コピーしたURLの末尾に、下記に紹介するパラメータ(色や文字の設定コード)を繋げて書き換えます。 OBSのブラウザソースのプロパティを開き、「ローカルファイル」のチェックを外した状態(OFF) にして、作成したURLをそのまま「URL」欄に貼り付ければカスタム反映完了です! 📊 パラメータの書き方ルール(カラー&テキスト) 末尾に ?パラメータ名=16進数カラーコード を付けます(※色指定の際「#」記号は不要です)。複数の設定を組み合わせる場合は & 記號で繋ぎます。 🎨 カラー設定(一例): ・ time = 時計の文字色 ・ uptime = Uptimeの文字色 ・ bg = 背景本体のカラー ・ badge = Uptimeラベルの背景色 ・ shadow = 影のカラー 📝 テキスト変更&自動スタート設定: ・ text = 表示テキストの変更(例: &text=雑談中: ➔ 画面表示「雑談中: 00:00:00」) ・ autostart=1 = 読み込みと同時にタイマーを自動でスタートさせます。 🔗 URLパラメータカスタムの合成例: file:///Users/YourName/Desktop/uptimeclock.html?autostart=1&bg=ffffff&time=555555&badge=f08da3&text=雑談中: ━━━━━━━━━━━━━━━━━ 📦 商品内容 ━━━━━━━━━━━━━━━━━ ・HTMLファイル(Uptime機能付きデジタル時計本体) ・利用規約テキスト ━━━━━━━━━━━━━━━━━ 📜 利用規約 ━━━━━━━━━━━━━━━━━ 【許可していること】 ✅ 商用利用(収益化済みのYouTube、Twitchでの雑談配信・耐久実況など) ✅ 配信画面に合わせた素材の改造・コードの微調整 ✅ クレジット表記なし、使用報告なしでのご利用 【禁止事項】 ❌ 素材データそのもの、または改造済データの再配布・転売・譲渡・自作発言 ❌ 素材の商標登録、または公序良俗に反する目的・違法目的での利用 ※著作権は放棄しておりません。 クレジット表記は任意ですが、記載いただける場合は今後の制作の励みになります(表記例:X @skrm_sozaiya)🌸 ━━━━━━━━━━━━━━━━━ 🎨 セミオーダー(カラー・デザインカスタム) ━━━━━━━━━━━━━━━━━ 販売中の素材を、活動スタイルやイメージカラーに合わせてカスタマイズ可能です✨ 💰 基本料金:【 BOOTH商品代金 】+【 カスタム料金 】 ・① カラー変更:+500円〜 ・② ロゴ・お名前・イラスト挿入:+1,000円 ・③ レイアウト微調整・パーツ分け:+1,500円〜 ※詳細やご依頼の流れは、こちらの【カスタム専用ページ】を確認してください。 🔗 https://sakuramii.booth.pm/items/8483503 ━━━━━━━━━━━━━━━━━ 🌐 配信活動に役立つ無料ツール公開中! ━━━━━━━━━━━━━━━━━ ブラウザ上でカンタンに高画質アセットが作れる、実用的な無料ジェネレーターツールを多数公開しています。日々の活動や枠作りにぜひ役立ててください。 🎨 ゆめかわ カスタム時計ジェネレーター 📅 週間配信スケジュールメーカー 🖼️ 配信サムネイル背景ジェネレーター 🔗 https://sakuramisozaiya.vercel.app/ ━━━━━━━━━━━━━━━━━ 💌 お問い合わせ ━━━━━━━━━━━━━━━━━ ご不明な点や動作に関するご相談、カスタムのご依頼は、BOOTHのメッセージ、または X(旧Twitter)のDM(@skrm_sozaiya)よりお気軽にご連絡ください🧸💬
