Guides

라이브러리 기본 사용법 (게스트)

이 페이지는 소스라이브 플레이어 라이브러리를 사용하는 과정을 안내합니다.

소스라이브 플레이어의 위치와 레이아웃을 직접 설정하여 웹 페이지에 설치합니다.

컨테이너 레이아웃의 스타일을 직접 지정합니다.

broadcastId 를 지정하여 특정 방송을 실행합니다.

[1단계] 설정

HTML

<script type="text/javascript" src="https://player.sauceflex.com/static/js/SauceLiveLib.js"></script>

<script> window.SauceLiveLib.setInit({ broadcastId: '방송ID 를 입력해주세요' });</script>

[2단계] Player 설치 하기

소스라이브의 위치와 레이아웃을 설정하여 웹 페이지에 설치한 뒤, 컨테이너 레이아웃의 스타일을 지정합니다.

아래의 코드 적용 시 사용자 정보 전달 없이 플레이어를 실행할 수 있습니다. Guest로 참여한 사용자가 채팅에 참여를 원하시면 고객사에게 문의 주시면 세팅 가능합니다.

<style>
  #player {
    max-width: 360px;
    height: 612px;
    margin: auto;
  }
</style>
<div id="player"></div>
<script> 
  // id 미지정시에는 sauce_live 라는 ID 를 지정해주세요
  window.SauceLiveLib.load('player');
</script>