|
主题:[补丁]KesionEDU网校播放页嵌入保利威视直播助手互动聊天功能啦! [收藏主题] |
在这之前,KESION网校直播页面右边的评论区域,用户和用户,用户和老师之间的互动是在网校系统中的;而保利威视直播,老师上课是通过直播助手登录,在直播助手聊天室与学员互动的话,学员和老师的聊天内容是对不上的,所以,当时是两种方案: 1、直播的时候建议用户们是直接选择外部链接跳转到保利威视直接上课,聊天室可以直接互动,但是这样聊天的内容是保存在保利威平台; 2、直播的时候,老师要同时开启保利威直播助手,还要另外以老师的身份同时进入网校的直播页面和学员进行互动,这样确实有点不方便,特别是老师自己一个人做直播的话,因为网页直播的延迟会产品回音。 那么,KESION应广大用户的需求,将第三方保利威视的直播助手聊天窗口,直接嵌入到KESION网校直播页面!!! 科汛的技术小哥哥针对保利威视直播有做了一次很大的优化 直接对接了保利威视的聊天窗口 实现了直播聊天的低延迟呢~ 接下来,我带领大家 自主配置直播聊天信息呢(请确保您当前的KESION网校版本已经升级更新于最新版本6.0 190522版本) 首先 就是要先引用一下 保利威视的样式信息呢 不让对接出来的效果是丑丑的 样式地址: <link rel="stylesheet" href="https://player.polyv.net/jssdk/polyv-chatroom.min.css"> 这个地址要放在:模板路径/课程系统/直播课程播放页.html 要放在头部哦 其次在对应的模板配置文件中要增加一个节点信息哦 配置的路径:模板地址/config/mscourselist.config 直接放在最后面的节点即可 <!--保利卫视的聊天信息--> <showChat name="ployplay"> <![CDATA[ <script src="https://player.polyv.net/jssdk/polyv-chatroom.min.js"></script>
<script> var roomMessage = function (data) { console.log(data); } var chatroom = new PolyvChatRoom({ roomId: '{KS:Field:liveID}', //直播房间id userId: '{KS:Field:Userid}', //当前用户信息 nick: '{KS:Field:UserName}', //当前用户名 pic: '{KS:Field:UserFace}', //当前的用户头像 token: '{KS:Field:LiveChatToken}', //聊天的token令牌 container: '#wrap', width: 300, height: 600, userType: '', roomMessage: roomMessage, enableSetNickname: true, enableFlower: false, enableLike: false, tabData: [{ name: '聊天', type: 'chat' }, { name: '在线', type: 'user-list' }, { name: '其他', type: 'other' }] }); </script> ]]> </showChat> |
|
支持(0) | 反对(0) 顶端 底部 |
<上一主题 | 下一主题 > |