ddplayer

这是个基于js和html5弹幕播放器。

本项目只提供弹幕播放功能，开放出API，可以和其他video播放器集成使用，详见示例。

目录结构

core文件夹和DDplayer.js是项目的源文件。
ddplayer.min.js是编译后的单一js文件。
Playr-master文件夹是delphiki/Playr项目的源码，这是一个基于html5的video播放器，用来提供视频播放功能。
stats.min.js是测试帧率时用的，提取自three.js项目。
test.html是测试页面。

如何使用

1.在html页面引入ddplayer.min.js--弹幕播放器
playr.js和playr.css--视频播放器，也可以使用其他的
2.在页面载入的时候，初始化DDplayer。

var v = document.querySelector("video");
var player = new DD.Player("dd", v);
var url = "http://getDanmus";
player.init("canvas", url);

3.发送弹幕时，调用

player.sendDanmus("弹幕提交的地址","videoID","userID","弹幕内容","Scroll","Red");

4.显示/隐藏弹幕，调用

player.toggleDanmu();

注意：
1.一定要确保弹幕播放器的初始化在你的视频播放器初始化之后，否则chrome下全屏看不到弹幕。
建议的初始化方式：

window.addEventListener('DOMContentLoaded',function(){
	var v = document.querySelector("video");
	var playr = new Playr("dd", v);//[初始化视频播放器]
	player = new DD.Player("dd", v);
	var url = "http://getDanmus";
	player.init("canvas", url);//[初始化弹幕播放器]
}, false);

2.尽量使用chrome浏览器和firefox浏览器，其他浏览器不保证兼容性。
3.DDPlayer支持WebSocket，使用时要这样：

//支持ws版
player.init("canvas", url, wsUrl);//在初始化时给出WebSocket的地址
player.sendDanmus(wsUrl,"vid","uid","DDtext中文","Scroll");//并且发送弹幕的地址必须是初始化时的wsUrl

4.DDPlayer支持发送自定义弹幕。

演示Demo

地址：https://demo.devgo.top

视频播放器使用的是Playr：https://github.com/delphiki/Playr
颜色拾取面板是colorpicker：http://www.eyecon.ro/colorpicker

特别感谢

delphiki的Playr项目，mrdoob的three.js项目，以及福娃同学的mukioplayer项目。