Face Aware OSD зургийн жааз: 11 алхам (зурагтай)

2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:00

Энэхүү зааварчилгаа нь дэлгэцийн нүүрний дэлгэц (OSD) ашиглан гэрэл зургийн жааз хэрхэн хийхийг харуулдаг.

OSD нь таны хүссэн цаг, цаг агаар эсвэл интернетийн бусад мэдээллийг харуулах боломжтой.

Алхам 1: Яагаад OSD зургийн жааз хэрэгтэй вэ?

Надад Instructables дээр өмнө нь 2 гэрэл зургийн цаг төсөл байсан:

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

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

Хоёулаа гоо үзэсгэлэнтэй зураг, цагийн самбарыг интернэтээс минут тутамд авч, LCD дэлгэц дээр харуулдаг.

Гоо үзэсгэлэнг харуулах нь сайн, гэхдээ тэд бүгд надад танихгүй хүмүүс юм. Хувийн дуртай зургуудаа ашиглаж, дээр нь цаг хугацаа, нэмэлт мэдээллийг нэмж оруулбал ямар вэ?

Үүнийг хэрхэн яаж хийхийг энэ төсөл судалж байна.

Алхам 2: Яагаад Face Aware гэж?

Эхлээд зураг дээр шуурхай мэдээллийн OSD -ийг хэрхэн яаж оруулахыг үзье.

1. Тодорхой хавтаснаас зургийг санамсаргүй байдлаар сонгоно уу
2. Цаг авах
3. Интернетээс шуурхай мэдээлэл авах
4. зураг дээр цаг, шуурхай мэдээлэл зурах

1-3 алхам нь шууд урагшлах болно; 4 -р алхам нь бас энгийн харагддаг боловч текстийг хаана зурах нь тийм ч хялбар биш гэдгийг тодорхойлох явдал юм.

Хэрэв текстийн хэмжээ хэт жижиг байвал боломжийн зайд уншихад хэцүү байх болно; Хэрэв текстийн хэмжээ хэт том байвал энэ нь зургийн объектуудыг хамрах болно. Ялангуяа энэ нь хөрөг зураг бол нүүрийг нь тагласан текстийг илүүд үздэггүй.

Зураг бүрийн нүүрний байрлал ижил биш тул OSD -ээр бүрхэгдсэн нүүрээс зайлсхийхийн тулд бидэнд эхлээд нүүр таних процесс хэрэгтэй болно. Дараа нь бид текст зурах нүүргүй хэсгийг олж чадна.

Алхам 3: 2 давхар дизайн

Нүүр илрүүлэх үйл явц нь тодорхой хэмжээний боловсруулалт шаарддаг бөгөөд үүний эсрэгээр гэрэл зургийн жааз нь маш хөнгөн жинтэй байдаг. Тиймээс би үүнийг 2 үе шатанд хуваасан.

Сервер

Царайг мэддэг гэрэл зургийн систем бол Node.js програмын сервер юм. HTTP хүсэлт бүрийн хувьд энэ нь:

1. Зургийн хавтаснаас санамсаргүй байдлаар зураг сонгоно уу
2. Нүүр илрүүлэх
3. ямар ч нүүр эсвэл хамгийн бага нүүрний хэсгийг тодорхойлох
4. Тухайн үед цаг агаар эсвэл бусад хэрэгцээтэй мэдээллийг интернетээс тодорхой хугацаанд авах
5. Зурган дээр цаг, шуурхай мэдээллийг зур
6. HTTP хариу болгон OSP -тэй зургийг JPEG форматаар буцаана уу

Үйлчлүүлэгч

Үйлчлүүлэгч нь вэб хөтөч, апплет эсвэл IoT төхөөрөмж байж болно.

Жишээлбэл 2-4 инчийн LCD бүхий ESP32 дэвтэр нь жижигхэн зургийн жааз хэлбэрээр ширээний компьютер дээр байрлуулахад маш тохиромжтой.

Алхам 4: Фото серверийн тохиргоо 1 -р сонголт: Docker Image

Тохиромжтой болгох үүднээс би OSD Node.js програмын серверийн нүүрэнд зориулсан Docker дүрсийг урьдчилан бүтээсэн.

Хэрэв та Docker -ийг хараахан тохируулаагүй байгаа бол Docker -ийг эхлүүлэх зааврыг дагана уу.

www.docker.com/get-started

Дараа нь дараах тушаалыг ажиллуулна уу: (/path/to/photo -г өөрийн зургийн зам руу солих)

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

Үүнийг https:// localhost: 8080/руу орж шалгана уу.

Үзүүлэх цаг нь таны цагийн бүсэд байхгүй байж магадгүй юм.

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

Хэрэв та над шиг Хонконгт амьдардаг бол Хонгконгийн цаг агаарын мэдээллийг нэмж болно.

docker run -p 8080: 8080 -e TZ = Ази/Хонг_Конг -e OSD = HK_Weather -v/зам/руу/зураг:/апп/фото зураг

Хэрэв та өөрийн OSD мэдээллийг хөгжүүлэхийг хүсч байвал:

mkdir -p ~/git

cd ~/git git 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/path/to/photo:/app/photo -v ~/git/face -areness-photo-osd/app.js: /app/app.js moononournation/face-оюу-фото-osd: 1.0. 1

Өөрийн OSD мэдээллийг тохируулахын тулд app.js дэх update_osd () функцийг өөрчилнө үү. Хөгжүүлсний дараа docker командаас DEBUG = Y орчныг устга.

Алхам 5: Фото серверийн тохиргоо 2 -р хувилбар: Эх сурвалжаас бүтээх

Хэрэв та Node.js програмыг сайн мэддэг бол програмын серверийг эх сурвалжаас үүсгэж болно.

Эх сурвалжийг авах:

git clone

Багц суулгах:

cd нүүр-мэддэг-гэрэл зураг-osd

npm суулгах

Фото зургийн хавтас үүсгэж, өөрийн зургуудаа хавтас руу хуулж аваарай.

Апп сервер ажиллуулах:

app.js зангилаа

Алхам 6: Үйлчлүүлэгчийн сонголт 1: Вэб хөтөч

Зүгээр л https:// localhost: 8080/руу хөтөч оруулна уу.

Хуудсыг тохируулах хуудасны хэмжээтэй зургийг минут тутамд автоматаар ачаалдаг.

P. S. Хэрэв та апп сервер ажиллуулдаггүй өөр машинаас хайж байгаа бол localhost програмын серверийн хостын нэр эсвэл IP хаягийг өөрчилнө үү.

Алхам 7: Үйлчлүүлэгчийн сонголт 2: ESP32 + LCD

Фото зургийн хүрээний үйлчлүүлэгч нь ESP32 хөгжүүлэгч самбар, LCD дэлгэцтэй адил энгийн байж болно.

Энд шаардлагатай тоног төхөөрөмж байна:

ESP32 хөгжлийн самбар

Аливаа ESP32 хөгжүүлэгч самбар зүгээр байх ёстой, энэ удаад би MH-ET LIVE нэртэй самбар ашиглаж байна.

LCD дэлгэц

Arduino_GFX дэмждэг аливаа LCD дэлгэцийг та GitHub readme дээрээс одоогоор дэмжигдсэн дэлгэцээс олж болно.

github.com/moononournation/Arduino_GFX

Холбогч утас

Зарим Jumper Wires нь хөгжүүлэгчдийн самбар болон LCD зүү байршлаас хамаарна. Ихэнх тохиолдолд 6-9 эмэгтэй холбогч утас хангалттай байдаг.

LCD зогсоол

Зарим дэмжлэг нь LCD дэлгэцийг шууд байрлуулахад тусалдаг, энэ удаа би карт эзэмшигчийн суурийг ашиглаж байна.

Алхам 8: ESP32 + LCD угсралт

Дээд талд нь зүү толгойтой ESP32 -ийг илүүд үздэг. Хэрэв зүү толгой нь доод талд байвал самбарыг дээрээс нь доош нь харуулаарай;>

ESP32 болон LCD -ийг холбогч утсаар холбож, дараа нь тавиур дээр байрлуул.

Холболтын хураангуйгийн жишээг энд харуулав.

ESP32 -> LCD

Vcc -> Vcc GND -> GND GPIO 5 -> CS GPIO 27 -> DC (боломжтой бол) GPIO 33 -> RST GPIO 18 -> SCK GPIO 19 -> MISO (заавал биш) GPIO 22 -> LED (боломжтой бол) GPIO 23 -> MOSI / SDA

Алхам 9: ESP32 + LCD програм хангамж

Arduino IDE

Хэрэв та хараахан хийгээгүй байгаа бол Arduino IDE -г татаж аваад суулгаарай.

www.arduino.cc/en/main/software

ESP32 дэмжлэг

Хэрэв та хараахан хийгээгүй байгаа бол ESP32 дэмжлэгийг нэмэхийн тулд суулгах зааврыг дагана уу.

github.com/espressif/arduino-esp32

Arduino_GFX номын сан

Хамгийн сүүлийн үеийн Arduino_GFX номын санг татаж авах: ("Clone or Download" -> "ZIP татаж авах" товчийг дарна уу)

github.com/moononournation/Arduino_GFX

Arduino IDE дахь номын санг импортлох. (Arduino IDE "Sketch" цэс -> "Номын санг оруулах" -> ". ZIP номын сан нэмэх" -> татаж авсан ZIP файлыг сонгох)

Эмхэтгэх, байршуулах

1. Arduino IDE -ийг нээнэ үү
2. ESP32PhotoFrame дээжийн кодыг нээнэ үү ("Файл" -> "Жишээ" -> "Arduino -д зориулсан GFX номын сан" -> "WiFiPhotoFrame")
3. WiFi AP тохиргоогоо SSID_NAME болон SSID_PASSWORD дээр бөглөнө үү
4. HTTP_HOST болон HTTP_PORT дээр серверийн хостын нэр эсвэл IP болон портоо солино уу
5. Arduino IDE "Байршуулах" товчийг дарна уу
6. Хэрэв та чиглэлийг буруу гэж үзвэл шинэ ангийн кодын "эргүүлэх" утгыг (0-3) өөрчилнө үү

Алхам 10: Зургийг сайхан өнгөрүүлээрэй

IoT зургийн жаазыг ширээний компьютер дээрээ тавиад зугаацах цаг боллоо!

Алхам 11: Дараа нь юу хийх вэ?

• Шуурхай мэдээллээ өөрөө оруулна уу
• Нүүр царайг илүү нарийвчлалтай тодорхойлохын тулд эх зургийн хэмжээг нарийн тааруулна уу
• Хамгийн сүүлийн үеийн зургуудыг серверийн зургийн фолдерт оруулах автомат даалгавар
• Илүү олон зураг авах;>