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);
}
});
