라이브러리 인증 기능
비회원, 간편 인증, JWT 인증 방식을 지원합니다.
간편 인증과 JWT 인증으로 사용자 정보를 연동할 수 있습니다. 간편 인증은 빠르고 간편하게 인증 사용을 할 수 있지만, 보안 강화와 임의의 사용자 ID가 어뷰징 되는 것을 방지하기 위해 JWT 인증을 할 수 있습니다. JWT Token 생성
게스트(비로그인) 사용자로 사용하기
<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 를 입력해주세요' });
// 다른 내용은 동일합니다만 방송이 stage 방송일 경우 아래의 코드로 테스트때 사용해주세요
// window.SauceLiveLib.setInit({ broadcastId: 'stage 방송ID 를 입력해주세요',env:'stage' });
window.SauceLiveLib.load('sauce_live')
</script>
or
<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() //default 'sauce_live'
</script>
간편 인증 사용하기 (일반 텍스트 형식의 nickName 및 memberId)
<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: string,
nickName: string,
age?: string, //옵션 ex) 10, 20, 30 - 나이대
gender?: string, //옵션 ex) m, w - 성별 남자(m), 여자(w)
});
window.SauceLiveLib.load() //default 'sauce_live'
</script>
간편 인증 사용 예시 (고객사 사용시의 코드 예시)
<div id='sauce_live'></div>
<script type="text/javascript" src="https://player.sauceflex.com/static/js/SauceLiveLib.js"></script>
<script>
// 현재 고객이 로그인되어있는지 확인할수 있는 고객사 API를 사용합니다.
const response = await fetch(`YOUR API`);
// 고객사 API 에서 실제적으로 고객을 파악할수 있는 ID 와 이름 혹은 닉네임을 추출합니다.
const { memberId,nickName,name } = await response.json();
// URL 에서 방송ID를 가져오는 샘플 코드입니다.
const params =new URLSearchParams(window.location.search);
const broadcastId = params.get('broadcastId');
if(memberId && broadcastId ){
window.SauceLiveLib.setInit({ broadcastId: broadcastId });
window.SauceLiveLib.setMemberObject({
memberId: memberId,
// 채팅창에 표기되는 이름을 추가해줍니다. nickName을 표기하려면 nickName 이름을 표기하려면 이름을 입력해주세요
nickName: nickName,
});
window.SauceLiveLib.load();
// 멤버ID 등이 존재하지 않으면 비로그인으로 플레이어를 실행시킵니다.
} else if (broadcastId) {
window.SauceLiveLib.setInit({ broadcastId: broadcastId });
// 비회원 로그인을 표기하는 세팅입니다.
window.SauceLiveLib.setMemberToken(" ");
window.SauceLiveLib.load();
}
</script>
Updated about 10 hours ago