Esp32-Cam & Microdot #16170

PatLub85 · 2024-11-06T08:37:10Z

PatLub85
Nov 6, 2024

Hi,
I would like to display on a web page the video of my new Esp32-Cam that I just received.
I noticed that 90% of the tutorials are based on Arduino.
I also saw that there were two main firmware:
https://github.com/shariltumin/esp32-cam-micropython-2022, I could not install it and this one:
https://github.com/lemariva/micropython-camera-driver, which works on my card.
To start I wanted to display an image on a web page, and I'm already stuck.
The main.py and foto.jpg files are on the root
main.py

def wifi_ap():#adress IP ='192.168.4.10'
    ap = network.WLAN(network.AP_IF)
    ap.active(True)
    ap.ifconfig((ip_ap,subnet_ap,gateway_ap,dns_ap))
    ap.config(essid=ssid, password=password)
    while ap.active() == False:
         pass
    print('Active server')
    print(ap.ifconfig())
    return()
    
wifi_ap()

app = Microdot()
Response.default_content_type = 'text/html'

@app.get('/')
async def index(req):
    return Template('index.html').render()

@app.route('/static/<path:path>')
async def static(request, path):
    if '..' in path:
        return 'Not found', 404
    return send_file('static/' + path)

@app.get('/shutdown')
async def shutdown(request):
    request.app.shutdown()
    return 'The server is shutting down...'

app.run(debug=True)

index.html

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Test camera</title>
  </head>
  <body>
    <h2>CAMERA</h2> 
    <p>Image</p>
      <img src="foto.jpg" width=400 height=341
   alt="Nothing"/>
   </body>
</html>

It's really basic but the image is not displayed on the web page, and I have the following message:

Active server
('192.168.4.10', '255.255.255.0', '192.168.4.1', '192.168.4.1')
Starting async server on 0.0.0.0:5000...
GET / 200
GET /foto.jpg 404

index.html file works fine with Visual Studio Code
What am I missing?
Thanks for your help

shariltumin · 2024-11-06T13:41:30Z

shariltumin
Nov 6, 2024

Perhaps these will help:

change,

<img src="foto.jpg" width=400 height=341 alt="Nothing"/>

to

<img src="/static/foto.jpg" width=400 height=341 alt="Nothing"/>

and create a "/static" directory in your flash and move your image file there so that you have a "/static/foto.jpg" file.

16 replies

PatLub85 Nov 6, 2024
Author

it's an AliExpress clone.
On the other hand I understood my problem, before restarting the program, you have to do a camera.desinit()
Now the server is running but when I log in I get a message saying I am not authorized

shariltumin Nov 6, 2024

You can try to disable authentication by

# set auth
# auth.on=True
auth.on=False  # False: no authentication needed

PatLub85 Nov 6, 2024
Author

I went shopping. I'll try tomorrow morning. See you tomorrow

PatLub85 Nov 7, 2024
Author

Hi Shariltumine
Now I can connect but the page that appears on my screen are the following:
console

Camera ready?:  True
Camera ready
Waiting ...
Waiting ...
Connected to Wifi_tests
network config: ('192.168.144.25', '255.255.255.0', '192.168.144.1', '192.168.144.1')
Start server 80
Try - http://192.168.144.25
('192.168.144.5', 49170) ['GET', '/']

my screen

Autentication:
  Login to server with a one-time password.
  http://192.168.144.25/login/<PWD>
  After login, only the authenticated client can connect to server.

  Logout from server.
  http://192.168.144.25/logout
  The client is no longer authenticated. Create new one-time password.
  The password is shown in REPL.
  Any web browser can now login using the password.
..............
  whitebalance=0 # 0:default, 1:sunny, 2:cloudy, 3:office, 4:home
  aelevels=0     # [-2,2] AE Level: Automatic exposure
  aecvalue=0     # [0,1200] AEC Value: Automatic exposure control
  agcgain=0      # [0,30] AGC Gain: Automatic Gain Control

???

PatLub85 Nov 7, 2024
Author

It's help(server) in help.py

cnadler86 · 2025-01-28T22:17:53Z

cnadler86
Jan 28, 2025

Here is also one firmware with webcam example: micropython-camera-API

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

MicroPython

Esp32-Cam & Microdot #16170

{{title}}

Replies: 2 comments 16 replies

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

Select a reply

MicroPython

Esp32-Cam & Microdot #16170

PatLub85 Nov 6, 2024

Replies: 2 comments · 16 replies

shariltumin Nov 6, 2024

PatLub85 Nov 6, 2024 Author

shariltumin Nov 6, 2024

PatLub85 Nov 6, 2024 Author

PatLub85 Nov 7, 2024 Author

PatLub85 Nov 7, 2024 Author

cnadler86 Jan 28, 2025

PatLub85
Nov 6, 2024

Replies: 2 comments 16 replies

shariltumin
Nov 6, 2024

PatLub85 Nov 6, 2024
Author

PatLub85 Nov 6, 2024
Author

PatLub85 Nov 7, 2024
Author

PatLub85 Nov 7, 2024
Author

cnadler86
Jan 28, 2025