php websocket实现直播,websocket直播

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

=$data;?>正在直播

在线人数0
在线人员

//html5新特性

var chai1=document.getElementById('cutpic');

//转换成2d的样式

var chai2=chai1.getContext('2d');

var video=document.getElementById('v');

navigator.getUserMedia=navigator.getUserMedia || navigator.msGetUserMedia || navigator.mozGetUserMedia || navigator.webkitGetUserMedia;

navigator.getUserMedia({video:true,audio:true},function (stream){

video.src=window.URL.createObjectURL(stream);

video.play();

},console.log);

var ws=new WebSocket('ws://39.106.30.235:2345');

ws.onopen=function(){

draw();

};

ws.onmessage=function(d){

if (/^text>>/.test(d.data)){

$("#showmsg").append(d.data.replace(/^text>>/,''+"
"));

}

if(/^userlist>>/.test(d.data)){

var list = d.data.replace(/^userlist>>/,'').split(',');

var userinfo = '';

for (i = 0; i < list.length; i++) {

userinfo += "" + list[i] + "
";

}

$("#usernum").html("   "+list.length+"
");

$("#userlist").html(userinfo);

}

if(/^image>>/.test(d.data)){

$("#showmsg").append("");

}

};

function draw(){

if(video.src){

chai2.drawImage(video,0,0,chai1.width,chai1.height);

}

ws.send('{"type":"video","content":"'+chai1.toDataURL("image/jpeg",0.1)+'"}');

setTimeout(draw,100);

}

$(document).on("click","#exit",function(){

var user = $("#user").val();

$.ajax({ url: "index.php?r=zone/exit&user="+user, success: function(msg){

windows.go(-1);

}});

});