Danmmu Player是一个具备弹幕功能的Html5视频播放器。我们在观看视频的时候，可以对视频发表自己的观点，当点击发送按钮后，发表的内容会在视频屏幕上以彩弹的形式发出，并做滚动展示动画效果，即视频弹幕功能。
程序员，你不是一个人；网站开发QQ群：136483411 在线充值，或联系QQ 304534221直接充值
如何使用Danmmu Player需要依赖jQuery，因此首先需要加入相关css和js文件。
<link rel="stylesheet" href="css/main.css">
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/jquery.danmu.js"></script>
<script src="js/main.js"></script>
最后，关键的部分，配置参数，调用插件。
$("#danmup").DanmuPlayer({
src: "abc.mp4", //视频源
height: "480px", //区域的高度
width: "800px", //区域的宽度
urlToGetDanmu:"getData.php", //从后端获取弹幕数据
urlToPostDanmu:"sendData.php" //发送弹幕数据给后端保存入库
});
Danmmu Player的addDanmu方法是将弹幕内容追加到屏幕中，看清楚了，这是一串json格式的数据，其中：
text——弹幕文本内容
color——弹幕颜色。
position——弹幕位置 0为滚动 1 为顶部 2为底部
size——弹幕文字大小。 0为小字 1为大字
time——弹幕所出现的时间。 单位为分秒(十分之一秒)
isnew——当出现该属性时(属性值可为任意)，会认为这是用户新发的弹幕，从而弹幕在显示的时候会有边框。
在实例中，我简化了操作界面，去掉了文本颜色、大小、位置等参数的设置，以及透明度等设置，只留下几个主要功能按钮。
与后端交互实际项目应用时，我们会将前端操作与后端对接，将发送的弹幕内容不仅要显示在屏幕上，还要存储到后台数据库中。当然数据库类型可以根据项目需求确定。你可以使用MySQL，甚至也可以使用文本文件来保存数据。本文实例中后端采用PHP+MySQL来实现弹幕内容的读取和保存。
getData.php是用来从后端获取弹幕数据的。我们知道，在用户打开播放视频的时候，已经有人发表过弹幕内容了，这些内容是已经存在数据库中的了，我们需要将这些数据读取并显示在视频播放器屏幕上。
MYSQL
最后将member表结构信息附上。
CREATE TABLE IF NOT EXISTS `danmu` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`content` varchar(255) NOT NULL,
`addtime` int(10) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=7 ;
评论(0)