|
主题:[补丁]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) 顶端 底部 |
第三步 就可以直接进入直播页了呢 话不多说 看图 页面是不是比较美观了啊 瞧! 而且聊天的时候 速度也是很快的呢!!! 可以直接下载下面的补丁包进行一个临时更新呢 提前体验此效果的小伙伴可点击下载
注意 :此次补丁包仅适用于已经更新到最新版本的系统 更新前注意做好程序备份 如有不理解的 或者更新过程出现问题的 可以在此贴下方进行留言哈! |
|||
支持(0) | 反对(0) 顶端 底部 |
<上一主题 | 下一主题 > |