最新弹幕研究【网页实时聊天】

可实现多人实时聊天。你可以用多个浏览器打开测试。使用html5技术支持手机移动端

先看我做的简易版demo http://www.meitushow.com/icomet/web/index.html

分为服务端和客户端

【服务端】

使用开源的聊天系统： https://github.com/ideawu/icomet

下载安装和启动：

wget --no-check-certificate https://github.com/ideawu/icomet/archive/master.zip
unzip master.zip
cd icomet-master/
make
./comet-server icomet.conf &

【客户端】

我偷懒直接引入demo的js

<script src=”js/jquery-1.9.1.js”></script>
<script src=”js/json2.js”></script>
<script src=”js/icomet.js”></script>
<script src=”js/chat.js”></script>

然后自定义：

初始化和接收数据：

[code lang=”js”]

var comet = new iComet({
channel: ‘public’,
signUrl: sign_url,
subUrl : sub_url,
pubUrl : pub_url,
callback: function(content){
var msg = JSON.parse(content);
//console.log(msg);
if(msg.uid!=uid){
piao(msg.content);
}
}
});

[/code]

发送数据：

[code lang=”js”]

function send1() {
var t = $("#msg");
var content = $.trim(t.val());
content = htmlEntities(content);
if (content.length == 0) {
$(‘#errors’).html(‘content empty!’);
return false;
}
if (content.length > 1000) {
$(‘#errors’).html(‘content too long!’);
return false;
}
$(‘#errors’).html(”);
var msg = {
‘uid’ : uid,
‘nickname’ : uid,
‘content’ : content
};
//console.log(comet);
comet.pub(JSON.stringify(msg));
}

[/code]