ライブ配信用フレーム

ライブ配信用フレーム

OBSで使うのを想定した、ライブ配信用フレームを公開しました。
LIVE FRAME

下記の機能があります。

  1. 現在日時の表示(取得は自分のPCから)
  2. 現在地を示すGoogleMapの表示(オプション)
  3. 一言コメントの表示
  4. 一言コメントは3つまで登録可能(オプション)

URLにパラメータをつけることで各パーツを表示します。

https://imagerain.com/live-frame/?text1=東京都浅草 雷門前&text2=asakusaworkationでつぶやいてね&text3=コメントお待ちしております。&lat=35.71105456813066&lng=139.79640222363716&zoom=16

URLのパラメーター

  • text1 text2 text3 : 画面左下に表示したい言葉を入れます。半角記号はつかえません。スペースは入力できます。
  • lat:緯度です。GoogleMapで調べて入力
  • lng:経度です。GoogleMapで調べて入力
  • zoom:拡大率です。数字が大きいほど、地図を拡大します。

テキストにハッシュタグを使いたい場合は全角で#をいれてください。

OBSでの使い方

1.OBSのソースから「ブラウザ」を選択して追加

2. ソース名を入力してURLをいれる

名前はなんでもかまいません。わかりやすい名前をいれてください。
URLにパラメータ付きのURLを入力。
幅は1980,高さは1080のフルハイビジョンサイズを指定してください。
「URL」の欄にはパラメータ付きのURLを入力するのですが、事前にメモ帳などでパラメータを設定したものを書いて、コピーをするのがいいと思います。その際ブラウザのURL欄にコピーして表示されるかも確認してください。

3. フィルタで背景を抜く

ソースを配置したら、背景の黄色を抜きます。

カラーコードは「ffff00」です。
類似性は280ぐらい、なめらかさは160〜180ぐらいで設定してください。GoogleMap内の道路も黄色系の色なので、そちらが抜けないような数値にしてください。

4. カメラと重ねて完成