Vfinity2.0 α
配信中

オーバーレイ

ウィジェットライブラリ、ウィジェットのコピー、OBS用アドレスの管理

オーバーレイ タブは、配信画面を彩るウィジェットのライブラリです(チャット、アラート、ゴール、ランキング、エフェクト、ミニゲームなど)。各ウィジェットは固有のアドレスを持ち、OBSの独立したブラウザソースとして機能します。

60種類以上
ライブラリ内の多彩なウィジェット
合計16個
作成可能なウィジェットのコピー数
個別のアドレス
ウィジェットやコピーごとに1つずつ発行

ウィジェットを探す

ドックの オーバーレイ タブを開きます。すべて では、ウィジェットが チャット、アラート、フィード、カウンター、ゴール、ランキング、エフェクト、表示、インタラクション のカテゴリーごとにまとめて表示されます。各セクションにはオンになっているウィジェットの数が表示され、セクションは折りたためます。どのセクションを折りたたんだかは Vfinity が覚えています。

上部に並ぶチップで一覧を絞り込めます。配信で表示中 はオンのウィジェットだけを、お気に入り は星を付けたウィジェットだけを表示します。カテゴリーやコレクションごとのチップもあります。ウィジェットを検索 に入力して探すこともできます。他のツールで使われている名称にも対応しているため、「kappagen」と入力すれば同じ役割のウィジェットが見つかります。

検索欄の横にある2つのボタンで、カード と コンパクトなリスト を切り替えられます。コンパクトなリストでは、より多くのウィジェットを一度に表示できます。ミニゲームのカードには、開かなくても「受付中 · 参加12人」や「赤 34 : 46 青」のように現在の進行状況が表示されます。

Alpha 0.4.0 では、時計とカウントダウン、シーンカード、チェックリスト の3つのウィジェットが加わりました。それぞれの機能は オーバーレイウィジェット で説明しています。

お気に入りとコレクションを使う

カードの星をクリックすると、そのウィジェットがお気に入りになります。お気に入りは すべて の先頭に専用のセクションとして表示され、元のカテゴリーにも引き続き表示されます。

コレクションには、1つのシーンで使うウィジェット一式など、一緒に使うウィジェットをまとめておけます。

コレクションを作る

チップの末尾にある 新しいコレクション をクリックします。名前 を付けて 色 を選び、必要なら アイコン も選んでから 作成 をクリックします。

ウィジェットを追加する

カードを右クリックして コレクションに追加 を選びます。または、コレクションのチップを選んで ウィジェットを管理 をクリックし、含めるウィジェットにチェックを入れます。

まとめてオン/オフする

コレクションのチップを選んだ状態で すべてオン または すべてオフ をクリックすると、コレクション内のすべてのウィジェットを切り替えられます。各ボタンには切り替わるウィジェットの数が表示され、操作後の通知から 元に戻す を選べます。

コレクションは最大24個まで作れます。コレクションを削除 で削除でき、そのときの通知からも 元に戻す を選べます。お気に入りとコレクションは、バックアップ時にオーバーレイと一緒に保存されます。

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

スイッチをオンにする

ウィジェットのスイッチをオンにします。オフになっているウィジェットはOBS上で何も描画されません。

アドレスをコピーする

カード上の URLをコピー をクリックするか、右クリックして OBS用 URL をコピー を選びます。

OBSに貼り付ける

OBSで「ブラウザ」ソースを追加し、アドレスを貼り付けます。TikTok LIVE Studioでもまったく同じアドレスを使用できます。

下のプレビューでウィジェットやコピーを選び、生成されるアドレスを確認してみてください。

試してみる
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
すべてのアドレスはこのPCのオーバーレイサーバーを指し、ウィジェット名やコピー識別子が続きます。

アドレスは http://127.0.0.1:21424/#overlay-chat のような構造です。数字部分はオーバーレイサーバーの待機ポートです。起動時にポートが競合していた場合、Vfinityは別の空きポートを自動選択して通知するため、アドレスは手入力せずアプリから直接コピーしてください。

ウィジェットの外観を変更する

設定 をクリックすると、原寸大プレビューの隣に設定画面が開きます。プレビューには プレビューのみ と表示され、ここでの操作が配信画面(OBS)に直接反映されることはありません。シミュレート ボタンが付いているウィジェットでは、模擬イベントを再生してリアクションの見た目を確認できます。

ほとんどのウィジェットでは、プレビューがステージになっていて、キャンバス上でウィジェットが置かれる位置に枠が表示されます。枠をドラッグすると移動し、ハンドルをドラッグするとサイズを変えられます。枠は端、中心線、3分割線に吸着します。Alt キーを押しながら操作すると自由な位置に置けます。キャンバスの形 で、ステージを 横長 16:9 と 縦長 9:16(TikTok LIVE) に切り替えられます。

ほとんどのウィジェットは共通のセクションで構成されています:コンテンツ、テキスト、外観、影と奥行き、アニメーション、位置とサイズ。位置とサイズ では、左 (%)、上 (%)、幅 (%)、高さ (%) で正確な位置を決め、配置先 で角、辺、中央のいずれかに寄せ、全体に広げる でキャンバス全体に引き伸ばします。

影、奥行き、文字を設定する

すべてのウィジェットで、同じ見た目の調整項目を使えます。影と奥行き で ドロップシャドウ をオンにし、円形のダイヤルの点をドラッグします。中心から見た点の方向が影の向きに、中心からの距離が影の落ちる距離になります。Shift キーを押すと 15° 刻みで吸着し、ダブルクリックするとリセットされます。

試してみる
ドロップシャドウ
16px

ウィジェット全体

100%
傾き
100%
ダイヤルで影の向きを決め、ウィジェット全体の不透明度、傾き、拡大率を設定します。ダイヤルを回してみてください。

影のプリセット では、ソフト、ハード、グロー、ロング、内側 から1クリックで影全体を設定できます。ぼかし、広がり、影の濃さ、影の色、内側に落とす で細かく調整します。ウィジェット全体 の ウィジェットの不透明度、傾き、拡大率 はウィジェット全体に効き、影と奥行きをリセット ですべて元に戻ります。

ほかのセクションにも、さらに細かい設定があります。

  • テキスト には 文字間隔、行の高さ、大文字・小文字、斜体 に加え、視認性エフェクト を影にしたときの 方向 があります。
  • 外観 には 枠線のスタイル(実線、破線、点線、二重線)があります。
  • アニメーション には、ウィジェットをオフにしたときに再生される 退場スタイル があります。いずれかを選ぶか、登場と同じ を選びます。もう一度再生 を押すと、プレビューでアニメーションをもう一度再生します。

スタイルを別のウィジェットにコピーする

ウィジェットの設定の上部にある スタイル をクリックします。スタイルをコピー では、色、文字、枠線と角、影と奥行き、アニメーションをコピーします。別のウィジェットを開いて スタイル をクリックし、スタイルを貼り付け を選ぶと、両方のウィジェットに共通する部分だけが貼り付けられます。

プリセットとして保存… を使うと、スタイルに名前を付けて マイスタイル に保存できます。マイスタイルでは適用、名前の変更、削除ができます。スタータースタイル には、ネオングロー や ガラス など、出発点にできる6種類が用意されています。貼り付け、適用、削除はすべて 元に戻す で取り消せます。プリセットは、バックアップ時にオーバーレイと一緒に保存されます。

カードを右クリックするとクイック操作メニューが開きます:設定、オン/オフ切り替え、OBS用 URL をコピー、コピーを追加、ルーレットを回す、当選者を引く、アラートをスキップするなどの個別操作が可能です。チャットボックスとアラートのカードには OBSでテスト も付いています。

ウィジェットを複数配置する(コピーの作成)

コピーを追加 をクリックすると、独自の設定とアドレスを持つ独立した2つ目のウィジェットを作成できます(横画面配信用と縦画面配信用で別々のチャットボックスを置いたり、5つ目のゴールを作ったりできます)。コピーは元のウィジェットの隣に コピー バッジ付きで配置され、名前の変更、複製、削除が可能です。

コピーが個別に保持するもの

タイトル、配色、テキスト、配置位置、アップロードした画像など。削除されたコピーのOBSソースは、元のウィジェットを二重表示することなく白紙になります。

コピー間で共有されるもの

ミニゲームのコピーは本体と同じゲーム状況を表示します(選択肢やチャットコマンドはオリジナル側で設定し、オンのままにしてください)。タイマーのコピーは1つのカウントダウンタイマーの時間を別のスタイルで表示します。

アラート を除くすべてのウィジェットでコピーを作成でき、全体で最大16個まで作成可能です。

別のPCのOBSから使用する

配信用PCとゲーム用PCを分ける2PC配信環境の場合、Vfinityは家庭内ローカルネットワーク経由でオーバーレイを提供できます。

ネットワークアクセスを有効にする

設定接続ローカルサーバー に移動し、別のPCのOBSからこれらのオーバーレイを使用 をオンにします。

Vfinityを再起動する

設定は再起動後に有効になります。初回のみWindows Defender ファイアウォールが許可を求めてくるので「プライベートネットワーク」を許可してください(macOSではローカルネットワークアクセスを許可)。

アドレスをコピーし直す

URLをコピー を押すと、秘密のアクセスキーが付加されたPCのネットワークアドレスがコピーされます。これをもう一方のPCのOBSに貼り付けます。

アクセスキーを持たないネットワーク上のアクセスはすべて拒絶されます。万が一誤ってアドレスを公開してしまった場合は、新しいアクセスキー をクリックしてください。古いキーを持つ全アドレスが即座に無効化されるため、新しいアドレスをOBSに再登録します。

信頼できるネットワークでのみ使用してください

ネットワークアクセスを有効にすると、チャット、ギフトの価値、視聴者名を含む配信データがローカルネットワーク上を流れます。自宅の安全な回線でのみ有効にし、公共Wi-Fiや共用ネットワークでは絶対に使用しないでください。

関連ページ