BOOTHで商品を販売・配布中!
このページでは、BOOTHなどで配布されているHTML素材をOBSに導入する手順を解説します。
BOOTHなどの配布ページから素材をダウンロードしてください。
多くの場合、ZIPファイル形式で配布されています。
ダウンロードしたZIPファイルは、そのままでは使用できません。
必ず解凍してください。
ZIPファイルを右クリック
「すべて展開」を選択
展開を実行
解凍したフォルダの中に、以下のようなファイルがあります。
・index.html
・style.css
・script.js
・画像フォルダ
・フォントフォルダ
OBSで使用するのは主に 「.html」ファイル です。
多くの場合は「index.html」がメインファイルになります。
※HTMLファイルのみを移動すると正常に動作しない場合があります。必ずフォルダごと保存してください。
OBSを起動
「ソース」欄の「+」をクリック
「ブラウザ」を選択
任意の名前を入力
OKをクリック
「ローカルファイル」にチェックを入れる
「参照」をクリック
解凍したフォルダの中のHTMLファイルを選択
OKをクリック
これで素材が表示されます。
素材によって推奨サイズがあります。
配布ページの説明をご確認ください。
OBSでは以下の操作が可能です。
・ドラッグして位置調整
・角をドラッグしてサイズ変更
・設定画面で幅と高さを変更
・ZIPファイルを解凍しているか
・正しいHTMLファイルを選択しているか
・素材フォルダを移動または削除していないか
・OBSのブラウザソースを更新したか
HTMLファイルを変更した場合は、
ブラウザソースを右クリック → 「更新」
を選択すると反映されます。
素材によっては設定ファイルやフォントが含まれています。
それらを削除すると正常に表示されない場合があります。
また、素材フォルダの保存場所を変更すると、OBSで表示できなくなる場合があります。