GuidesAPI GuideChangelog
Log In
Guides

E. PIP로 바로 시작하기

시청자가 방송을 보기 전에 앱이 PIP 로 바로 시작합니다. showFloatingPlayer() 는 지정한 라이브 ID 를, setOnAirInit() 은 진행 중인 방송 중 SDK 가 고른 하나를 띄웁니다.

E. PIP로 바로 시작하기 — 소스라이브 플레이어 Android SDK
⏱ 예상 소요 시간: 10~20분 (방식에 따라 상이)
📋 사전 조건: 2. 플레이어 실행하기
앱 홈 화면 위에 떠 있는 작은 플레이어
▲ 앱 홈 화면 위에 떠 있는 작은 플레이어
PIP로 전환하기와의 차이

둘 다 작은 창으로 보이지만 시작하는 시점이 다릅니다.
D. PIP로 전환하기 는 보던 플레이어가 다른 화면으로 넘어갈 때 작아지는 것이고, 이 페이지는 보기 전에 앱이 원하는 화면에서 PIP 로 바로 시작하는 것입니다.
전체화면을 거치지 않고 처음부터 작은 창으로 보입니다.

D. PIP로 전환하기E. PIP로 바로 시작하기
시작 시점시청자가 방송을 보던 중시청자가 방송을 보기 전
시작하는 쪽시청자 — PIP 버튼 · 홈 버튼 · 다른 앱으로 전환앱 코드
목적보던 방송 이어 보기진행 중인 방송으로 시청자 유입

작은 창은 한 번에 하나만 뜹니다. PIP 창이 떠 있을 때 이 페이지의 방식으로 띄우면 기존 PIP 창이 닫히고 새 창만 남습니다.

작은 창으로 띄우기

인자는 2. 플레이어 실행하기 와 같습니다.
token 에 null 을 넘기면 게스트로, 토큰을 넘기면 회원으로 시청합니다.
작은 창에는 확대 · 음소거 · 닫기 버튼이 있고, 영상을 누르면 재생과 일시정지가 바뀝니다. 확대 버튼을 누르면 전체 플레이어가 됩니다.

Kotlin
// 게스트로 띄우기
SauceClient.showFloatingPlayer(
    context     = this,
    broadcastId = "라이브 ID",
    token       = null
)

// 회원으로 띄우기 — 사용자 토큰을 함께 전달
SauceClient.showFloatingPlayer(
    context     = this,
    broadcastId = "라이브 ID",
    token       = "발급받은 사용자 토큰"
)
파라미터필수설명
context필수호출하는 화면의 컨텍스트
broadcastId필수띄울 라이브 ID → 라이브 ID 확인하기
token필수사용자 토큰. null 이면 게스트로 시청합니다
options선택이번 창에만 쓸 모양. 생략하면 setPipOptions 값을 씁니다 → 작은 창 모양 정하기
📘 앱 코드로 닫거나 상태를 확인할 수 있습니다. SauceClient.closePIPMode() 로 닫고, SauceClient.getFloatingState() 로 지금 상태를 봅니다. 상태가 바뀔 때마다 받으려면 SauceClient.setFloatingListener() 를 등록합니다 → Event handler
❗ 다른 앱 위에 표시하는 것은 아닙니다 — 앱 안에서만 떠 있습니다. 다른 앱 위에 띄우려면 시스템 오버레이 권한이 필요하고 정책 검토가 따릅니다. 필요하다면 담당자에게 문의해 주세요.
진행 중인 방송으로 띄우기

setOnAirInit() 은 파트너의 LIVE 방송 중 가장 최근에 시작한 방송 하나를 SDK 가 골라, LIVE 뱃지가 붙은 작은 창으로 띄웁니다.
라이브 ID 를 앱이 정하면 위의 showFloatingPlayer(), 방송 선택까지 SDK 에 맡기면 setOnAirInit() 을 씁니다.

Kotlin
// 가능하면 현재 화면 Activity 를 넘깁니다
SauceClient.setOnAirInit(context = this)

위치·크기·뱃지 이미지를 정하고, 선택 결과와 상태를 받으려면 옵션과 리스너를 함께 씁니다.

Kotlin
SauceClient.setFloatingListener(object : SauceFloatingListener {
    override fun onStateChanged(state: SauceFloatingState, broadcastId: String?) {
        // FULL / MINI / OS_PIP / CLOSED
    }
    override fun onFloatingClosed(broadcastId: String?, reason: SauceFloatingCloseReason) {
        // USER / HOST / BROADCAST_ENDED
    }
})

SauceClient.setOnAirInit(
    context = this,
    options = SaucePipOptions(
        widthDp          = 120,
        position         = SaucePipPosition.BOTTOM_RIGHT,
        marginVerticalDp = 76,                  // 기본 여백 20 + 하단 탭바 56
        badge            = SaucePipBadge.Image("https://example.com/live-badge.gif"),
        activityFilter   = { activity -> activity !is CheckoutActivity },
    ),
    token   = "발급받은 사용자 토큰",
) { result ->
    when (result) {
        is SauceOnAirResult.Selected -> { /* result.broadcastId, result.broadcastStateCode */ }
        SauceOnAirResult.None        -> { /* LIVE 방송 없음 · 조회 실패 · 초기화 전 */ }
    }
}
📘 파트너와 환경은 초기화 값을 따릅니다. 스테이지로 초기화하면 스테이지의 LIVE 방송에서 고릅니다. 초기화 전에 부르면 아무것도 띄우지 않고 바로 None 이 옵니다.

작은 창은 영상만 재생합니다. 채팅·상품 등 상호작용은 없습니다.
영상을 누르면 전체 플레이어로 전환되고, 같은 영상이 끊김 없이 이어집니다.
드래그로 옮길 수 있고, 놓은 자리에 남습니다. 화면 밖으로 끌면 화면 안쪽에서 멈춥니다.
옵션·결과·제어 메서드 전체 → API · 리스너 → Event handler

항목동작
OS 버전SDK 최소 버전(API 26) 이상이면 버전과 관계없이 앱 화면 위 작은 창으로 띄웁니다.
방송 선택상태가 onair·warning 인 방송 중 시작 시각이 가장 최근인 하나를 고릅니다. 시작 시각이 없는 방송은 뒤로 갑니다.
목록은 호출 1회당 1회 조회합니다.
방송 교체띄운 뒤 다른 방송이 시작돼도 바뀌지 않습니다. 다시 고르려면 setOnAirInit() 을 다시 호출합니다.
다시 호출기존 창을 통지 없이 닫고 새로 조회합니다. 한 번에 하나만 뜹니다.
방송 종료방송 상태는 채팅 연결로 받습니다. 연결이 끊긴 동안에는 30초마다 직접 확인합니다.
방송이 VOD 로 바뀌면 닫지 않고 뱃지를 숨긴 채 VOD 로 이어서 재생합니다. 취소처럼 더 재생할 수 없게 되면 닫습니다(BROADCAST_ENDED). 조회에 실패하면 유지합니다.
뱃지 이미지PNG·SVG·GIF(움직이는 GIF 포함)를 씁니다. 3초 안에 불러오지 못하면 기본 LIVE 뱃지를 표시합니다.
크기를 정하지 않으면 높이는 최대 24dp, 너비는 이미지 비율을 따릅니다.
백그라운드작은 창 상태로 백그라운드로 가면 닫습니다(HOST). closeOnBackground = false 면 재생을 멈추고, 돌아오면 이어서 재생합니다.
권한매니페스트 선언이 필요 없습니다. SDK 매니페스트에 포함돼 있습니다.
작은 창 모양 정하기

크기 · 위치 · 버튼 · 뱃지 · 테두리 · 그림자는 SaucePipOptions 로 정합니다.
앱 전체에 쓰려면 SauceClient.setPipOptions() 에, 이번 창에만 쓰려면 showFloatingPlayer() · setOnAirInit() 의 options 에 넘깁니다.

Kotlin
// 앱 전체 기본값. 플레이어의 PIP 버튼과 options 없이 부른 showFloatingPlayer() 가 씁니다
SauceClient.setPipOptions(
    SaucePipOptions(
        widthDp       = 160,
        position      = SaucePipPosition.BOTTOM_LEFT,
        buttonList    = listOf(SaucePipButton.FULLSCREEN, SaucePipButton.EXIT),  // 음소거 버튼 숨김
        borderWidthDp = 1,
        borderColor   = "#FF8A00",
    )
)

정하지 않은 항목은 띄우는 방법마다 기본값이 다릅니다.

항목setOnAirInit그 밖(showFloatingPlayer · PIP 버튼)
크기너비 150dp, 9:16화면 너비 45%(최대 220dp), 영상 비율
가장자리 여백20dp15dp
레이아웃BADGE: LIVE 뱃지와 닫기 버튼. 영상을 누르면 전체 화면CONTROL: 확대 · 음소거 · 닫기 버튼. 영상을 누르면 재생 · 일시정지
소리음소거로 시작소리를 켜고 시작

setPipOptions() 는 이미 떠 있는 창에는 적용되지 않고, 다음에 띄우는 창부터 적용됩니다.
항목 전체 → API

스크롤에 따라 띄우기

스크롤 위치에 따라 띄우는 옵션은 없습니다.
앱이 스크롤을 감지해 원하는 시점에 호출합니다.

  • 1
    스크롤 위치를 감지합니다. 화면의 스크롤 리스너에서 현재 위치를 읽습니다.
  • 2
    기준을 넘으면 호출합니다. showFloatingPlayer() 또는 setOnAirInit() 을 부릅니다.


Did this page help you?
🏠 소스라이브 🎬 소스클립 🔗 소스링크 📢 소스애드
🧩 API 가이드
🆕 최근 업데이트
💬 도움이 더 필요하신가요?
메일로 문의 카카오톡 채널로 문의
담당자에게 문의하기

궁금한 점이나 불편했던 점을 남겨주시면 담당자가 확인 후 답변드릴게요.

가이드 챗봇
* AI를 활용해 답변해서 사실과 다를 수도 있어요. 더 궁금한 사항은 '담당자에게 문의하기'를 이용해주세요.
💡 궁금한 솔루션(예: 라이브, 링크 등)을 함께 적어주시면 더 정확한 답변을 받을 수 있어요.