<!-- TStar documentation · ja · canonical HTML: https://tstar.stream/ja/docs/live-studio-setup -->

# TikTok LIVE Studio への接続

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

## リンクをコピーする

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

**1. ゲームやツールを選ぶ**

コンソールで使うゲームまたは交流ツールを開き、名前とプレビューを確認します。各機能ページのプレビュー欄からもリンクをコピーできます。

**2. 上部のウィジェットURLからコピー**

上部ナビゲーションの「ウィジェットURL」を開き、対象のコピーを押します。その行の推奨サイズを使い、ウィジェットごとに専用リンクを追加します。

## TikTok LIVE Studio に追加する

**1. ブラウザソースを追加**

TikTok LIVE Studioのソース一覧で + をクリックし、「ブラウザソース」を追加します。

**2. リンクを貼り付け、サイズを設定**

先ほどコピーしたリンクを「URL」欄に貼り付けます。幅と高さはボタン横に表示された推奨サイズをまず入力しておけば大丈夫です。あとからドラッグでサイズを調整してもレイアウトは崩れません —— オーバーレイ画面は設定した枠に合わせて自動的に縦横比を保ったまま拡大縮小されます。

**3. 背景が透過になっているか確認**

オーバーレイの背景はもともと透過なので、クロマキーなどの追加設定は不要です。黒背景が表示される場合は、たいていリンクの貼り間違いか接続がまだ確立されていないことが原因です。[TikTokアカウントの連携](/docs/connect-account)の手順を見直してください。

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

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