弹幕使用的是阿里云的Aliplayer
参考官网:https://help.aliyun.com/document_detail/125570.html?spm=a2c4g.11186623.6.1099.16b824654fRSp6
https://github.com/jabbany/CommentCoreLibrary/blob/master/docs/DoingItRight.md
由于公司让我3天研究出来,确定着急,所以果断放弃了websocket的方式,采用ajax轮询方法。
大概思路是这样的,
一、发送功能
1.使用aliplayer的视频播放器,需要在代码中添加弹幕的组件(AliplayerDanmuComponent)即可实现弹幕效果了,但是这个弹幕只是单方面的在本机上显示了,并没有推送到其他的手机上,所以这个功能还需要自己搞的。
2.记录当前的时间,放入变量:currTime,用作于检查时间和发送时间,
2.监听发送按钮的事件,然后取到内容(我是使用的jquery选择器的方法读取到的,这方法是有点笨,但我找了半天也没找到如何能监听到这个发送事件,如果有朋友知道方法的话麻烦指点一下,感谢)。
3.将弹幕内容和currTime发送给服务器端 ,服务器端记录在数据库中
二、定时读取功能(假设5秒读取一次)
1.更新变量:currTime 为当前时间-5秒(减去定时等待那5秒时间)
2.将currTime发送到服务端,服务端读取创建时间大于等于currTime的弹幕数据,将返回
3.返回之后将弹幕数据插入弹幕中。