【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区域检测

测试结果:



相关推荐
FreeBuf_6 小时前
黄金旋律IAB组织利用暴露的ASP.NET机器密钥实施未授权访问
网络·后端·asp.net
Tanecious.8 小时前
C++--红黑树封装实现set和map
网络·c++
帽儿山的枪手8 小时前
追踪网络流量就这么简单 | 进阶篇 | conntrack
linux·windows·网络协议
阿维的博客日记8 小时前
TCP和UDP区别
tcp/ip·udp·php
yqcoder8 小时前
7. TCP 和 UDP 的区别
网络·网络协议·http
wanhengidc9 小时前
UDP服务器的优缺点都包含哪些?
服务器·网络协议·udp
weixin_456732599 小时前
tcpdump交叉编译
网络·测试工具·tcpdump
小猫会后空翻10 小时前
HTTPS与DNS
网络协议·http·https
IT WorryFree11 小时前
macos安装iper3
网络·macos·iperf·打流
hrrrrb11 小时前
【TCP/IP】14. 远程登录协议
网络·网络协议·tcp/ip