Mac版OBSでローカルHTMLが表示されない時の対処法

1. 最初にZIPを展開する

Finder上でZIPファイルをダブルクリックし、展開後のフォルダを使います。圧縮ファイルのプレビューからHTMLだけを開くと、CSSや画像が見つからず白い画面になることがあります。フォルダ内のファイル構成は変えずに保管してください。

OBSのブラウザソース設定を開き、「ローカルファイル」が有効になっているか確認します。素材フォルダを移動した後は以前のパスが無効になるため、もう一度HTMLを選び直します。iCloud Drive上で未ダウンロードのファイルは、先にMac本体へダウンロードしてください。

macOSのシステム設定で、OBSがファイルへアクセスできる状態か確認します。設定後はOBSを再起動し、ブラウザソースのキャッシュを更新します。別のブラウザでHTMLを開き、素材自体が表示されるかを切り分けるのも有効です。

フォント、アニメーション、音、透明背景を一つずつ確認します。OBSでだけ動かない場合は、ハードウェアアクセラレーションや素材の説明にある推奨サイズも確認し、問題の画面を記録してから制作者へ相談すると解決が早くなります。

NEXT STEP

設定方法を確認できたら、必要な機能と画面の雰囲気に合う素材だけを選びましょう。

時刻に合わせてパステル背景が変化し、天気を思わせるエフェクトも楽しめるOBS向け時計です。時間を伝える実用性と、ゆめかわな世界観をひとつのウィジェットにまとめています。

現在時刻と天気を思わせる表現をiOS風カードで見せるOBSウィジェットです。時間帯によるカラー変化や雨エフェクトがあり、シンプルな画面にも動きを添えられます。

配信画面の情報を見やすく整えるサクラミ素材屋の配信素材です。