사용자 인증

<div id='sauce_live'></div>
<script type="text/javascript"
        src="https://player.sauceflex.com/static/js/SauceLiveLib.js"></script>
<script>
  window.SauceLiveLib.setInit({ broadcastId: '라이브ID를 입력해주세요' });
  window.SauceLiveLib.load(); // 기본 컨테이너 ID: 'sauce_live'
</script>

<div id='sauce_live'></div>
<script type="text/javascript"
        src="https://player.sauceflex.com/static/js/SauceLiveLib.js"></script>
<script>
  window.SauceLiveLib.setInit({ broadcastId: '라이브ID를 입력해주세요' });
  window.SauceLiveLib.setMemberObject({
    memberId: '고객사 회원 고유 ID',  // 필수
    nickName: '채팅에 표시될 닉네임', // 필수
    age: '20',      // 선택 (통계용: 10, 20, 30, 40, 50, 60)
    gender: 'm',   // 선택 (통계용: 'm' 남성, 'w' 여성)
  });
  window.SauceLiveLib.load();
</script>

// 1. 고객사 API로 로그인 회원 정보를 조회합니다
const response = await fetch(`YOUR_MEMBER_API`);
const { memberId, nickName } = await response.json();

// 2. URL 파라미터에서 라이브 ID를 가져옵니다

const params = new URLSearchParams(window.location.search);
const broadcastId = params.get('broadcastId');

if (memberId && broadcastId) {
  // 3a. 로그인 사용자: 회원 정보와 함께 플레이어 실행
  window.SauceLiveLib.setInit({ broadcastId });
  window.SauceLiveLib.setMemberObject({ memberId, nickName });
  window.SauceLiveLib.load();
} else if (broadcastId) {
  // 3b. 게스트: 인증 없이 플레이어 실행
  window.SauceLiveLib.setInit({ broadcastId });
  window.SauceLiveLib.load();
}

<div id='sauce_live'></div>
<script type="text/javascript"
        src="https://player.sauceflex.com/static/js/SauceLiveLib.js"></script>
<script>
  window.SauceLiveLib.setInit({ broadcastId: '라이브ID를 입력해주세요' });
  window.SauceLiveLib.setMemberToken('서버에서 발급한 JWT 토큰');
  window.SauceLiveLib.load();
</script>