Face Aware OSD фото жээкчеси: 11 кадам (сүрөттөр менен)

2024 Автор: John Day | [email protected]. Акыркы өзгөртүү: 2024-01-30 10:36

Бул Нускамалар экранда (OSD) тушунуктуу фото жээкчени кантип жасоону көрсөтөт.

OSD сиз каалаган убакытты, аба ырайын же башка интернет маалыматын көрсөтө алат.

1 -кадам: Эмне үчүн OSD Photo Frame?

Менде Instructablesде 2 фото саат долбоорлору бар:

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

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

Экөө тең интернеттен ар бир мүнөт сайын сулуулары бар сүрөттү жана убакыт тактасын алып, ЖКда көрсөтүшөт.

Сулуулуктарды көрсөтүү жакшы, бирок баары мага чоочун. Жеке сүйүктүү сүрөттөрүңүздү колдонуп, ага учурдагы убакытты жана андан ары заматта маалыматты кошуп коюңуз?

Бул долбоор аны кантип жасоону изилдеп жатат.

2 -кадам: Эмне үчүн Face Aware?

Келгиле, алгач фотого OSD маалыматын кантип кошууну текшерип көрөлү:

1. Белгилүү бир папкадан сүрөттү кокусунан тандаңыз
2. Убакытты алуу
3. Интернеттен тез маалымат алуу
4. сүрөттө убакытты жана тез маалыматты тартуу

1-3-кадам түз алдыга; 4 -кадам да жөнөкөй көрүнөт, бирок текстти кайда тартуу керектигин аныктоо анчалык оңой эмес.

Эгерде тексттин өлчөмү өтө кичине болсо, акылга сыярлык аралыкта окуу кыйын; Эгерде тексттин өлчөмү өтө чоң болсо, анда ал сүрөт объектилерин камтыйт. Айрыкча, эгер бул портрет сүрөтү болсо, анда беттери жабылган текст артыкчылыктуу эмес.

Ар бир сүрөт үчүн жүздөрдүн позициясы бирдей болбогондуктан, OSD менен капталган беттерди болтурбоо үчүн, адегенде жүздү аныктоо процесси керек. Андан кийин биз текстти тартуу үчүн бети жок аймакты таба алабыз.

3-кадам: 2-ярустуу Дизайн

Жүздү аныктоо процесси бир аз иштетүү күчүн талап кылат, тескерисинче, фото кадр абдан жеңил болушу мүмкүн. Ошентип, мен аны 2 баскычка бөлдүм:

Server

Жүздү тааныган фото кыймылдаткыч Node.js колдонмо сервери. Ар бир HTTP сурамы үчүн, ал:

1. Сүрөт папкасынан туш келди сүрөт тандаңыз
2. Жүздү аныктоо
3. беттин же эң аз беттин аянтын аныктабаңыз
4. Ошол эле учурда, ар бир мезгилде Интернеттен аба ырайын же башка пайдалуу тез маалыматты алып туруңуз
5. Сүрөткө убакытты жана тез маалыматты тартыңыз
6. HTTP жооп катары JPEG форматындагы OSD менен сүрөттү кайтарыңыз

Кардар

Кардар веб -браузер, апплет же IoT түзмөгү болушу мүмкүн.

Мисалы 2-4 дюймдук LCD менен ESP32 dev boasrd столго кичинекей фото жээкче катары жайгаштыруу үчүн абдан ылайыктуу.

4 -кадам: Фото серверди орнотуу 1 -вариант: Докер сүрөтү

Ыңгайлуулук үчүн, мен OSD Node.js колдонмо серверине белгилүү болгон Docker сүрөтүн түздүм.

Эгерде сиз Dockerди орното элек болсоңуз, анда Docker Get Started көрсөтмөсүн аткарыңыз:

www.docker.com/get-started

Андан кийин төмөнкү буйрукту аткарыңыз: (алмаштыруу/path/to/photo to your own photo path)

docker run -p 8080: 8080 -v/path/to/photo:/app/photo moononournation/face-known-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 -known -photo -osd: 1.0.1

Эгерде сиз Гонконгдо мен сыяктуу жашасаңыз, Гонконгдун аба ырайы тууралуу маалыматты кошо аласыз:

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

Эгерде сиз өзүңүздүн 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-xəbərdar-photo-osd/app.js: /app/app.js moononournation/face-xəbərdar-photo-osd: 1.0. 1

Өз OSD маалыматыңызды ыңгайлаштыруу үчүн app.js ичинде update_osd () функциясын өзгөртүңүз. Иштеп чыккандан кийин, docker командасынан DEBUG = Y чөйрөсүн алып салыңыз.

5 -кадам: Фото серверди орнотуу 2 -вариант: Булактан куруу

Эгерде сиз Node.js менен тааныш болсоңуз, колдонмонун серверин булактан түзө аласыз.

Булакты алуу:

git клону

Пакеттерди орнотуу:

CD-бет-кабары-сүрөт-osd

npm орнотуу

Сүрөт папкасын түзүңүз жана өзүңүздүн сүрөттөрүңүздү папкага көчүрүңүз.

Колдонмо серверин иштетүү:

түйүн app.js

6 -кадам: Кардар варианты 1: Веб -браузер

Жөн гана браузер https:// localhost: 8080/

Барак сценарийи боюнча автоматтык түрдө жүктөлгөн барак өлчөмүн сүрөтү мүнөт сайын.

P. S. Эгерде сиз колдонмо серверин иштетпеген башка машинадан карап чыксаңыз, localhostту колдонмо серверинин хост атын же IP дарегин өзгөртүүнү унутпаңыз.

7 -кадам: Кардар Option 2: ESP32 + ЖК

Сүрөт алкагынын кардары ESP32 dev board жана LCD сыяктуу жөнөкөй болушу мүмкүн.

Бул жерде керектүү жабдыктар бар:

ESP32 Dev Board

Бардык ESP32 иштеп чыгуучу тактасы жакшы болушу керек, бул жолу мен MH-ET LIVE деп аталган такта колдонуп жатам.

LCD дисплей

Ар кандай Arduino_GFX колдогон LCD, сиз азыркы колдоого алынган дисплейди GitHub readmeден таба аласыз:

github.com/moononournation/Arduino_GFX

Jumper Wire

Кээ бир Jumper Wires, иштөө тактасына жана LCD казыктарынын жайгашуусуна жараша болот. Көпчүлүк учурда 6-9 ургаачыдан секирүүчү зымдар жетиштүү.

LCD стенд

Кээ бир колдоо LCD түз турууга жардам берет, бул жолу мен карта кармагыч стендди колдонуп жатам.

8 -кадам: ESP32 + ЖК жыйнагы

Үстүнкү жагында пин -башы бар ESP32 артыкчылыктуу. Төмөн жагындагы төөнөгүчтүн башы болсо, тактанын үстүнкү жагына коюңуз;>

ESP32 менен ЖКны секирүүчү зымдар менен туташтырып, анан аны стендге орнотуңуз.

Бул жерде туташуунун кыскача мисалы:

ESP32 -> ЖК

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 + ЖК программалык камсыздоо

Arduino IDE

Ардуино IDEди жүктөңүз жана орнотуңуз, эгер сиз муну кыла элек болсоңуз:

www.arduino.cc/en/main/software

ESP32 колдоо

Эгерде сиз азырынча кыла элек болсоңуз, ESP32 колдоосун кошуу үчүн Орнотуу Нускамаларын аткарыңыз:

github.com/espressif/arduino-esp32

Arduino_GFX китепканасы

Акыркы Arduino_GFX китепканаларын жүктөп алыңыз: ("Clone or Download" -> "ZIP Download" баскычын басыңыз)

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 -кадам: Кийинкиде эмне болот?

• Өзүңүздүн ыкчам маалыматыңызды кошуңуз
• Жүздү аныктоо тактыгын жакшыртуу үчүн баштапкы сүрөттүн өлчөмүн тууралаңыз
• Акыркы сүрөттөрдү сервердин фото папкасына коюу автоматтык тапшырма
• Көбүрөөк сүрөткө тартуу;>