• Skip to main content
  • Skip to primary sidebar

RNTLab.com

The Ultimate Shortcut to Learn Electronics and Programming with Open Source Hardware and Software

  • Courses
  • Forum
    • Forum
    • Ask Question
  • Shop
  • Account
  • Blog
  • Login

ESP32-Cam video streaming Node Red

Q&A Forum › Category: Raspberry Pi › ESP32-Cam video streaming Node Red
0 Vote Up Vote Down
yvonne asked 6 years ago

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

Question Tags: ESP32, Node-Red, Raspberry Pi
13 Answers
0 Vote Up Vote Down
Rui Santos Staff answered 6 years ago
  • 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?
0 Vote Up Vote Down
yvonne answered 5 years ago

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&#8217; 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
 

0 Vote Up Vote Down
yvonne answered 5 years ago

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 

0 Vote Up Vote Down
Rui Santos Staff answered 5 years ago

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?
0 Vote Up Vote Down
yvonne answered 5 years ago

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&#8217; 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

0 Vote Up Vote Down
yvonne answered 5 years ago

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

0 Vote Up Vote Down
yvonne answered 5 years ago

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.

0 Vote Up Vote Down
yvonne answered 5 years ago

Rui I have a stream!!!!
I used: img src=”http://192.168.178.110:81/stream&#8221; width=”650px”
It was quite a struggle, but the result is there.
Thanks and regards,
Yvonne
 
 

0 Vote Up Vote Down
Rui Santos Staff answered 5 years ago

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

0 Vote Up Vote Down
yvonne answered 5 years ago

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

0 Vote Up Vote Down
Rui Santos Staff answered 5 years ago

That’s definitely weird… I thought you were using the other project:

  • https://randomnerdtutorials.com/esp32-cam-video-streaming-face-recognition-arduino-ide/

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?
 

0 Vote Up Vote Down
yvonne answered 5 years ago

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

0 Vote Up Vote Down
Rui Santos Staff answered 5 years ago

That’s why I couldn’t figure out what’s going on and why it didn’t work. I’m glad it’s working now!
Regards,
Rui

Primary Sidebar

Login to Ask or Answer Questions

This Forum is private and it’s only available for members enrolled in our Courses.

Login »

Latest Course Updates

  • [New Edition] Build ESP32-CAM Projects eBook – 2nd Edition April 16, 2025
  • [eBook Updated] Learn ESP32 with Arduino IDE eBook – Version 3.2 April 16, 2025

You must be logged in to view this content.

Contact Support - Refunds - Privacy - Terms - MakerAdvisor.com - Member Login

Copyright © 2013-2025 · RandomNerdTutorials.com · All Rights Reserved

Insert/edit link

Enter the destination URL

Or link to existing content

    No search term specified. Showing recent items. Search or use up and down arrow keys to select an item.