在网站上的视频直播添加弹幕做法

弹幕使用的是阿里云的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.返回之后将弹幕数据插入弹幕中。