目录
基础资料
原项目地址
实现功能:
前文:
图传设置及解析
概述
提示
软件亮点
操作步骤
4G小车控制前端相关代码
图传显示函数:
按钮及显示框
待解决问题:小车图传前端不能正常显示
基础资料
基于Air780E开发板:Air780E文档中心
原项目地址
luatos-airtun: AirTun - 合宙轻量级内网穿透协议,专为物联网设备设计
实现功能:
使用4G联网,利用ScreenStream实现实时图传。
前文:
合宙Air780E|内网穿透|LuatOS-SOC接口|MQTT|学习(22):4G远程遥控小车_打酱油的工程师的博客-CSDN博客
图传设置及解析
项目的图传采用ScreenStream。
目前的最新版本是:3.10.6。
下载链接:https://download.csdn.net/download/Medlar_CN/87634515
概述
ScreenStream是一个用来在任何装置上观看你的安卓屏幕画面应用。 由 Dmitriy Krivoruchko 开发 · 有任何问题或想法,请与开发者联系。
这个 app 让你可以从任何浏览器中观看装置的屏幕串流画面。 简单来说让你的装置可以在简报或是 demo 时投射出画面。 除了浏览器外,你不需要安装任何额外软体来使用它。 谷歌市场版本含有广告,但是 F-Droid、AAPKS 和 FirebaseFree 是没有广告的。
它使用 MJPEG 编码并透过网路传输传输画面。如此一来在任何支持 MJPEG 编码的浏览器上皆可观看(Chrome, Safari, EDGE, Firefox).
这个 app 透过 WiFi 或 3G/LTE 网路传输。 支持 IPv4 和 IPv6。 请使用稳定的高速 WiFi 以达到顺畅的收看体验。 无须连接到外部网际网路,但至少要有一个能连接装置与用户端的区域网路。
用户端数量是没有限制的,但请注意每个用户端都会占用一定量的 cpu 资源及频宽。
本程序使用 Android Cast功能,因此需 Android 5.0以上版本以执行。
提示
1、这不是实时串流 app。依装置性能及网路环境不同,约有 0.5 至 1 秒甚至更多的延迟。 2、这个 app 不是设计来串流影片的,特别是高画质影片。如有这些需求请使用 Chromecast。 3、这个 app 不支持声音串流,因为 MJPEG 仅为影像编码。 4、某些电信商可能阻挡到您装置的连入连线,因此即使装置取得了一个 IP 位置,也不见得能够连入。 5、某些 WiFi 网路(大部分是公用/免费网路)为了安全性的理由,阻挡连上它的装置们彼此间的通讯。在这样的网路环境上不一定能连入。例如在此网路环境中的笔电和手机将无法直接彼此通讯。
软件亮点
在镜像屏幕时可以在屏幕上绘制(非常适合做演示)
兼容网络共享(wifi、蓝牙和 USB)
可以通过大量设置优化性能
支持任意数量的连接,允许多名用户同一时间连接
无需 Root:对于 Android 5.0 之前的版本,您需要在电脑上运行我们的启动工具来激活屏幕镜像。
通过媒体播放器和 VLC、XBMC/kodi、(Open Broadcaster Software) 等其他工具镜像并分享屏幕……
操作步骤
安卓5.0以上版本,安装APP,并打开,根据需求进行设置。
任意浏览器地址栏中输入APP中显示的链接地址后访问,提示请按设备上的开始按钮,进行图传:
app界面中实时显示设备连接地址,流量计已连接设备等信息:
浏览器端使用演示
4G小车控制前端相关代码
图传显示函数:
function video1(){var videourl1=document.getElementById("video_url1").valuevideo1window.src=videourl1}
按钮及显示框
<div class="container theme-showcase" role="main" style="text-align:center;"><p><iframe id=video1window frameborder="1" width="50%" height="50%" src=""></iframe></p><p>图传视频地址:<input type="text" id="video_url1"></p><p><button class="btn btn-lg btn-success" onclick="video1()">打开图传</button></p></div>
待解决问题:小车图传前端不能正常显示
输入了局域网访问地址,不能正常显示。更换为IPV6地址也不能实现图传,待解决。
无显示: