┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ 【OBS素材】作業・雑談配信キット ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ ◸　概要　◿ YouTubeの配信等でご活用いただける、OBS向けの作業・雑談配信の配信画面キットです。 OBS上にセットするだけで簡単に配信画面が完成し、様々な機能を使うことが出来ます。 ◆機能◆ ・ホワイトボード機能 ・時計表示 ・ポモドーロタイマー ・天気予報表示 ・TODOリスト機能 ・離席表示機能 ⚠️動作環境に関するご注意⚠️ ・動作確認環境: Windows（作者環境）・日本語環境 ・動作確認済みソフト: OBS Studio ※本素材はCSS/HTML/Google Fontsを使用しているため、上記以外の環境では表示崩れやフォント代替が発生する可能性があります ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ ◸　セット内容　◿ ・index.html（本体兼操作ファイル） ・README.txt（説明書） ・bg.mp4（おまけの背景動画） ・チャット用CSS.txt（おまけのチャット用CSS） ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ ◸　OBSへの導入方法　◿ 【1】画面の追加 　1. index.html を開き、表示されたウィンドウの URLをコピー 　2. OBSのソース一覧「＋」＞ 「ブラウザ」 を追加 　3. プロパティを以下のように設定： 　　・[URL] 箇所に1.でコピーしたURLを貼る 　　・幅（Width）：1920 　　・高さ（Height）：1080 　4. [OK] を押下 　💡補足: ローカルファイル読み込みだとドックが正しく作動しない場合があるため、上記の手順で追加してください 　 【2】操作メーカーの追加 　1. index.html を開き、表示されたウィンドウの URLをコピー 　2. OBS上部メニュー 「ドック」＞「カスタムブラウザドック」 を選択し、以下を設定： 　・ドック名：任意（例：名札メーカー） 　・URL：コピーしたURLを貼り付け、末尾に「?editor=1」を追加 　（例：file:///C:/Users/～～～/index.html?editor=1） 　・ [適用] を押下 　3. 出現した操作ウィンドウをOBS内の使いやすい位置にドラッグ＆ドロップで設置 　💡補足：縦スクロールが発生するため、縦長のスペース にセットすると快適に使えます。 【3】背景の追加 　1. OBSのソース一覧「＋」＞ 「メディア」 を追加 　2. 任意の名前を付けて、[OK]を押下 　3. ローカルファイルから「bg.mp4」を開く 　4. ループ（繰り返し）にチェックを入れて、[OK]を押下 　5. 【1】のブラウザよりもソースの中で下になるように位置を移動させる 　💡ご自身でご用意された背景を使う場合は開くファイルを用意したものに差し替えてください。 ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ ◸　使い方・操作ガイド　◿ 操作は追加したドック内で行います。 各ボタン/プルダウンについては下記のとおりです。 〇右上の「離席」 　押下することで「離席中」を表示します。一度押すと赤い「復帰」ボタンに変わります 　「復帰」ボタンを押すと「離席中」の表示が消えます 〇テーマカラー 　黒、白のどちらかを選べます。背景画像や好みに合わせてご選択ください 　黒：各ボックスの背景が黒の半透明になり、角が直角になります 　白：各ボックスの背景が白の半透明になり、角が角丸になります 〇左メニューの幅 　左メニューの幅を260px～500pxの間で調整できます 〇文字サイズ 　文字サイズを80%～140%の間で調整できます 〇環境エフェクト 　□ON をクリックすると表示されます 　雨、雪、光を表示することが出来ます 〇ホワイトボード 　□表示 をクリックすると表示されます 　入力エリアに打ち込んだ文字がリアルタイムで配信画面に反映されます 　何かをリスナーさんと決めるときや、メモ等にご活用ください 　下部の「文字」スライダーで文字のサイズを調整できます 〇トークテーマ 　□表示 をクリックすると表示されます 　下部のボックスに一行でトークテーマや今話していることを表示出来ます 〇チャット枠 　□表示 をクリックすると表示されます 　下部のスライダーで縦のサイズを調整できます 　（チャット表示機能はありません。任意でサイズを調整の上チャットを乗せてください） 　 　【チャット用のサービス等を使わず、Youtubeのライブチャットをブラウザソースで張り付ける場合】 　1. 該当配信の「チャットをポップアウト」等よりチャットのURLを取得 　2. OBSのソース一覧「＋」＞ 「ブラウザ」 を追加 　3. プロパティを以下のように設定： 　　・[URL] 箇所に1.でコピーしたURLを貼る 　　・幅（Width）：「左メニューの幅」のpx数を記載 　　・高さ（Height）：「チャット枠」のpx数を記載 　 ・カスタムCSS箇所に「チャット用CSS.txt」の内容をすべてコピー＆ペーストする 　4. [OK] を押下 　5. 追加されたチャットを、チャット枠の上に配置する 〇TODOリスト 　□表示 をクリックすると表示されます 　やることを複数記載することができます 　入力エリアの左にある□をクリックすると打消し線が入ります 　入力エリアの右にある削除をクリックすると消えます 　「＋タスクを追加」を押下することで、TODOを増やすことができます 　⚠追加個数には制限があり、レイアウトが崩れそうになると追加できなくなります 〇フリーテキスト 　□表示 をクリックすると表示されます 　画面上では「ＮＥＷＳ」として表示されます 　直近のお知らせや配信予定等を書くといいと思います 〇ＷＥＡＴＨＥＲ 　□表示 をクリックすると表示されます 　各地域の天気を表示できます 　複数選択することが可能で、一定タイミングで切り替わります 　10分ごとに最新情報を取得します 　※表示地域以外を表示することは出来かねます 〇テロップ帯 　上部真ん中に表示している英文はランダムで切り替わります 　☑の入っているもののみ表示されます 　すべてのチェックを外すと、何も表示されません 　⚠下部の線のみ残ります 〇ポモドーロタイマー 　□利用 をクリックすると表示されます 　▶：押すことでタイマーが始まります 　停止：押すことでタイマーが止まります 　25分：25分に設定します 　5分：5分に設定します ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ ◸　利用規約　◿ ✔許可していること ・商用利用（YouTube等の収益化プログラムを含む） ・OBS以外の配信ソフトでの使用　※OBS以外での動作チェック・サポートは行っておりません ✔任意（していただけると励みになります） ・ショップのフォロー ・作者のSNSフォロー ・クレジット表記（記載していただける場合は下記 　　きりん屋さん https://lv100ch.booth.pm/ ✔禁止していること ・素材の二次配布・再譲渡 ・素材本体の改変・加工 ・自作発言 ・誰かを傷つける・不快にさせる目的での使用 ・公序良俗に反するコンテンツ、作者に迷惑がかかる行為での使用 ・NFTコンテンツへの利用 ・本素材を用いた商標登録 ・その他、常識の範囲を逸脱した利用 ℹ️補足・留意事項 ・著作権は放棄しておりません ・デジタル素材の性質上、返品・返金はいたしかねます ・文字や画像の変更、各種リクエスト等には個別対応しておりません ・万が一、明らかな不具合を発見された場合はお問い合わせ先までご連絡ください。修正の上、再DLのご案内をいたします ・本素材は個人による趣味の制作物です。本素材の利用により発生したトラブルについて、作者は一切の責任を負いかねます ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ ◸　お問い合わせ・作者情報　◿ ご不明点や不具合の報告は BOOTHのメッセージ機能 よりお願いいたします。 作者: きりん屋さん / ゆうづき・れべる BOOTH: https://lv100ch.booth.pm/ X (旧Twitter): https://x.com/lv100ch