E. PIP로 바로 시작하기
시청자가 방송을 보기 전에 앱이 PIP 로 바로 시작합니다. showFloatingPlayer() 는 지정한 라이브 ID 를, setOnAirInit() 은 진행 중인 방송 중 SDK 가 고른 하나를 띄웁니다.
둘 다 작은 창으로 보이지만 시작하는 시점이 다릅니다.
D. PIP로 전환하기 는 보던 플레이어가 다른 화면으로 넘어갈 때 작아지는 것이고, 이 페이지는 보기 전에 앱이 원하는 화면에서 PIP 로 바로 시작하는 것입니다.
전체화면을 거치지 않고 처음부터 작은 창으로 보입니다.
| D. PIP로 전환하기 | E. PIP로 바로 시작하기 | |
|---|---|---|
| 시작 시점 | 시청자가 방송을 보던 중 | 시청자가 방송을 보기 전 |
| 시작하는 쪽 | 시청자 — PIP 버튼 · 홈 버튼 · 다른 앱으로 전환 | 앱 코드 |
| 목적 | 보던 방송 이어 보기 | 진행 중인 방송으로 시청자 유입 |
작은 창은 한 번에 하나만 뜹니다. PIP 창이 떠 있을 때 이 페이지의 방식으로 띄우면 기존 PIP 창이 닫히고 새 창만 남습니다.
인자는 2. 플레이어 실행하기 와 같습니다.
token 에 null 을 넘기면 게스트로, 토큰을 넘기면 회원으로 시청합니다.
작은 창에는 확대 · 음소거 · 닫기 버튼이 있고, 영상을 누르면 재생과 일시정지가 바뀝니다. 확대 버튼을 누르면 전체 플레이어가 됩니다.
// 게스트로 띄우기 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() 을 씁니다.
// 가능하면 현재 화면 Activity 를 넘깁니다 SauceClient.setOnAirInit(context = this)
위치·크기·뱃지 이미지를 정하고, 선택 결과와 상태를 받으려면 옵션과 리스너를 함께 씁니다.
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 방송 없음 · 조회 실패 · 초기화 전 */ } } }
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 에 넘깁니다.
// 앱 전체 기본값. 플레이어의 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), 영상 비율 |
| 가장자리 여백 | 20dp | 15dp |
| 레이아웃 | BADGE: LIVE 뱃지와 닫기 버튼. 영상을 누르면 전체 화면 | CONTROL: 확대 · 음소거 · 닫기 버튼. 영상을 누르면 재생 · 일시정지 |
| 소리 | 음소거로 시작 | 소리를 켜고 시작 |
setPipOptions() 는 이미 떠 있는 창에는 적용되지 않고, 다음에 띄우는 창부터 적용됩니다.
항목 전체 → API
스크롤 위치에 따라 띄우는 옵션은 없습니다.
앱이 스크롤을 감지해 원하는 시점에 호출합니다.
-
1스크롤 위치를 감지합니다. 화면의 스크롤 리스너에서 현재 위치를 읽습니다.
-
2기준을 넘으면 호출합니다.
showFloatingPlayer()또는setOnAirInit()을 부릅니다.
Updated 1 day ago
