如何学习 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