TikTok LIVE Studio への接続
各ゲームモードは1本のWebリンクになっており、TikTok LIVE Studioの「ブラウザソース」に貼り付けるだけで画面に表示されます。背景はもともと透過なので、追加のクロマキー設定は不要です。
リンクをコピーする
リンクの取得方法は2通りあります。
クイック操作:下部接続バーのワンクリックコピー
下部接続バーには現在のゲームモードのコピー用ボタンが表示され、「🔗 リンクをコピー(ゲームモード名)」というテキストと、推奨サイズが横に表示されます。ゲームモードを切り替えると、このボタンでコピーされるリンクも新しいゲームモードのものに切り替わります。
全リンク一覧:「オーバーレイリンク」パネル
設定ページには「オーバーレイリンク」パネルがあり、すべてのゲームモードのリンクが一覧表示されます。各行に個別の「コピー」ボタンがあるので、複数のゲームモードを同じ配信にまとめて重ねたい場合に便利です。
📷 截圖準備中:設定ページの「オーバーレイリンク」パネル。複数の /widget/xxx リンクとコピーボタンが並ぶ
TikTok LIVE Studio に追加する
ブラウザソースを追加
TikTok LIVE Studioのソース一覧で + をクリックし、「ブラウザソース」を追加します。
リンクを貼り付け、サイズを設定
先ほどコピーしたリンクを「URL」欄に貼り付けます。幅と高さはボタン横に表示された推奨サイズをまず入力しておけば大丈夫です。あとからドラッグでサイズを調整してもレイアウトは崩れません —— オーバーレイ画面は設定した枠に合わせて自動的に縦横比を保ったまま拡大縮小されます。
📷 截圖準備中:TikTok LIVE Studioのブラウザソース追加ダイアログ。URL欄にオーバーレイリンクを貼り付けた状態
背景が透過になっているか確認
オーバーレイの背景はもともと透過なので、クロマキーなどの追加設定は不要です。黒背景が表示される場合は、たいていリンクの貼り間違いか接続がまだ確立されていないことが原因です。TikTokアカウントの連携の手順を見直してください。
互換性について
オーバーレイは標準的なWebページなので、TikTok LIVE Studioのブラウザソースにそのまま貼り付けるだけです。TikTok LIVE Studioのブラウザソースは、実機で検証済みの組み合わせです。表示に問題が発生した場合は、サポートチームまでご報告ください。
準備はできましたか?次はクイックスタート:はじめてのPKへ進むか、先にオーバーレイのサイズとレイアウトの目安でどのゲームモードを重ねるか検討してみてください。