あなたの大事なお知らせを"もっと"簡単に、"もっと"リッチに！

「OBS標準のスライドショー機能では、プレビューが表示されなくてちょっと不便…」「おしゃれにしたいけど、デザインを作るのは大変…」

Simple Oshirase Sliderは、配信画面に表示するお知らせスライドを簡単に、そして少しだけリッチに表示することが出来るOBS専用ツールです。

難しい設定や専門知識は一切不要！直感的な操作ですぐに使えるので、あなたの配信クオリティをワンランクアップさせたい方は、ぜひお試しください。

OBS専用スライドショー管理ツール「Simple Oshirase Slider」のポイント

直感的でスピーディーな操作性
- 画像の読み込みはドラッグ＆ドロップするだけ。専門的な知識がなくても、誰でも簡単に自分専用のオーバーレイを作成できます。
用途に合わせた豊富なテンプレート
- 「Music Player風」「Macスタイル」など、ボタン一つでレイアウトをガラッと変えられるテンプレート機能を搭載。シーンに合わせた使い分けが容易です。
自由自在なカラーカスタマイズ
- カラーピッカーを使ってUIの色を自由に変更可能。自身のキャラクターイメージやブランドカラーに合わせた統一感のある画面作りをサポートします。
安心のリアルタイムプレビュー
- 設定した内容は即座に配信画面に反映。保存する前に完成イメージをしっかり確認できるため、微調整もスムーズです。
リアルタイム更新
- 設定を変更して保存するたびに、配信画面で実際の見た目を確認しながら調整を進めることが出来ます。

準備

スライド管理ツールの管理画面の準備

まずは、お使いのOBSにスライド管理ツールの管理画面を組み込んでいきましょう。

OBSのメニューバーから「ドック」→「カスタムブラウザドック」の順にクリックします。

「ドック名」に「管理画面」など、自分で分かりやすい名前をつけます。
「URL」に、ダウンロードしたフォルダの中にあるmanager.htmlファイルの場所（パス）を入力します。この時「file:///C:/」で始まっていることを確認してください。
「適用」ボタンを押すと、操作パネルが画面に表示されます。好きな場所にドラッグ＆ドロップして、使いやすいように配置してください。

💡ワンポイント
ファイルの場所（パス）は、一度Webブラウザで読み込み、上部に表示されるURLをコピー&ペーストすると簡単に入力できます。

配信に映すスライドショー表示画面の準備

OBSの「ソース」パネルの左下にある「＋」ボタンを押し、「ブラウザ」を選択します。
「新規作成」にチェックを入れ、「スライドショー」など分かりやすい名前をつけて「OK」をクリックします。
プロパティ画面の「URL」に、今度はviewer.htmlファイルの場所（パス）を入力します。この時「file:///C:/」で始まっていることを確認してください。
幅は1920、高さを1920に設定してください。

カスタムCSSは全て削除してください。
「OK」ボタンを押すと、配信画面にプレイヤーが表示されます。好きな大きさにリサイズして使用してください。

使用方法

1. メディア（画像）のアップロード

まず、表示したい画像ファイルを選択します。

アップロードエリアの操作
管理画面にある「Click or Drag & Drop」と書かれたエリアをクリックするか、画像ファイルを直接ドラッグ＆ドロップします。
ファイルの選択
使用したい画像を選択し、「開く」をクリックします。

💡画像比率に関する注意点
スライドショーに使用する画像は、すべて同じ比率（アスペクト比）のものを用意してください。画像の比率が異なると、選択したエフェクトの種類によっては、表示が崩れたり意図しない余白が発生したりする可能性があります。比率が統一されてさえいれば、16:9、4:3、あるいは縦長など、どのような比率の画像でもスライドショーとして正常に表示可能です。

2. スライド・エフェクトの設定

画像が切り替わる際のアニメーションや時間を設定します。

エフェクトの選択
「スライド」「フェード」「カバーフロー」「フリップ」などのドロップダウンメニューから好みのエフェクトを選択します。
時間設定
スライド時間：画像が表示され続ける時間をミリ秒単位で入力します（例：3000ms）。
切替時間：次の画像へ切り替わる際のアニメーション速度を設定します（例：1000ms）。

3. テンプレート（レイアウト）の選択

用途に合わせて表示スタイルを切り替えることができます。設定項目内のドロップダウンからテンプレートを選択します。

4. カラーカスタマイズ

UI（ユーザーインターフェース）の色を自由に変更できます。

カラーピッカーの起動
色の設定ボタンをクリックすると、色選択画面が表示されます。
色の調整
マウスで直感的に色を選び、好みの配色に設定します。

5. 設定の保存と反映

すべての設定が完了したら、システムに保存します。

保存ボタンのクリック
画面下部にある緑色の「保存する」ボタンをクリックします。
確認ダイアログ
「設定を保存しました」というポップアップが表示されるので「OK」を押します。
プレビューの確認
配信画面に、スライドショーが即座に反映されます。

【重要】定期的なメンテナンス（設定クリア）のお願い

本ツールはブラウザの保存領域を利用して画像を管理しています。

仕様上、新しい画像を読み込ませるたびに保存領域に情報が蓄積されていくため、長期間使用したり大量の画像を読み込んだりすると、動作が重くなる、あるいはストレージ容量を圧迫する可能性があります。

快適にご利用いただくため、以下の操作を定期的に行ってください。

「設定クリア」の実施
新しい設定を作成する際や、一定期間使用した後は、画面下部の赤い「設定クリア」ボタンを押して、蓄積された不要な情報をリセットしてください。これを行うことで、ツールの読み込み速度やプレビューの反映速度を最適に保つことができます。

OBS専用スライダー・スライドショー管理ツール 「Simple Oshirase Slider」

OBS専用スライダー・スライドショー管理ツール「Simple Oshirase Slider」