如何建立一个html5 webscoket 实时语音聊天系统

html-css04

如何建立一个html5 webscoket 实时语音聊天系统,第1张

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title></title>

<script type="text/javascript">

var wsServer = 'ws://localhost:9999/webSocket.ashx'//基于.NET4.5服务器地址

//var wsServer = 'ws://localhost:1818'//基于.NET服务器地址

var websocket = new WebSocket(wsServer)//创建WebSocket对象

//websocket.send("hello")//向服务器发送消息

//alert(websocket.readyState)//查看websocket当前状态

websocket.onopen = function (evt) {

//已经建立连接

alert("已经建立连接")

}

websocket.onclose = function (evt) {

//已经关闭连接

alert("已经关闭连接")

}

websocket.onmessage = function (evt) {

//收到服务器消息,使用evt.data提取

evt.stopPropagation()

evt.preventDefault()

//alert(evt.data)

writeToScreen(evt.data)

//websocket.close()

}

websocket.onerror = function (evt) {

//产生异常

//alert(evt.message)

writeToScreen(evt.message)

}

function sendMsg() {

if (websocket.readyState == websocket.OPEN) {

msg = document.getElementById("msg").value

websocket.send(msg)

writeToScreen("发送成功!")

} else {

writeToScreen("连接失败!")

}

}

function writeToScreen(message) {

var pre = document.createElement("p")

pre.style.wordWrap = "break-word"

pre.innerHTML += message

output.appendChild(pre)

}

</script>

</head>

<body>

<div>

<input type="text" id="msg" value="beyond is number one!" />

<button onclick="sendMsg()">send</button>

</div>

<div id="output"></div>

</body>

</html>

H5edu实训html5开发解答

有啥不可以的。HTML5可以实现APP的离线推送通知,我自己电脑都在用facebook和twitter,linkin的离线通知,视频音频处理能力非常之强,加上webGL技术让其发挥各种酷炫的甚至FLASH无法比拟的效果,很多你无法想象的3D效果都发挥的淋漓尽致,还有很多设备响应,视频音频响应的API,国外也出现了一些用视频音频操作的web,加之老外开发了一些HTML5优秀框架和API,你说它还不能做什么嘛?哦对了,国外有很多HTML5在线视频语音聊天的网站了,由于很多处于中国限制级,怕放出来说传播违禁网站,自己去找啦。

你可以体验下youtube的HTML5关于视频和音频的一些功能体验,你就知道HTML5在视频音频上有多强了。

HTML5是要配合一些专有API,框架,javascript才能发挥出其性能的,并不是说就是用它的原生HTML标签就做出效果了,标签只是地基,它深层次的东西需要一个学习过程的。

我不懂HTML5深层次的开发,我只是业余全栈,我能说出看到过用到过的这些,专业HTML5开发的大神,或许还有更多更多好东西等着你呢└(^o^)┘