vlambda博客
学习文章列表

[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);

使用常用的网络浏览器打开,干净的监控视频出现了。

若再把控制器打穿,跨网络和区域控制机器人和无人艇,腔调来了。