如何学习 websocket ?
-
使用 HTML https://github.com/phoboslab/jsmpeg MPEG1 进行播放
-
https://w3c.github.io/media-source/ 使用原始 API
-
使用 canvas 绘制图像,通过 API URL.createObjectURL(Blob or ArrayBuffer) 拿到数据
ArrayBuffer
Blob -
使用 https://socket.io/ 传输视频
// 检测浏览器是否支持 websocket
window.onload=function(){
window.WebSocket = window.WebSocket || window.MozWebSocket;
if (!window.WebSocket){
alert("WebSocket not supported by this browser");
}else{
alert("WebSocket supported by this browser");
}
}
例子
-
simplechat
简单的一对多 websocket 例子
一个服务端和多个客户端 -
sslechoserver
-
sslechoclient
wss:// -
chatserver
-
chatclient
-
qmlwebsocketclient
-
qmlwebsocketserver
-
standalone
视频显示相关
WebRTC 直接和摄像头进行交互
https://github.com/webrtc
HTTP Live Streaming