跳到主要内容

网页图传控制

简介​

除了通过Kittenblock舞台可以快速实现图传功能。也可以通过网页进行图传和遥控

效果​

除了可以把视频流推回来，还有遥控功能按钮可用。
当方糖摄像头串口与其它主板串口相连时，当按下网页按键后，方糖摄像头便受到指令，它的串口会发送一条串口指令给其它主板。
控制流程：
image.png

具体界面：
http://sugarcam.local/
image.png置设置
除了按照基础教程中，填写wifi账号密码入网后，还需对配置文件进行修改。

1、数据线插上方糖摄像头USB
2、电脑出现SUGAR-CAM的U盘，打开“config.json”
image.png
3、将commandProcessing修改为remoteControl
image.png
4、保存并退出文件

如果后续，不用网页图传控制，想用普通模式，请更改回 commandProcessing

网页端浏览​

在电脑浏览器或者手机浏览器中打开， 方糖摄像头的IP+:+80
例如我的地址 image.png
方糖摄像头的IP各不相同，需要自己借助工具进行查询。

例如，我的手机浏览器打开了对应的IP地址（此IP地址只支持一个设备进行连接，多个设备打开，另外的设备图传画面打不开）
image.png

按键串口控制​

目前有10个按钮
image.png
1、网页端使用，可以通过鼠标点击按键进行触发，也可通过键盘的方向键上下左右 和 数字1~6进行触发
2、手机网页端使用，可以直接通过触摸按键进行触发

按键名称对应串口指令
上CMD_UP
下CMD_DOWN
左CMD_LEFT
右CMD_RIGHT
功能键1CMD_FUNC1
功能键2CMD_FUNC2
功能键3CMD_FUNC3
功能键4CMD_FUNC4
功能键5CMD_FUNC5
功能键6CMD_FUNC6

根据以上表格，针对不同的主板编写串口接收程序
当串口接到到消息后，进行具体的指令判断

串口波特率为115200

掌控板为例​

编程环境为Kittenblock，当然用其它编程平台，编写对应的串口接收程序也是可以的。
当接收到对应串口指令时，对应控制电机运动
image.png