Vfinity2.0 α
リファレンス

オーバーレイ URL

ブラウザーソースの URL の構造、ルートとウィジェット ID、コピーと LAN キー

各オーバーレイは Vfinity 自身のサーバー上の Web ページです。OBS や TikTok LIVE Studio がブラウザーソースとして開く URL の構造を説明します。

試してみる
OBSブラウザソースURLをコピー
ウィジェットを選んで「URLをコピー」ボタンが生成するアドレスを確認してください。
ウィジェット

http://127.0.0.1:21424/#overlay-goal?id=goal1&lang=ja

http://127.0.0.1:21424/#overlay-goal?id=goal1&lang=ja
  • このPC上のオーバーレイサーバーhttp://127.0.0.1:21424
  • ウィジェットの種類#overlay-goal
  • 同種の中での識別子?id=goal1
  • 言語(アプリ設定に固定)&lang=ja
ウィジェットとコピーを選ぶと、URL の各部分を確認できます。上のデモで試してください。

URL の構造

http://127.0.0.1:21424/#overlay-goal?id=goal1&copy=copy_lx4k2a9fz&lang=ja
部分例意味
アドレス127.0.0.1この PC。LAN アクセス時はこの PC のネットワークアドレス
ポート21424オーバーレイサーバーのポート。使用中なら別のポートを選択
アクセスキー# より前の ?token=…LAN アクセスをオンにしたときのみ
ルート#overlay-goal描画するウィジェットの種類
idgoal1同じ種類に複数ある場合のウィジェット ID
copycopy_lx4k2a9fzコピーの ID。元のウィジェットでは省略
langja表示言語。en、th、zh、ja、hi、es

ウィジェットの URL をコピー、または右クリックメニューの OBS 用 URL をコピー を使うと、実際のポートと言語を含む URL が作られます。手入力せずアプリからコピーしてください。

ウィジェットが 1 つのルート

ルートウィジェット
#overlay-chatチャットボックス
#overlay-alertsアラート
#overlay-eventsイベントボード
#overlay-timerカウントダウンタイマー
#overlay-buddiesビューアーバディ
#overlay-actions画像または動画を表示 ステップのアクションメディア
#overlay-customカスタムウィジェット
#overlay-clock時計とカウントダウン
#overlay-sceneシーンカード
#overlay-checklistチェックリスト

Alpha 0.4.0 で追加されたウィジェットも同じ形式です。たとえば時計とカウントダウンのアドレスは http://127.0.0.1:21424/#overlay-clock?lang=ja、シーンカードのコピーのアドレスは http://127.0.0.1:21424/#overlay-scene?copy=copy_lx4k2a9fz&lang=ja のようになります。

ID を指定するルート

ルートid の値
#overlay-statviewerCount、followerCount、streamClock、giftCounter1~giftCounter3、statLabel1~statLabel3
#overlay-leaderboardtopGifter、topLiker、topStreaker、topChatter、pointsRanking、credits
#overlay-goalgoal1~goal4
#overlay-feedgiftFeed、diamondTicker、lastGifter、lastFollower、lastLiker、lastSharer、lastChatter、lastSubscriber、lastJoiner
#overlay-gaugecoinJar、streamBoss
#overlay-particlesgiftCannon、likeFountain、giftFirework、fallingSnow、emojify、emoteWall、confetti
#overlay-mediastaticText、staticImage、videoPlayer、socialRotator、sponsorBanner
#overlay-framewebcamFrame、overlayFrame、talkingBanner
#overlay-gamesgiftJar、wheel、poll、viewerQueue、giveaway、tugOfWar、hypeMeter

オーバーレイウィジェット に各ウィジェットと設定項目を掲載しています。

ウィジェット以外のソース

ルート用途
#throwingモデルにギフトを投げる投擲シーン。投擲タブからコピー
#overlay-audioOBS で再生する読み上げのための不可視ソース

#overlay-audio を 2 つ追加しても、再生されるのは 1 つだけです。複数のシーンで使う場合は 既存のソースを追加 で同じソースを追加してください。

コピー

コピーを追加 で、設定と URL が独立した 2 つ目のウィジェットを作成できます。URL の末尾には copy= とコピー ID が付きます。

制限値
全ウィジェットのコピー数16
コピー名最大 60 文字
コピーできないウィジェットアラート

コピーは元の id を引き継ぎます。削除したコピーの OBS ソースは空白になり、元のウィジェットが重複表示されることはありません。

別の PC で OBS を使う

設定接続ローカルサーバー で 別の PC の OBS からこれらのオーバーレイを使う をオンにし、Vfinity を再起動します。URL をコピー でアクセスキー付きのネットワークアドレスを取得できます。

http://192.168.1.5:21424/?token=YOUR_KEY#overlay-chat?lang=ja

サーバーが最初の要求でキーを受け取れるよう、キーは # の前にあります。キーのない LAN 内の機器や LAN 外の機器からはアクセスできません。新しいアクセスキー を作ると古い URL は無効になるため、OBS の URL を再設定してください。

OBS のブラウザーソースに URL を貼り付けると、キャンバスにウィジェットが表示されます。

関連ページ