Korniza e fotografisë OSD për Face Aware: 11 hapa (me fotografi)

2024 Autor: John Day | [email protected]. E modifikuara e fundit: 2024-01-30 12:10

Ky udhëzues tregon se si të bëni një kornizë fotografish me njohjen e fytyrës në ekranin e ekranit (OSD).

OSD mund të tregojë kohën, motin ose informacione të tjera të internetit që dëshironi.

Hapi 1: Pse OSD Photo Frame?

Unë kam 2 projekte të orës fotografike në Instructables më parë:

www.instructables.com/id/ESP32-Photo-Clock…

www.instructables.com/id/Arduino-BiJin-ToK…

Të dy marrin një fotografi me bukuritë dhe një tabelë kohore nga Interneti çdo minutë dhe shfaqen në LCD.

Shfaqja e bukurive është e mirë, por të gjitha janë të huaja për mua. Po në lidhje me përdorimin e fotografive të preferuara personale dhe shtimin e kohës aktuale dhe informacione të mëtejshme të menjëhershme mbi të?

Ky projekt është duke eksploruar mënyrën e realizimit të tij.

Hapi 2: Pse të jeni të vetëdijshëm?

Le të kontrollojmë se si të shtojmë informacionin e menjëhershëm OSD në një fotografi:

1. Zgjidhni rastësisht një fotografi nga një dosje e caktuar
2. Rimerr kohën
3. Merrni informacion të menjëhershëm nga Interneti
4. vizatoni kohë dhe informacion të menjëhershëm në foto

Hapi 1-3 është drejt përpara; Hapi 4 gjithashtu duket i thjeshtë, por përcaktimi se ku të vizatoni tekstin nuk është aq i lehtë.

Nëse madhësia e tekstit është shumë e vogël, është e vështirë të lexohet në një distancë të arsyeshme; Nëse madhësia e tekstit është shumë e madhe, ka shumë të ngjarë që të mbulojë objektet e fotografisë. Sidomos nëse është foto portrete, teksti i mbuluar me fytyra nuk preferohet.

Meqenëse pozicioni i fytyrave për secilën fotografi nuk është i njëjtë, për të shmangur fytyrat e mbuluara me OSD, ne kemi nevojë së pari për një proces të zbulimit të fytyrës. Pastaj mund të gjejmë një zonë pa fytyrë për të vizatuar tekstin.

Hapi 3: Dizajni me 2 nivele

Procesi i zbulimit të fytyrës kërkon një fuqi përpunuese, në të kundërt, korniza e fotografive mund të jetë shumë e lehtë. Kështu që e ndava në 2 nivele:

Serveri

Motori i fotografive i vetëdijshëm për fytyrën është një server aplikacioni Node.js. Për çdo kërkesë HTTP, do të:

1. Zgjidhni një fotografi nga dosja e fotografive rastësisht
2. Zbulimi i fytyrës
3. nuk përcakton asnjë fytyrë ose më pak zonë të fytyrave
4. Ndërkohë, merrni motin ose informacione të tjera të dobishme të menjëhershme nga Interneti çdo periudhë të caktuar
5. Vizatoni kohën dhe informacionin e menjëhershëm në foto
6. Kthejeni foton me OSD në formatin JPEG si përgjigje

Klienti

Klienti mund të jetë një shfletues uebi, një aplet ose një pajisje IoT.

P.sh. një boasrd ESP32 dev me një LCD 2-4 inç është shumë i përshtatshëm për t'u vendosur në desktop si një kornizë e vogël fotografish.

Hapi 4: Vendosni Opsionin e Serverit të Fotos 1: Imazhi i Docker -it

Për lehtësi, unë kam ndërtuar paraprakisht një imazh Docker për serverin e aplikacionit të fotografisë OSD Node.js.

Në rast se nuk jeni ende të konfiguruar Docker, ju lutemi ndiqni udhëzuesin Docker Get Started:

www.docker.com/get-started

Pastaj ekzekutoni komandën e mëposhtme: (zëvendësoni/rrugën/tek/foto në rrugën tuaj të fotografisë)

docker run -p 8080: 8080 -v/path/to/photo:/app/photo moononournation/face-aware-photo-osd: 1.0.1

Provojeni duke shfletuar në https:// localhost: 8080/

Ju mund të gjeni se koha e shfaqjes nuk është në zonën tuaj kohore:

docker run -p 8080: 8080 -e TZ = Asia/Hong_Kong -v/path/to/photo:/app/photo moononournation/face -aware -photo -osd: 1.0.1

Nëse jetoni në Hong Kong si unë, mund të shtoni informacione për motin në Hong Kong:

docker run -p 8080: 8080 -e TZ = Asia/Hong_Kong -e OSD = HK_Weather -v/path/to/photo:/app/photo moononournation/face -aware -photo -osd: 1.0.1

Nëse dëshironi të zhvilloni informacionin tuaj OSD:

mkdir -p ~/git

cd ~/git git klon https://github.com/moononournation/face-aware-photo-osd.git docker run -it -p 8080: 8080 -e TZ = Asia/Hong_Kong -e OSD = HK_Weather -e DEBUG = Y -v/path/to/photo:/app/photo -v ~/git/face-aware-photo-osd/app.js: /app/app.js moononournation/face-aware-photo-osd: 1.0. 1

Ndryshoni funksionin update_osd () në app.js për të bërë personalisht informacionin tuaj OSD. Pas zhvillimit, thjesht hiqni mjedisin DEBUG = Y nga komanda docker.

Hapi 5: Konfiguroni Opsionin e Serverit të Fotos 2: Ndërtoni nga Burimi

Nëse jeni të njohur me Node.js, mund të krijoni serverin e aplikacionit nga burimi.

Merr burimin:

git klon

Instaloni paketat:

cd face-aware-photo-osd

instaloni npm

Krijoni një dosje fotografish dhe kopjoni fotot tuaja në dosje.

Drejtoni serverin e aplikacionit:

nyja app.js

Hapi 6: Opsioni i Klientit 1: Shfletuesi i uebit

Thjesht shfletoni në https:// localhost: 8080/

Faqja shkruhet automatikisht, ngarkoni një imazh të përshtatshëm të madhësisë së faqes çdo minutë.

P. S. Nëse shfletoni nga një makinë tjetër që nuk po ekzekuton serverin e aplikacionit, mos harroni të ndryshoni localhost në emrin e hostit të serverit të aplikacionit ose adresën IP.

Hapi 7: Opsioni i Klientit 2: ESP32 + LCD

Një klient i kornizës së fotografive mund të jetë aq i thjeshtë sa një tabelë dev ESP32 dhe një LCD.

Këtu janë pajisjet e kërkuara:

ESP32 Bordi i Zhvillimit

Çdo bord bordi ESP32 duhet të jetë në rregull, këtë herë unë jam duke përdorur një bord të quajtur MH-ET LIVE.

Ekran LCD

Çdo LCD i mbështetur nga Arduino_GFX, mund të gjeni ekranin e mbështetur aktualisht në leximin e GitHub:

github.com/moononournation/Arduino_GFX

Jumper Wire

Disa tela Jumper, varen nga bordi dev dhe paraqitja e kunjave LCD. Në shumicën e rasteve janë të mjaftueshme 6-9 tela bluzë nga femra në femra.

Qëndrim LCD

Disa mbështetje ndihmojnë LCD -në të qëndrojë drejt, këtë herë unë jam duke përdorur një mbajtës të mbajtësit të kartave.

Hapi 8: Asambleja ESP32 + LCD

ESP32 me kokë pin në anën e sipërme preferohet. Nëse titulli i kunjit në anën e poshtme, thjesht vendoseni tabelën me kokë poshtë;>

Lidhni ESP32 dhe LCD me tela kërcyes, pastaj vendoseni në stendë.

Këtu janë përmbledhjet shembullore të lidhjes:

ESP32 -> LCD

Vcc -> Vcc GND -> GND GPIO 5 -> CS GPIO 27 -> DC (nëse është e disponueshme) GPIO 33 -> RST GPIO 18 -> SCK GPIO 19 -> MISO (opsionale) GPIO 22 -> LED (nëse është e disponueshme) GPIO 23 -> MOSI / SDA

Hapi 9: Softueri ESP32 + LCD

Arduino IDE

Shkarkoni dhe instaloni Arduino IDE nëse nuk e keni bërë ende:

www.arduino.cc/en/main/software

Mbështetje ESP32

Ndiqni Udhëzimet e Instalimit për të shtuar mbështetjen ESP32 nëse nuk e keni bërë ende:

github.com/espressif/arduino-esp32

Biblioteka Arduino_GFX

Shkarkoni bibliotekat më të fundit të Arduino_GFX: (shtypni "Clone or Download" -> "Download ZIP")

github.com/moononournation/Arduino_GFX

Importoni biblioteka në Arduino IDE. (Menyja Arduino IDE "Sketch" -> "Përfshi Bibliotekën" -> "Shto Bibliotekën. ZIP" -> zgjidhni skedarin ZIP të shkarkuar)

Përpilo & Ngarko

1. Hapni Arduino IDE
2. Hap kodin shembull të ESP32PhotoFrame ("Skedari" -> "Shembull" -> "Biblioteka GFX për Arduino" -> "WiFiPhotoFrame")
3. Plotësoni cilësimet e AP -së tuaj WiFi në SSID_NAME dhe SSID_PASSWORD
4. Zëvendësoni emrin e hostit ose IP -në e serverit tuaj dhe portin në HTTP_HOST dhe
5. Shtypni butonin Arduino IDE "Ngarko"
6. Nëse e gjeni orientimin jo të saktë, ndryshoni vlerën e "rrotullimit" (0-3) në kodin e ri të klasës

Hapi 10: Shijoni foton

Timeshtë koha për të vendosur kornizën e fotografive IoT në desktopin tuaj dhe kënaquni!

Hapi 11: Çfarë vjen më pas?

• Shtoni informacionin tuaj të menjëhershëm
• Përshtatni mirë madhësinë e fotografisë burimore për saktësi më të mirë të zbulimit të fytyrës
• Detyrë automatike për të vendosur fotot më të fundit në dosjen e fotografive të serverit
• Bëni më shumë fotografi;>