使用nodejs和python构建一个远程监控系统3,前端开发学习方法

本文介绍了使用Node.js的Express框架设置静态资源、视图引擎,并通过WebSocket实现客户端与服务器的连接管理。同时,处理了UDP通信和Canvas在不同浏览器的兼容问题。
摘要由CSDN通过智能技术生成

var isWarning = true;

app.use(express.static(path.join(__dirname, ‘public’)));

app.set(“views”,path.join(__dirname,“views”));

app.set(“view engine”,“html”);

app.engine(“.html”,require(“ejs”).__express);

app.get(“/”,function(req,res){

res.render(“camera.html”);

})

//监听websocket连接

console.info(“开始websocket监听…”)

io.on(“connection”,function(socket){

//监听到连接时,将socket加入连接池中

socket.send(“连接成功”);

connections[socket.id] = socket;

connectionid.add(socket.id);

console.info(“增加一个连接,当前连接数量为”+connectionid.size)

//获得来自网页的视频设置信息

//断开连接时,将连接从连接池中删除

socket.on(“disconnect”,function(){

delete connections[socket.id];

connectionid.delete(socket.id);

console.info(“删除一个连接,当前连接数量为”+connectionid.size);

});

})

//监听udp连接,如果有画面,将画面广播出去

serverSocket.on(“message”,function(msg,info){

for(var a of connectionid){

connections[a].send(msg);

}

});

//开启应用

http.listen(config.listenPort,function(socket){

console.info("listening on "+config.listenPort);

});

html页面非常简单,只有一个canvas用于显示图像

你的浏览器暂不支持Canvas,请更换浏览器后再试

  • 6
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值