TikTok LIVE Studio 연동
각 게임 모드는 하나의 웹 링크로 제공되며, TikTok LIVE Studio의 "브라우저 소스"에 붙여넣으면 화면에 바로 나타납니다. 배경은 기본적으로 투명하므로 별도의 배경 제거 설정이 필요 없습니다.
링크 복사하기
링크를 받는 방법은 두 가지입니다.
빠른 방법: 하단 연결 바의 원클릭 복사
하단 연결 바에는 현재 게임 모드의 복사 버튼이 표시되며, "🔗 링크 복사(게임 모드 이름)"라는 문구와 함께 옆에 권장 크기가 표시됩니다. 게임 모드를 전환하면 이 버튼으로 복사되는 링크도 새 게임 모드 링크로 바뀝니다.
전체 목록: '오버레이 링크' 패널
설정 페이지에는 "오버레이 링크" 패널이 있어 모든 게임 모드의 링크를 한 번에 확인할 수 있습니다. 각 항목마다 독립된 "복사" 버튼이 있어, 여러 게임 모드를 한 방송에 동시에 오버레이하기 편리합니다.
📷 截圖準備中:설정 페이지의 '오버레이 링크' 패널, 여러 개의 /widget/xxx 링크와 복사 버튼이 나열된 화면
TikTok LIVE Studio에 추가하기
브라우저 소스 추가
TikTok LIVE Studio의 소스 목록에서 + 버튼으로 "브라우저 소스"(Browser Source)를 추가하세요.
링크 붙여넣기, 크기 설정
방금 복사한 링크를 "URL" 입력란에 붙여넣으세요. 가로세로 크기는 버튼 옆에 표시된 권장 크기로 먼저 입력하면 되고, 이후 드래그로 조정해도 레이아웃이 깨지지 않습니다 —— 오버레이 화면은 설정한 프레임에 맞춰 비율을 유지한 채 자동으로 채워집니다.
📷 截圖準備中:TikTok LIVE Studio의 브라우저 소스 추가 대화상자, URL 입력란에 오버레이 링크가 붙여넣어진 화면
배경이 투명한지 확인
오버레이 배경은 기본적으로 투명하므로 별도로 배경 제거나 크로마키를 설정할 필요가 없습니다. 검은 배경이 보인다면 대부분 링크를 잘못 붙여넣었거나 아직 연결이 완료되지 않은 경우이니, TikTok 계정 연결 단계를 다시 확인하세요.
호환성 안내
오버레이는 표준 웹 페이지이므로, TikTok LIVE Studio의 브라우저 소스에 그대로 붙여넣으면 됩니다. TikTok LIVE Studio의 브라우저 소스는 실제 기기로 검증을 마친 조합입니다. 표시에 문제가 있다면 고객 지원팀으로 알려주세요.
준비되셨나요? 다음은 빠른 시작: 첫 PK 진행하기를 확인하시거나, 먼저 오버레이 크기와 레이아웃 가이드에서 어떤 게임 모드를 오버레이할지 골라보세요.