[AI]使用HTML5实现视频的网络传输和干净显示
上次使用frp和MJPG-Streamer实现的视频网络传输使用了内置的javascript网页,故而含有很多不需要的内容。若要仅传输和显示视频,也不是没有办法。成熟的技术还是很多的,Java,python和Delphi等语言的网络编程都能实现。但最简单和直观的还是网页显示。因不用安装软件,可大大简化设计过程,虽然对网络知识要求较高。
有了HTML5,更加简单。很多浏览器都支持HTML。使用两个div容器,再定义一个img对象,
var img = new Image();
再设置几个属性,
img.style.position = "absolute";
img.style.zIndex = -1;
img.onload = imageOnload;
img.onclick = imageOnclick;
局域网内设置树莓派IP和图像端口,
img.src = "http://x.x.x.x:8080/?action=snapshot&n=" + (++imageNr);
全局网设置一个网址,无需设置端口,
img.src = "http://usv.frps.lu8.win/?action=snapshot&n="+ (++imageNr);
使用常用的网络浏览器打开,干净的监控视频出现了。
若再把控制器打穿,跨网络和区域控制机器人和无人艇,腔调来了。