Uso wa Kujua Picha ya Picha ya OSD: Hatua 11 (na Picha)

2024 Mwandishi: John Day | [email protected]. Mwisho uliobadilishwa: 2024-01-30 12:48

Maagizo haya yanaonyesha jinsi ya kutengeneza picha na utambuzi wa uso kwenye Onyesho la Skrini (OSD).

OSD inaweza kuonyesha wakati, hali ya hewa au habari nyingine ya mtandao unayotaka.

Hatua ya 1: Kwa nini Picha ya Picha ya OSD?

Nina miradi 2 ya saa za picha kwenye Maagizo kabla:

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

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

Wote huchukua picha na warembo na ubao wa muda kutoka kwa mtandao kila dakika na huonyeshwa kwenye LCD.

Kuonyesha uzuri ni nzuri, lakini wote ni wageni kwangu. Je! Ni vipi kuhusu kutumia picha za kibinafsi unazozipenda na kuongeza wakati wa sasa na habari zaidi ya papo hapo juu yake?

Mradi huu unatafuta jinsi ya kuifanya.

Hatua ya 2: Kwanini Ujulishe Uso?

Wacha tuangalie jinsi ya kuongeza habari ya papo hapo OSD kwenye picha kwanza:

1. Chagua bila mpangilio picha kutoka kwa folda maalum
2. Pata wakati
3. Pata habari ya papo hapo kutoka kwa mtandao
4. chora wakati na habari ya papo hapo kwenye picha

Hatua ya 1-3 ni sawa mbele; Hatua ya 4 pia inaonekana rahisi, lakini amua wapi kuteka maandishi sio rahisi sana.

Ikiwa saizi ya maandishi ni ndogo sana, ni ngumu kusoma kwa umbali mzuri; Ikiwa saizi ya maandishi ni kubwa sana, inawezekana inashughulikia vitu vya picha. Hasa ikiwa ni picha ya picha, maandishi yaliyofunika nyuso hayapendekezwi.

Kwa kuwa msimamo wa nyuso kwa kila picha sio sawa, ili kuepuka uso uliofunikwa wa OSD tunahitaji mchakato wa kugundua uso kwanza. Kisha tunaweza kupata eneo lisilo na uso kuteka maandishi.

Hatua ya 3: 2-tiers Design

Mchakato wa kugundua uso unahitaji nguvu ya usindikaji, kwa kulinganisha, sura ya picha inaweza kuwa nyepesi sana. Kwa hivyo niligawanya vipande viwili:

Seva

Injini ya picha inayojua uso ni seva ya programu ya Node.js. Kwa kila ombi la HTTP, ita:

1. Chagua picha kutoka kwa folda ya picha bila mpangilio
2. Kugundua uso
3. usiamua uso wowote au eneo ndogo la nyuso
4. Kwa wakati unaofaa, pata hali ya hewa au habari zingine muhimu kutoka kwa mtandao kila kipindi fulani
5. Chora wakati na habari ya papo hapo kwenye picha
6. Rudisha picha na OSD katika muundo wa JPEG kama jibu la

Mteja

Mteja anaweza kuwa kivinjari cha wavuti, applet au kifaa cha IoT.

Mfano. ESP32 dev boasrd na LCD ya inchi 2-4 inafaa sana kuweka kwenye desktop kama fremu ndogo ya picha.

Hatua ya 4: Sanidi Chaguo la Seva ya Picha 1: Picha ya Docker

Kwa urahisi, nimejenga picha ya Docker kwa uso wa seva ya programu ya OSD Node.js.

Ikiwa bado haujaanzisha Docker, tafadhali fuata mwongozo wa Kuanza kwa Docker:

www.docker.com/get-started

Kisha fanya amri ifuatayo: (badala / njia / kwa / picha kwa njia yako ya picha)

docker run -p 8080: 8080 -v / path / to / photo: / app / photo moononournation / uso-unajua-picha-osd: 1.0.1

Jaribu kwa kuvinjari kwa https:// localhost: 8080 /

Unaweza kupata wakati wa kuonyesha haupo katika eneo lako:

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

Ikiwa unaishi Hong Kong kama mimi, unaweza kuongeza habari ya hali ya hewa ya Hong Kong:

kukimbia docker -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

Ikiwa ungependa kukuza habari yako mwenyewe ya OSD:

mkdir -p ~ / git

cd ~ / git clone clone 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 / njia / kwa / picha: / programu / picha -v ~ / git / uso-unajua-picha-osd / app.js: /app/app.js mwandamo wa mwezi / uso-unajua-picha-osd: 1.0. 1

Rekebisha kazi ya update_osd () katika programu.js ili kutengeneza habari yako mwenyewe ya OSD. Baada ya maendeleo, ondoa tu DEBUG = Y mazingira kutoka kwa amri ya docker.

Hatua ya 5: Sanidi Chaguo la Seva ya Picha 2: Jenga Kutoka Chanzo

Ikiwa unajua Node.js, unaweza kujenga seva ya programu kutoka chanzo.

Pata chanzo:

clone ya git

Sakinisha vifurushi:

cd uso-unajua-picha-osd

npm kufunga

Unda folda ya picha na unakili picha zako mwenyewe kwenye folda.

Endesha seva ya programu:

programu ya nodi

Hatua ya 6: Chaguo la Mteja 1: Kivinjari cha Wavuti

Vinjari tu kwa https:// localhost: 8080 /

Ukurasa umeandikwa kiotomatiki kupakia picha inayofaa ukubwa wa ukurasa kila dakika.

P. S. Ikiwa unavinjari kutoka kwa mashine nyingine ambayo haiendeshi seva ya programu, kumbuka badilisha barua pepe kwa jina la mpangishaji wa seva ya programu au anwani ya IP.

Hatua ya 7: Chaguo la Mteja 2: ESP32 + LCD

Mteja wa fremu ya picha anaweza kuwa rahisi kama bodi ya ESP32 dev na LCD.

Hapa kuna vifaa vinavyohitajika:

Bodi ya ESP32 Dev

Bodi yoyote ya ESP32 dev inapaswa kuwa sawa, wakati huu ninatumia bodi inayoitwa MH-ET LIVE.

Uonyesho wa LCD

LCD yoyote ya Arduino_GFX inayoungwa mkono, unaweza kupata onyesho linaloungwa mkono kwa sasa kwenye kisomaji cha GitHub:

github.com/moononournation/Arduino_GFX

Jumper Wire

Baadhi ya waya za Jumper, inategemea bodi ya dev na mpangilio wa pini za LCD. Katika hali nyingi waya wa kike hadi wa kike wa kuruka ni wa kutosha.

Stendi ya LCD

Msaada fulani husaidia LCD kusimama wima, wakati huu ninatumia standi ya mmiliki wa kadi.

Hatua ya 8: Mkutano wa LCD wa ESP32 +

ESP32 iliyo na kichwa cha pini upande wa juu inapendelea. Ikiwa kichwa cha pini upande wa chini, weka ubao chini chini;>

Unganisha ESP32 na LCD na waya za kuruka, kisha uitoshe kwenye standi.

Hapa kuna muhtasari wa uunganisho wa sampuli:

ESP32 -> LCD

Vcc -> Vcc GND -> GND GPIO 5 -> CS GPIO 27 -> DC (ikiwa inapatikana) GPIO 33 -> RST GPIO 18 -> SCK GPIO 19 -> MISO (hiari) GPIO 22 -> LED (ikiwa inapatikana) GPIO 23 -> MOSI / SDA

Hatua ya 9: Programu ya ESP32 + LCD

Arduino IDE

Pakua na usakinishe Arduino IDE ikiwa bado haujafanya:

www.arduino.cc/en/main/software

Msaada wa ESP32

Fuata Maagizo ya Usanikishaji ili kuongeza msaada wa ESP32 ikiwa bado haujaifanya:

github.com/espressif/arduino-esp32

Maktaba ya Arduino_GFX

Pakua maktaba za hivi karibuni za Arduino_GFX: (bonyeza "Clone au Pakua" -> "Pakua ZIP")

github.com/moononournation/Arduino_GFX

Ingiza maktaba katika Arduino IDE. (Arduino IDE "Mchoro" Menyu -> "Jumuisha Maktaba" -> "Ongeza Maktaba ya ZIP" -> chagua faili ya ZIP iliyopakuliwa)

Jumuisha na Upakie

1. Fungua Arduino IDE
2. Fungua msimbo wa sampuli ya ESP32PhotoFrame ("Faili" -> "Mfano" -> "Maktaba ya GFX ya Arduino" -> "WiFiPhotoFrame")
3. Jaza mipangilio yako ya WiFi AP kwenye SSID_NAME na SSID_PASSWORD
4. Badilisha jina la mwenyeji wa seva yako au IP na bandari katika HTTP_HOST na
5. Bonyeza kitufe cha "Pakia" cha Arduino IDE
6. Ukiona mwelekeo sio sahihi, badilisha thamani ya "mzunguko" (0-3) katika nambari mpya ya darasa

Hatua ya 10: Furahiya Picha

Ni wakati wa kuweka fremu ya picha ya IoT kwenye desktop yako na ufurahie!

Hatua ya 11: Ni nini Kinachofuata?

• Ongeza habari yako mwenyewe ya papo hapo
• Sahihisha ukubwa wa picha asili kwa usahihi bora wa kugundua uso
• Kazi ya moja kwa moja ya kuweka picha mpya kwenye folda ya picha ya seva
• Piga picha zaidi;>