OBSにHTMLウィジェットを追加する方法

1. HTMLウィジェットとは

HTMLウィジェットは、時計、タイマー、コメント表示などをブラウザと同じ仕組みで動かす配信素材です。OBSでは「ブラウザ」ソースを使い、URLまたはパソコン内のHTMLファイルを読み込みます。画像素材と違い、時刻や数字を自動更新できる点が特徴です。

ダウンロードしたZIPファイルは必ず展開し、説明書とHTMLファイルの場所を確認します。ZIPの中から直接開くと関連ファイルを読み込めない場合があります。素材フォルダは配信後も移動しない場所へ置いてください。

シーンのソース欄にある追加ボタンから「ブラウザ」を選びます。URL形式ならURL欄へ貼り付け、ローカルHTMLなら「ローカルファイル」を有効にして対象ファイルを指定します。幅と高さは素材の説明に合わせ、画面内で切れる場合は数値を大きくします。

ファイルを展開したか、フォルダ内のCSSや画像を移動していないか、ブラウザソースの再読み込みで直るかを順番に確認します。本番前に非公開テスト配信を行い、透明背景と文字の読みやすさも確認してください。

NEXT STEP

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

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

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

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