TikTok LIVE Studio への接続

各ゲームモードは1本のWebリンクになっており、TikTok LIVE Studioの「ブラウザソース」に貼り付けるだけで画面に表示されます。背景はもともと透過なので、追加のクロマキー設定は不要です。

リンクをコピーする

リンクの取得方法は2通りあります。

ゲームやツールを選ぶ
コンソールで使うゲームまたは交流ツールを開き、名前とプレビューを確認します。各機能ページのプレビュー欄からもリンクをコピーできます。
上部のウィジェットURLからコピー
上部ナビゲーションの「ウィジェットURL」を開き、対象のコピーを押します。その行の推奨サイズを使い、ウィジェットごとに専用リンクを追加します。

ブラウザソースを追加
TikTok LIVE Studioのソース一覧で + をクリックし、「ブラウザソース」を追加します。
リンクを貼り付け、サイズを設定
先ほどコピーしたリンクを「URL」欄に貼り付けます。幅と高さはボタン横に表示された推奨サイズをまず入力しておけば大丈夫です。あとからドラッグでサイズを調整してもレイアウトは崩れません —— オーバーレイ画面は設定した枠に合わせて自動的に縦横比を保ったまま拡大縮小されます。
ソースを追加し、Link を選択（英語版の画面）。
URL 入力前のリンク設定（英語版の画面）。
背景が透過になっているか確認
オーバーレイの背景はもともと透過なので、クロマキーなどの追加設定は不要です。黒背景が表示される場合は、たいていリンクの貼り間違いか接続がまだ確立されていないことが原因です。TikTokアカウントの連携の手順を見直してください。

互換性について

オーバーレイは標準的なWebページなので、TikTok LIVE Studioのブラウザソースにそのまま貼り付けるだけです。TikTok LIVE Studioのブラウザソースは、実機で検証済みの組み合わせです。表示に問題が発生した場合は、サポートチームまでご報告ください。

準備はできましたか?次はクイックスタート:はじめてのPKへ進むか、先にオーバーレイのサイズとレイアウトの目安でどのゲームモードを重ねるか検討してみてください。