OBSのブラウザソースが表示されない時に、順番に確認すること

わんコメのテンプレートを入れたのに、OBSで真っ白のまま。よくある詰まり方なので、起きやすい順に確認していけばだいたい直ります。

最終更新 2026-07-27

このページの内容

配信素材を配っていると、この質問がいちばん多く届きます。原因はほぼ決まっていて、上から順に確認すれば7項目以内で解決します。

1. わんコメが起動しているか

いちばん多いのがこれです。わんコメのテンプレートは、わんコメ本体が動かしている簡易サーバーから配信されています。わんコメを閉じているとURLが応答しません。

わんコメを後から起動した場合、OBSは自動で読み直しません。必ず「更新」を押してください。

標準は 11180 です。テンプレートのURLはこの形になります。

http://localhost:11180/templates/フォルダ名/index.html

わんコメの設定でポートを変えていると、ここが合わなくなります。

templates/ の下のフォルダ名と、URLの中の名前は完全に一致している必要があります。

大文字と小文字も区別されます
zipを展開したときに panda-ranking の中にもう1つ panda-ranking ができていないか確認してください（二重フォルダはよくある失敗です）

正しい状態:

templates/
  panda-ranking/
    index.html
    script.js
    style.css

templates/panda-ranking/panda-ranking/index.html のように二重になっていると、URLが合わず真っ白になります。

手で作ったフォルダに入れてしまうケースがあります。必ずわんコメの機能から開いてください。

幅や高さが極端に小さいと、中身が枠の外に出て何も見えません。素材ごとの推奨サイズは、だいたい 幅360〜520 / 高さ300〜640 です。

コメントに反応して表示するタイプの素材は、コメントが来るまで何も出ません。故障ではありません。

多くの素材にはキーボードでの動作確認がついています（T でテスト表示など）。使う場合はOBSのブラウザソースのプロパティで「ソースの操作を有効にする」にチェックを入れてください。

ファイルを書き換えたのに反映されない場合はこれです。

ブラウザソースのプロパティにある「表示されていないときはソースをシャットダウン」はオフを推奨します。オンだと、記録を保存するタイプの素材（スタンプカードやランキングなど）で記録が消えることがあります。

わんコメのテンプレートは、ふつうのWebページと同じ仕組みで動いています。ブラウザで直接URLを開いてみてください。

http://localhost:11180/templates/フォルダ名/index.html

この切り分けができると、原因が半分に絞れます。