保利威文档中心

幫助中心

chat_js_sdk

更新時間:2022-06-27 18:57:34

概述

此 SDK 用於網頁端接入 POLYV 直播服務,包含雲端課堂與直播助手發起的直播之網頁端觀看,以及 POLYV 聊天室服務,相容於 PC 與行動裝置觀看。

DEMO 位址

· demo

範例程式碼

· 聊天室

快速開始

第一步:引入聊天室 CSS 與 JS

<link rel="stylesheet" href="https://player.polyv.net/jssdk/polyv-chatroom.min.css">
<script src="https://player.polyv.net/jssdk/polyv-chatroom.min.js"></script>

第二步:建立初始化聊天室的 HTML 元素

<div id="wrap"></div>

第三步:請求 token

需先請求以下介面以取得 token 與 mediaChannelKey,並傳遞給 js-sdk

/live/api/channel/operate/get_chat_token

第四步:建立 SDK 實例

var chatroom = new PolyvChatRoom({
    roomId: '268682',
    userId: '153075602311',
    nick: '游客',
    pic: 'http://livestatic.videocc.net/assets/wimages/missing_face.png',
    token: token,// 请求token返回
    mediaChannelKey: mediaChannelKey,// 请求token返回
    version: '2.0',
    container: '#wrap',
    width: 300,
    height: 600,
    userType: '',
    roomMessage: function(data) {
        // TODO
        // data为聊天室socket消息,当有聊天室消息时会触发此方法
        console.log(data);
    }
});
联系客服,在线咨询