Nota

Ciao, benvenuto nella Community SunFounder Raspberry Pi & Arduino & ESP32 Enthusiasts su Facebook! Approfondisci le tue conoscenze su Raspberry Pi, Arduino ed ESP32 insieme ad altri appassionati.

Perché unirti?

  • Supporto Esperto: Risolvi problemi post-vendita e sfide tecniche con l’aiuto della nostra community e del nostro team.

  • Impara e Condividi: Scambia consigli e tutorial per migliorare le tue competenze.

  • Anteprime Esclusive: Accedi in anteprima agli annunci di nuovi prodotti e alle anticipazioni.

  • Sconti Speciali: Goditi sconti esclusivi sui nostri prodotti più recenti.

  • Promozioni Festive e Giveaway: Partecipa a giveaway e promozioni festive.

👉 Pronto a esplorare e creare con noi? Clicca su [qui] e unisciti oggi!

8.3 Server Web Personalizzato per lo Streaming Video

Il progetto del Server Web Personalizzato per lo Streaming Video ti offre l’opportunità di imparare come creare una pagina web da zero e personalizzarla per riprodurre flussi video. Inoltre, puoi incorporare pulsanti interattivi, come ON e OFF, per controllare la luminosità del LED.

Realizzando questo progetto, acquisirai esperienza pratica nello sviluppo web, HTML, CSS e JavaScript. Imparerai a creare una pagina web reattiva in grado di visualizzare flussi video in tempo reale. Inoltre, scoprirai come integrare pulsanti interattivi per controllare lo stato del LED, offrendo un’esperienza utente dinamica.

Componenti Necessari

Per questo progetto, avremo bisogno dei seguenti componenti.

È sicuramente conveniente acquistare un kit completo, ecco il link:

Nome

ELEMENTI IN QUESTO KIT

LINK

Kit Iniziale ESP32

320+

ESP32 Starter Kit

Puoi anche acquistarli separatamente dai link qui sotto.

INTRODUZIONE AI COMPONENTI

LINK PER L’ACQUISTO

ESP32 Scheda

ACQUISTA

Estensione Fotocamera ESP32

ACQUISTA

Breadboard

ACQUISTA

Cavi Jumper

ACQUISTA

Resistore

ACQUISTA

LED

ACQUISTA

Come fare?

  1. Prima collega la fotocamera.

  2. Assembla il circuito.

    ../../_images/iot_3_html_led_bb.png

  3. Poi, collega l’ESP32 scheda al computer utilizzando il cavo USB.

    ../../_images/plugin_esp32.png

  4. Apri il codice.

    • Apri il file iot_3_html_cam_led.ino situato nella directory esp32-starter-kit-main\c\codes\iot_3_html_cam_led, oppure copia il codice nell’IDE di Arduino.

    • Dopo aver selezionato la scheda (ESP32 Dev Module) e la porta appropriate, clicca sul pulsante Upload.

    • Vedi sempre «COMxx sconosciuto»?

  5. Individua le seguenti righe e modificale con il tuo SSID e PASSWORD.

    // Sostituisci le prossime variabili con la combinazione SSID/Password
const char* ssid = "SSID";
const char* password = "PASSWORD";

  6. Ora, abilita PSRAM.

    ../../_images/sp230516_1505541.png

  7. Imposta lo schema di partizione su Huge APP (3MB No OTA/1MB SPIFFS).

    ../../_images/sp230516_1508401.png

  8. Dopo aver selezionato la scheda corretta (ESP32 Dev Module) e la porta, clicca sul pulsante Upload.

  9. Vedrai un messaggio di connessione WiFi avvenuta con successo e l’indirizzo IP assegnato nel Serial Monitor.

    WiFi connected
Camera Stream Ready! Vai su: http://192.168.18.77

  10. Inserisci l’indirizzo IP nel tuo browser. Sarai diretto alla pagina web mostrata qui sotto, dove potrai utilizzare i pulsanti personalizzati ON e OFF per controllare il LED.

    ../../_images/sp230510_180503.png

  11. Inserisci una batteria nella scheda di espansione e rimuovi il cavo USB. Ora puoi posizionare il dispositivo ovunque desideri all’interno della portata del Wi-Fi.

    ../../_images/plugin_battery.png