【K210+ESP8266图传上位机开发】TCP server + JPEG图像解析上位机开发

本文章主要记录基于 【K210-ESP8266】 图传和显示的过程,上位机开发过程,系统架构和下位机开发请参考文章:
【K210-ESP8266】开发板上传图像数据到服务器并实时显示

目录

  • [1. TCP server + JPEG图像解析上位机开发](#1. TCP server + JPEG图像解析上位机开发)
    • [1.1 开发环境](#1.1 开发环境)
    • [1.2 上位机功能](#1.2 上位机功能)
    • [1.3 C# 在窗体绘制图像解析](# 在窗体绘制图像解析)
    • [1.4 显示效果](#1.4 显示效果)
      • [1.4.1 上位机标定坐标,坐标数据回传](#1.4.1 上位机标定坐标,坐标数据回传)
      • [1.4.2 下位机接收坐标值并更新显示](#1.4.2 下位机接收坐标值并更新显示)
      • [1.4.3 重新设定区域并传输](#1.4.3 重新设定区域并传输)
      • [1.4.4 上位机传输多个坐标值](#1.4.4 上位机传输多个坐标值)

1. TCP server + JPEG图像解析上位机开发

系统架构和下位机开发请参考文章:

【K210-ESP8266】开发板上传图像数据到服务器并实时显示

1.1 开发环境

本文上位机:

开发环境为基于windows下的 visual studio 2015

开发语言:基于 winform 窗体的 C#

1.2 上位机功能

1️⃣ : 开启 TCP 服务器

2️⃣ : JPEG 图像数据解析显示

3️⃣ : 在窗体内用鼠标绘图并提取坐标值

4️⃣ : 坐标值通过 TCP 协议回传 ESP8266

1.3 C# 在窗体绘制图像解析

关于上位机开发过程,参考另一篇博文:

【C#绘制区域】C# pictruebox 划线绘制区域

1.4 显示效果

1.4.1 上位机标定坐标,坐标数据回传

思路:上位机将ESP8266的透传数据解析显示为 JPEG 图像后,鼠标在窗体绘制图像并记录坐标,将坐标值通过 TCP 回传给 ESP8266

2022.7.26 更新,通过上位机动态标定区域,以下是上位机标定区域的演示过程:


1.4.2 下位机接收坐标值并更新显示

7.27更新 上位机绘制区域,下位机接受区域

参考博文:【K210+ESP8266+区域检测】上位机绘制区域,K210区域检测

测试结果:

设置区域,传递给下位机

1.4.3 重新设定区域并传输

重新设定区域:


1.4.4 上位机传输多个坐标值

11.15 更新 上位机绘制区域,下位机接受区域,更新可接受2个监测区域,并将结果发布到mqtt服务器

参考博文:【K210+ESP8266+区域检测】上位机绘制区域,K210区域检测

测试结果:



相关推荐
Fanmeang4 分钟前
OSPF路由过滤
运维·网络·华为·ip·路由·ospf·路由过滤
2501_915918411 小时前
接口漏洞怎么抓?Fiddler 中文版 + Postman + Wireshark 实战指南
websocket·网络协议·tcp/ip·http·网络安全·https·udp
我是阿呆同学1 小时前
仿mudou库one thread oneloop式并发服务器
网络
是阿建吖!1 小时前
【Linux | 网络】网络编程套接字
linux·网络
en-route2 小时前
HTTP cookie
网络·网络协议·http
yqcoder3 小时前
2. 你可以说一下 http 版本的发展过程吗
网络·网络协议·http
网硕互联的小客服3 小时前
未来趋势:AI与量子计算对服务器安全的影响
运维·服务器·网络·网络安全·量子计算
黑客老李3 小时前
EDUSRC:智慧校园通用漏洞挖掘(涉校园解决方案商)
服务器·前端·网络·安全·web安全
是阿建吖!3 小时前
【Linux | 网络】网络基础
linux·网络
W说编程3 小时前
物联网通信技术全景剖析:从LoRa到5G的深度对比与选型指南
网络·物联网·5g·射频工程