콜러스 라이브-채팅 (chatting) 연동 -챗롤 (www.chatroll.com)
콜러스 라이브-chatting 연동-챗롤(www.chatroll.com) 

채팅 시스템 연동을 위한 메뉴의 활성화를 위해서는 콜러스 영업담당에게 선 문의 바랍니다. 초기 계정 설정 시 신청하지 않을 경우 채널관리 메뉴 탭 내에서 보이지 않습니다. 또한 챗롤 서비스 사이트로 별도 가입을 한 뒤 해당 가이드를 참조하시기 바랍니다. (챗롤과 콜러스는 서비스를 공유하거나 상호 재판매 하지 않습니다.) 

  • 챗롤 임베드 코드 (Chatroll embed code)
    • 챗롤채팅은 챗롤 사이트( https://chatroll.com/)에서 생성된 임베디드 코드와 API Key에 의해서  콜러스 플레이어와 연동이 됩니다.
    • 임베디드 코드는 챗롤 사이트 접속후 https://chatroll.com/ 생성된 채팅방을 선택한후 소스코드를 클릭하면 확인하실수 있습니다.

    •  임베디드 코드는 콜러스 라이브 콘솔의 채널 설정 항목중에서 채팅종류 아래에 저장하게 됩니다.

<iframe width=”450″ height=”350″ frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ allowtransparency=”true” src=”https://chatroll.com/embed/chat/qekn?id=VzT2twpIsw7&platform=html”></iframe>

 

  • 챗롤 API Key
    • 콜러스 플레이어와 챗롤 채팅연동을 위해서는 챗롤의 API Key가 필요합니다. API Key는 챗롤에 생성된 계정에 종속되며, 서로 다른 채팅방이라고 할지라도 동일한 API Key에 의해서 접근하게 됩니다.
    • API Key는 콜러스 라이브 계정의 채팅 설정으로 저장됩니다. (서비스를 위해서는 콜러스 라이브 계정에 미리 API Key를 저장해야만 합니다.)
    • 소스코드 -> 싱글사인온 통합 -> Custom Application을 선택하면 Secret API key가 화면에 노출됩니다.
erptit8idqubg7p4

 

  • Console- 채팅설정
    • 운영자는 채널설정의 세부설정항목중 채팅탭에서 아래와 같은 형태로 설정작업을 진행합니다.
    • 해당 메뉴는 채널 관리 > 채널 수정 하단 메뉴탭에 위치합니다. 
    • 챗롤채팅연동을 위해서는 아래와 같이 설정을 하게 됩니다.
      • 채팅사용으로 선택
      • 채팅위치 선택
      • 채팅종류에 챗롤의 임베딩 코드 추가

  • 채널뷰(Channel View)
    • 널설정에서 채팅관련한 설정을 하면 채널뷰에서 아래와 같이 채팅창이 표시되게 됩니다

  • HTML5 Player와 실서비스 적용
    • HTML5 Player 실행화면 (채팅사용, 채팅위치(아래))
    • JWT 생성시 Payload항목들중에서 채팅창에 표시되는 이름(client_user_name) 및 채팅창의 위치(chatting_policy.position)등을 지정해서 호출할 수 있습니다.

 

Was this article helpful?

No 2