쇼룸의 위치와 보여줄 콘텐츠를 직접 설정하여 웹 페이지에 설치합니다. 함수 별 페이로드의 정의는 [payload 정의](https://docs.sauce.im/docs/showroom-library-payload)를 참고해주세요. *** ## 전체 코드 예시 아래의 **\[1단계] 설정**과 **\[2단계] 콘텐츠 보여주기**가 모두 적용된 예시 코드입니다.
필요에 따라 주석을 제거하여 사용해 주세요. ## \[1단계] 설정 ### 라이브러리 스크립트 설정 ```html ``` ### 테마 설정 호출하지 않는 경우, 기본 테마가 설정되므로, 커스텀 테마를 적용하고 싶으신 경우 설정해주세요. ```html ``` ### 최대 너비 설정 호출하지 않는 경우, 기본 너비가 설정되므로, 쇼룸이 보여질 최대 너비(px)를 직접 지정하고 싶으신 경우 설정해주세요. ```html ``` ### 멤버 토큰 설정 호출하는 경우, 플레이어로 진입 시, 설정한 JWT 토큰이 전달되고, 토큰이 유효한 경우 로그인됩니다.
라이브나 클립 관련 로그인 기능을 사용하고 싶으신 경우, **멤버 토큰 설정**이나 **간편 인증**을 사용해 주세요. ```html ``` ### 간편 인증 호출하는 경우 설정한 유저 정보로 JWT 토큰을 생성하고, 플레이어로 진입 시, 생성된 JWT 토큰이 전달되고, 토큰이 유효한 경우 로그인됩니다.
라이브나 클립 관련 로그인 기능을 사용하고 싶으신 경우, **멤버 토큰 설정**이나 **간편 인증**을 사용해 주세요. ```html ``` ## \[2단계] 콘텐츠 보여주기 ### 전체 페이지 보여주기 ```html ``` ### 이미지 배너 보여주기 ```html ``` ### 띠 배너 보여주기 ```html ``` ### 라이브 배너 보여주기 ```html ``` ### 최근 라이브 보여주기 ```html ``` ### 예정된 라이브 보여주기 ```html ``` ### 라이브 캘린더 보여주기 ```html ``` ### VOD큐레이션 보여주기 ```html ``` ### CLIP큐레이션 보여주기 ```html ``` ### 검색 영역 보여주기 ```html ```