【OBS/HTML】天使界隈の魔法カプセル作業タイマー🪽✨ | ポモドーロ・テクニック・5色テーマ
- Digital580 JPY




作業や勉強配信にぴったり!🪽✨ 天使界隈・サブカル系デザインの「魔法カプセル作業タイマー」です。 OBSに入れるだけで、ふわふわ浮かぶ魔法のカプセルと、時間経過とともに減っていく(休憩中は増える!)魔法の液体アニメーションが配信画面を可愛く彩ります。 専用のコントロールパネル(Dock対応)を使えば、配信中も簡単に時間の操作やテキストの変更が可能です! ୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧ 【✨ おすすめポイント】 🎀 選べる5色のカラーテーマ 天使界隈の水色はもちろん、ピンク、パープル、ミント、モノクロの5色を搭載!あなたの立ち絵や配信画面に合わせてワンクリックで変更可能です。 💊 魔法のカプセルアニメーション タイマーと連動して、カプセルの中の液体が滑らかに昇降します。プクプクと浮かぶハートの気泡や、光る天使の輪っか、絆創膏など細部までこだわりました。 📝 カスタムテキスト対応 「今日の目標」などのメモタグや、「作業中」「休憩中」などのステータス表示名を自由に変更できます。 ⏱️ 自動切替&アラーム音 ポモドーロ・テクニックに最適!時間が来たら自動で作業/休憩モードを切り替える機能や、優しい終了チャイム音も搭載しています。 ୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧ 【📦 使い方 (OBSへの導入方法)】 このタイマーは「表示用画面」と「操作用パネル」が分かれています。 ① 表示用画面 (OBSの配信画面に乗せる用) 1. OBSのソースから「ブラウザ」を追加 2. 「ローカルファイル」にチェックを入れ、ダウンロードした `timer.html` (またはファイル名) を選択 3. URLの末尾(またはローカルファイルのパスの最後)に `?obs=1` を追記してOKを押す (例: `.../timer.html?obs=1`) ② 操作用パネル (OBSのドックに入れて操作する用) 1. OBSの上のメニューから「ドック」>「カスタムブラウザドック」を選択 2. ドック名(例:タイマー操作)を入力し、URLに `index.html` のファイルパスを入力。末尾に `?dock=1` を追記して適用 (例: `file:///C:/.../timer.html?dock=1`) 3. 出現したパネルをOBSの好きな場所に配置して操作してください! ※ もちろん、普通にブラウザで開いてクリックで操作することも可能です。 ୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧ 【⚠️ 利用規約】 ・収益化済みの配信(YouTube、Twitch等)での使用:OK ・サムネイルや動画での使用:OK ・色味の調整など軽微な改変:OK ・自作発言、二次配布、販売:NG ・公序良俗に反するコンテンツでの使用:NG クレジット表記は任意ですが、概要欄に記載していただけるととても嬉しいです!



