Hi,
I installed the ESP32-Cam and followed the tutorial ESP32-Cam Video Streaming Web Server. It works perfect. I can display a still picture or a video in my browser, but I want to have it in my Node Red website.
In the tutorial it says you have to add this code to a template node:
<div style="margin-bottom: 10px;"> <img src="https://192.168.1.91" width="650px"> </div>
I used http://IP adddress of the ESP32
But nothing is displayed.
Does anybody can give me a hint what I do wrong?
Thank you for your help.
Yvonne
- Just to clarify, what’s your ESP32-CAM IP address?
- can you post here exactly what you’ve copied to your template node?
- Note: the ESP32-CAM can only have a single client connected… Did you close your other browser window that displayed the web server?
- What do you see in your Arduino IDE Serial monitor after opening the Node-RED window?
Dear Rui
The IP address is 192.168.178.110
This is the code in the template node:
<div style="margin-bottom: 10px;"> <img src="https://192.168.178.110" width="650px"> </div>
I used the dashboard template.
Node-red is running on my Raspberry Pi. I have no other browser window opened.
Arduino IDE
ets Jun 8 2016 00:22:57
rst:0x1 (POWERON_RESET),boot:0x13 (SPI_FAST_FLASH_BOOT)
configsip: 0, SPIWP:0xee
clk_drv:0x00,q_drv:0x00,d_drv:0x00,cs0_drv:0x00,hd_drv:0x00,wp_drv:0x00
mode:DIO, clock div:1
load:0x3fff0018,len:4
load:0x3fff001c,len:1216
ho 0 tail 12 room 4
load:0x40078000,len:9720
ho 0 tail 12 room 4
load:0x40080400,len:6352
entry 0x400806b8
.
WiFi connected
Starting web server on port: ’80’
Starting stream server on port: ’81’
Camera Ready! Use ‘http://192.168.178.110’ to connect
In my Node-Red screen no image appears. Nothing changes in the Arduino IDE Serial monitor.
I want to power my ESP32-CAM with an external power supply. This must be possible I suppose.
I hope you have an idea.
Thank you for your reaction.
Kind regards,
Yvonne
Rui, when I open the browser window and I type in the IP address 192.168.178.110 I can see in my serial monitor the stream or the still when I press the still or stream button in the browser. So the connection seems to be ok. But I want to have the stream in my node-red template node.
MJPG: 5441B 39ms (25.6fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5576B 42ms (23.8fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5441B 38ms (26.3fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5592B 38ms (26.3fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5427B 40ms (25.0fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5419B 38ms (26.3fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5427B 41ms (24.4fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5412B 41ms (24.4fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5427B 38ms (26.3fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5412B 39ms (25.6fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5427B 39ms (25.6fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5505B 41ms (24.4fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5439B 38ms (26.3fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5542B 46ms (21.7fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5505B 36ms (27.8fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5542B 38ms (26.3fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5505B 40ms (25.0fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5542B 40ms (25.0fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5505B 40ms (25.0fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5542B 40ms (25.0fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5505B 38ms (26.3fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5542B 39ms (25.6fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5505B 40ms (25.0fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5542B 40ms (25.0fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5505B 38ms (26.3fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5542B 44ms (22.7fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5505B 36ms (27.8fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5542B 39ms (25.6fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5505B 40ms (25.0fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5542B 40ms (25.0fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5505B 38ms (26.3fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5542B 40ms (25.0fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 5505B 40ms (25.0fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
JPG: 5505B 11ms
JPG: 9614B 19ms
I hope this is what you meant.
Yvonne
Can you try to remove the s from https://, so your template node should be the following:
<div style="margin-bottom: 10px;">
<img src="http://192.168.178.110" width="650px">
</div>
- Then, make sure your ESP32-CAM web server is running
- Close all windows that might have your ESP32-CAM web server (it usually only supports a single client connected)
- Open Node-RED now, does it work? Does it print anything in your Arduino IDE Serial monitor now?
Node RED is running on my Raspberry Pi
ESP32 CAM is attached to my pc.
I changed the IP address in the template from https to http://192.168.178.110
The IP address of my Raspberry Pi differs from the ESP32 CAM.
When I start Node-Red in a browser on my PC, I see nothing coming from the ESP32 in the template (user interface from node red_.
When I type in the browser from my PC 192.168.178.110, I see the images / movie from my ESP32 CAM in the browser.
When I close the browser and I close the Node red site and open Arduino IDE, I see in the Serial monitor:
WiFi connected
Starting web server on port: ’80’
Starting stream server on port: ’81’
Camera Ready! Use ‘http://192.168.178.110’ to connect
No more then this.
When I go back to 192.168.178.110 in the browser and press on start stream, I see the following in the Serial Monitor:
MJPG: 4182B 38ms (26.3fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 4167B 41ms (24.4fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 4238B 41ms (24.4fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 4197B 42ms (23.8fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 4235B 37ms (27.0fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 4202B 40ms (25.0fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
MJPG: 4194B 37ms (27.0fps), AVG: 39ms (25.6fps), 0+0+0+0=0 0
But I can’t open Node Red because you said that only 1 connection is supported by the ESP32 Cam. But that doesn’t matter, because nothing appears in the Node-Red template when I open it anyway. So maybe my connection is wrong.
Is it ok to have the ESP32 CAM powered by the pc and Raspberry Pi running Node-Red?
Thanks Rui for your effort to help me.
Yvonne
If I don’t power the ESP32 Cam there is nothing on the Node Red site, but when I power up ESP32 Cam there is a little icon on the site, but not the image or stream.
Could it be an encoding problem?
Thank you.
Yvonne
When I open the browser on my Raspberry Pi and type in the IP address of the ESP32 Cam, I see the still and stream of my Cam in the Raspi browser. If I open the IP address of my node red site on the pi in the pi browser, I don’t see the image/stream in this node red site (template in the user interface). I hope this gives you some more information.
Thanks.
Rui I have a stream!!!!
I used: img src=”http://192.168.178.110:81/stream” width=”650px”
It was quite a struggle, but the result is there.
Thanks and regards,
Yvonne
Thanks for letting me know! I didn’t realize that you were using another example… For the example that I show in this project, you can use just the URL (without the stream path):
ESP32-CAM Video Streaming Web Server (works with Home Assistant)
Regards,
Rui
I don’t understand what you mean Rui, as I used the project you mention above, but it did not work with the code from that example. Otherwise it wouldn’t have a problem.
Yvonne
That’s definitely weird… I thought you were using the other project:
With that project, you might need to use /stream… but with the other project, you shouldn’t need to. I’m not sure why that’s happening to be honest. When you open the ESP32-CAM just through the IP, do you also type /stream?
You are right Rui and I’m wrong. I’m sorry for the confusion.
I have mixed the two tutorials, without being aware that I did that.
Sorry again and thanks again.
Yvonne