Это видео недоступно.
Сожалеем об этом.
AWS IoT | Flutter MQTT Client App [Full Version]
HTML-код
- Опубликовано: 19 июн 2021
- In this video, I'm gonna show you completing the Flutter Mqtt Client App for ESP32CAM.
This mqtt client application works on macOS, iOS, and Android.
[Ep0. AWS IoT | How to install Mosquitto Broker on Amazon EC2]
• AWS IoT | How to insta...
[Ep1. AWS IoT | ESP32CAM working as a publisher on MQTT]
• AWS IoT | ESP32CAM wor...
[Ep2. AWS IoT | Flutter MQTT Client App for macOS - UI Part (For Newbies)]
• AWS IoT | Flutter MQTT...
[Flutter mqtt_client]
pub.dev/packag...
[Flutter image]
pub.dev/packag...
[Project Github]
github.com/001...
#Flutter #MacOS #MQTTCLIENT #ESP32CAM #AWSIoT #EC2 #ThatProject
![Baby Kia - WYG (feat. LAZER DIM 700) [Official Music Video]](http://i.ytimg.com/vi/avlLsOH_oJc/mqdefault.jpg)
That Project's Channel - ruclips.net/user/ThatProject
Join FB Group - facebook.com/groups/138965931539175
Hi! The playlist is very helpful and fabulously structured.
I implemented the steps for AWS and app. It works very well in debug mode in flutter. The problem arises when I build the app to release version.
In debug mode, the app connects to the AWS endpoint and I can see the video, streamed through my ESP32. While in release mode, it builds properly but it doesn’t connect to AWS and stays on the Connecting dialog box.
And it would really help if you could resolve what I am missing.
Did you add the security options for release?
Add entities to macos/Runner/Release.entitlements the same as DebugProfile.entitlements.
@@ThatProject Great. Thank you.
Are there any such changes to be made for Android app?
@@sahil.lunawat You might need to add permission to connect the network.
Wonderful. Please create a course on iot +flutter. I will buy
Thank you. very helpful for me.. good!!!
Create a course.... I'm ready to take..
Fabulous playlist
Hello, you did a very good job with this video, super helpful! Do you think I can use this library image do capture images from the video stream? Like if it have a capture button then it saves one frame from the stream in a gallery that can be displayed later? I saw that this lib have a jpegframe function but I don't know if it would do the job, do you have any advices of where could I start?
That's possible. Since we are receiving the data of the image frame, we can save it as a Jpeg image file. I've implemented a similar feature in one of my previous projects. Please take a look at this. ruclips.net/video/9GyOTlOGjSA/видео.html
@@ThatProject Hello, thank you for your answer! I'm trying to implement using your video as base and I'm not sure where to put the RepaintBoundary with the _globalKey, I understood that the funtion TakeScreenshoot uses it to get to the stream data, yes? I put it under Body(), like this ==>
CODE +++
Expanded(
child: bodyMenu(),
flex: 2,
),
Expanded(
child: RepaintBoundary(
key: _globalKey,
child: bodyStream(),
),
flex: 8,
),
CODE ++++
but I`m getting a error about RenderObjectCalled on a null, maybe it should be inside BodyStream?
Another question if you don't mind is, can I subscribe to more than one mqtt topic in the same app? I already implemented a function to take pictures inside the ESP32-CAM, maybe I can just send some request and then send the picture to a another mqtt topic?
Hi Bro! I'm a big fan of your videos and you're doing awesome interesting stuffs with mobile app and IOT and thanks for uploading such kind of topics
and I have a question for you.......................
Can you make a video full tutorial on how to make a Flutter MQTT Client App to monitor and control IoT devices from Adafruit IO MQTT Broker ??
Oh, thank you. I don't use the Adafruit IO MQTT Broker so you need to find other tutorials for this. I'll make a new tutorial for MQTT if I have a good idea for that project, but let's see.
Great Job .. Eric .. is there a chance to add a Deepsleep wakeup with bidirectional communication from app to save the battery on the Esp32 ..
That's a good point. I will think about handling battery-saving mode including Deep Sleep wakeup.
Thanks!
Hi sir, I just saw your video and subscribed to your channel, and honestly I appreciate your effort. I have a question. I want to make an IoT project with flutter and have no experience in this field. I just made simple mobile apps with flutter. I'm gonna work with a temperature data logger. How should I follow a path? Can you explain the process, please?
I recommend that you try to make a very basic app with Flutter one by one. This is an app that displays data from the dust sensor connected to ESP32 via BLE. ruclips.net/video/w6jo2kJanqU/видео.html
@@ThatProject Thank you so much, sir. Actually, I asked the question two weeks ago but I made some process. However, I am stuck on a problem. Is there any chance to talk to you privately?
hello, thanks for the tutorial, I get this error on the front: Only single frame JPEGs supported
It seems that there are multiple images in the received data???
Hi,
Is it possible to use the same cloud for streaming and sending-receiving data over the esp32cam? For example I want to streaming and turn the led on in the same application. Is it possible?
Each data can be controlled by setting a specific topic and publishing the data with it. So you can control as you want.
Hi,thanks for your toturial. But I am facing some issue during connection. I don't know why my mqtt not connecting with aws iot server. Can you help me out.
Most of the time the problem is with the AWS bridge side. If you cannot make a connection, please check this part again.
@@ThatProject I follow each and every step of your video but still the connection diconnect
@@androidlearners9163 What version of your ESP are you using? In this project, I was using ESP 1.0.6, not ESP 2.x.
hey why E/flutter ( 4424): [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: mqtt-client::NoConnectionException: The maximum allowed connection attempts ({3}) were exceeded. The broker is not responding to the connection request message (Missing Connection Acknowledgement? please help
I think you should first check if the server is operating properly. Have you tried this part first? ruclips.net/video/SDrkv2hUzAc/видео.htmlsi=9bGH8R56gY19a1J8
Hello Great job so far, but i am getting this error The argument type 'Uint8Buffer' can't be assigned to the parameter type 'Uint8List'.,any idea how to fix it ?? thanks in advance and looking forward to your reply
Where are you getting this error?
@@ThatProject img.decodeJpg(recMess.payload.message) as img.Image; , in this line specifically
recMess.payload.message is the problem
Any idea on how to fix this problem ?
@That Project
@@ghofranebrahim9041 recMess.payload.message should be List bytes to decode JPEG image.
and recMess.payload.message is Uint8Buffer which is interface implements List.
img.Image jpegImage = img.decodeJpg(recMess.payload.message as List) as img.Image;
It's unnecessary casting because it's the same.
Are you sure your ESP32-CAM sending only JPEG images to MQTT Server? It seems to me that the data is corrupted due to ESP32-CAM's wrong transfer.
error: A value of type 'Image?' can't be assigned to a variable of type 'Image'. (invalid_assignment at [esp32_cam_demo_app] lib\main.dart:148)
Can you help me? I cant do run with this error.
There are two kinds of Image. These are the Image object for Flutter UI and the Image library to process different types of images.
If you look at my code import 'package:image/image.dart' as img; There is this part. I'm using "img" to separate the two. Are you including this part in your code?
@@ThatProject I have the same error. Could you help us? plz
I corrected that part and re-uploaded it. Please check again.
please make a videos about the applications of RTOS esp32
Yeah, why not. I'll do it if I have a good chance at it.
@@ThatProject thank you so much 😊
Hello! I am very grateful for the quality videos. I got the following error on line 154: " A value of type 'Image?' cannot be assigned to a variable of type 'Image'". I hope you can help me because I don't know how to solve it. I've implemented the following library: import 'package:image/image.dart' as img; but it didn't work. Thank you very much
I corrected that part and re-uploaded it. Please check again.
@@ThatProject Thanks a lot, that was the error. You're the best!!!!! I love your channel and all the things that I've learned
@@gustavosandovalmorales1332where do you get the solution of the problem
Stupid question about ESP32-CAM (I think I already did ...): Is it possible to use a mcp23017 with ESP32-CAM?
I don't think there is a problem using MCP23017 with ESP32CAM.
@@ThatProject Mmmm... I think I'll have to study it better ... Mooore better!
If I use more than one device, do I need to generate seperate certificates? If yes then how?
No problem. I've already tested it on several MQTT client devices.
I got an error after running the flutter. " ImageException: Only single frame JPEGs supported " , do you have any solution for it ? thankyou so so much !
This error occurs because literally the beginning and end of the transferred data is not a single image.
First of all, you should check if the JPEG image sent from ESP32CAM isn't broken.
@@ThatProject How to check the image from ESP32CAM? I really have no idea
It is still error even if i run it while my ESP32CAM turned off..
@@stevenalexander7259 di you manage to do it?
you thing about ESP32-A1S on ESP32 Audio kit?
Well, I don't know exactly what it is yet. I'll let you know if I get about the ESP32 Audio kit clearly.
Have you used flutter 3 in this video ?
No, I didn't. But nothing specified for Flutter 2.x so it'd work on Flutter 3 if you have all the same as me.
@@ThatProject thanks, will try
@@ThatProject Im recieving an error can you guide me as to what im doing wrong
I/flutter ( 6566): 1-2022-10-25 22:55:05.933345 -- MqttConnectionBase::_onError - calling disconnected callback
E/flutter ( 6566): [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: HandshakeException: Connection terminated during handshake
I have used your code(esp32cam + the flutter mqtt client app) with esp32cam publishing to my endpoint which is also correctly configured
im using my certs and endpoint.
Also esp32cam is sending data which i can see on aws iot test website but the flutter mqtt client is giving the above error, can you please help me on this
Working now, recreated the project and it worked, idk what was the issue but it works now, will try controlling Esp32 cam's led with a button. Any tips ?
@@rahulvijan The code I made does not have a part that does commands with ESP32CAM. Implement to send a specific command from App to ESP32CAM via MQTT and change GPIO4 to high or low.
hello dude can you make homeautomation using mqtt and flutter apps
If there is a good opportunity, I will do a project. Thanks.
Is there a code about this that works in Android Studio?
I believe you can find the link in the video description. The code is made with Flutter and you can play with it in Android Studio.
can we use mqtt to send audio messages as well
Oh, good question. I think It's possible but As you know MQTT is for very lightweight messaging. It seems to be possible if it is the lowest quality.
Hey. Thanks for the tutorial! I keep getting this error when I try to connect: [ERROR:flutter/lib/ui/ui_dart_state.cc(198)] Unhandled Exception: mqtt-client::NoConnectionException: The maximum allowed connection attempts ({3}) were exceeded. The broker is not responding to the connection request message (Missing Connection Acknowledgement?
Any suggestions?
Hey Chad, did you confirm that it works on AWS' MQTT test client page?
@@ThatProject do you have any idea why I would have this error in flutter but not Python. I run both in vs
hi eric i'am using windows, this problem :
[ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: TlsException: Failure in usePrivateKeyBytes (OS Error:
BAD_PKCS12_DATA(../../third_party/boringssl/src/crypto/pkcs8/pkcs8_x509.c:645)
passed a null parameter(../../third_party/boringssl/src/ssl/ssl_privkey.cc:397), errno = 318767204)
#0 _SecurityContext.usePrivateKeyBytes (dart:io-patch/secure_socket_patch.dart:240:75)
#1 _MQTTClientState.mqttConnect (package:monitoring/main.dart:167:13)
#2 _MQTTClientState._connect (package:monitoring/main.dart:149:21)
Application finished.
Sorry, I don't get it. Why don't you ask that library directly? github.com/shamblett/mqtt_client/issues
@@ThatProjectI still don't understand what the cause is Failure in usePrivateKeyBytes
is it because my AWS endpoint is different (ap-southeast-2)
@@dickboss1278 I think the AWS region doesn't matter.
Thanks!