Face Aware OSD Foto Çərçivəsi: 11 Addım (Şəkillərlə birlikdə)

2024 Müəllif: John Day | [email protected]. Son dəyişdirildi: 2024-01-30 07:43

Bu Təlimatlar, ekranda üzün fərqində olan bir foto çərçivənin necə hazırlanacağını göstərir.

OSD istədiyiniz vaxt, hava və ya digər internet məlumatlarını göstərə bilər.

Addım 1: Niyə OSD Foto Çərçivəsi?

Daha əvvəl Instructables -da 2 foto saat layihəm var:

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

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

Hər ikisi gözəllikləri olan bir fotoşəkil və hər dəqiqə İnternetdən vaxt lövhəsi alır və LCD -də göstərilir.

Gözəllik nümayiş etdirmək yaxşıdır, amma hamısı mənə yaddır. Şəxsi sevimli fotoşəkillərdən istifadə etmək və cari vaxtı və əlavə məlumatları əlavə etmək necə olar?

Bu layihə bunu necə edəcəyini araşdırır.

Addım 2: Niyə Face Aware?

Əvvəlcə bir fotoşəkilə ani məlumat OSD -nin necə əlavə ediləcəyini yoxlayaq:

1. Təsadüfi olaraq müəyyən bir qovluqdan bir şəkil seçin
2. Vaxt al
3. İnternetdən ani məlumat əldə edin
4. fotoşəkildə vaxt və ani məlumat çəkin

1-3-cü addım düz irəli; Addım 4 də sadə görünür, ancaq mətnin harada çəkiləcəyini müəyyənləşdirmək o qədər də asan deyil.

Mətn ölçüsü çox kiçikdirsə, ağlabatan bir məsafədə oxumaq çətindir; Mətn ölçüsü çox böyükdürsə, çox güman ki, fotoşəkil obyektlərini əhatə edir. Xüsusilə portret fotoşəkil olsa, üzləri örtülmüş mətnə üstünlük verilmir.

Hər bir fotoşəkil üçün üzlərin mövqeyi eyni olmadığından, OSD ilə örtülmüş üzlərin qarşısını almaq üçün əvvəlcə üz tanıma prosesinə ehtiyacımız var. Sonra mətni çəkmək üçün üzü olmayan bir yer tapa bilərik.

Addım 3: 2 pilləli dizayn

Üz tanıma prosesi bir az emal gücü tələb edir, əksinə foto çərçivə çox yüngül ola bilər. Buna görə onu 2 pilləyə böldüm:

Server

Üzdən xəbərdar olan foto mühərriki Node.js tətbiq serveridir. Hər bir HTTP sorğusu üçün:

1. Təsadüfi olaraq foto qovluğundan bir şəkil seçin
2. Üz tanıma
3. heç bir üz və ya ən az üz sahəsi təyin etməyin
4. Eyni zamanda, hər müəyyən bir dövrdə İnternetdən hava və ya digər faydalı ani məlumatları alın
5. Fotoşəkildə vaxt və ani məlumat çəkin
6. HTTP cavabı olaraq OSP ilə fotoşəkili JPEG formatında qaytarın

Müştəri

Müştəri veb brauzer, applet və ya IoT cihazı ola bilər.

Məsələn, 2-4 düymlük LCD ilə bir ESP32 dev boasrd, kiçik bir foto çərçivə olaraq masaüstünə yerləşdirmək üçün çox uyğundur.

Addım 4: Foto Server Seçiminin Qurulması 1: Docker Image

Rahatlıq üçün, üzdən xəbərdar OSD Node.js tətbiq serveri üçün fotoşəkil üçün əvvəlcədən bir Docker şəkli hazırladım.

Hələ Docker qurmamısınızsa, Docker Başla təlimatına əməl edin:

www.docker.com/get-started

Sonra aşağıdakı əmri işlədin: (/path/to/photo şəklini öz foto yolunuza dəyişdirin)

docker run -p 8080: 8080 -v/path/to/photo:/app/photo moononournation/face-xəbərdar-photo-osd: 1.0.1

Bunu https:// localhost: 8080/

Göstərilən vaxtın saat diliminizdə olmadığını görə bilərsiniz:

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

Mənim kimi Hong Kongda yaşayırsınızsa, Hong Kong hava məlumatlarını əlavə edə bilərsiniz:

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

Öz OSD məlumatlarınızı inkişaf etdirmək istəyirsinizsə:

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.0 1

Xüsusi OSD məlumatlarınız üçün app.js-də update_osd () funksiyasını dəyişdirin. İnkişaf etdikdən sonra, sadəcə docker əmrindən DEBUG = Y mühitini silin.

Addım 5: Foto Server Seçimini Seçin 2: Mənbədən yaradın

Node.js ilə tanışsınızsa, tətbiq serverini mənbədən qura bilərsiniz.

Mənbəni əldə edin:

git klonu

Paketləri quraşdırın:

cd üz-xəbərdar-foto-osd

npm quraşdırın

Foto qovluq yaradın və öz şəkillərinizi qovluğa kopyalayın.

Tətbiq serverini işə salın:

node app.js

Addım 6: Müştəri Seçim 1: Veb Brauzeri

Sadəcə brauzer https:// localhost: 8080/

Səhifə hər dəqiqədə uyğun bir səhifə ölçüsündə bir şəkil avtomatik olaraq yüklənir.

P. S. Tətbiq serverini işləməyən başqa bir maşından baxırsınızsa, localhost -un tətbiq serverinin ana adını və ya IP ünvanını dəyişdirməyi unutmayın.

Addım 7: Müştəri Seçim 2: ESP32 + LCD

Bir foto çərçivə müştəri bir ESP32 inkişaf lövhəsi və LCD kimi sadə ola bilər.

İşdə lazım olan avadanlıqlar:

ESP32 inkişaf lövhəsi

Hər hansı bir ESP32 inkişaf kartı yaxşı olmalıdır, bu dəfə MH-ET LIVE adlı bir lövhədən istifadə edirəm.

LCD Ekran

Arduino_GFX dəstəkləyən hər hansı bir LCD, hazırda dəstəklənən ekranı GitHub readme -də tapa bilərsiniz:

github.com/moononournation/Arduino_GFX

Jumper Tel

Bəzi tullanan tellər, inkişaf etdirici lövhədən və LCD sancaqlar düzülüşündən asılıdır. Əksər hallarda 6-9 dişi-dişi atlama telləri kifayətdir.

LCD Stend

Bəzi dəstəklər LCD -nin düz dayanmasına kömək edir, bu dəfə kart tutacaqdan istifadə edirəm.

Addım 8: ESP32 + LCD montajı

Üst tərəfində pin başlığı olan ESP32 -ə üstünlük verilir. Pin başlığı aşağı tərəfdədirsə, lövhəni tərsinə qoyun;>

ESP32 və LCD -ni keçid telləri ilə bağlayın, sonra stendə yerləşdirin.

Bağlantı xülasəsinin nümunəsi budur:

ESP32 -> LCD

Vcc -> Vcc GND -> GND GPIO 5 -> CS GPIO 27 -> DC (varsa) GPIO 33 -> RST GPIO 18 -> SCK GPIO 19 -> MISO (isteğe bağlı) GPIO 22 -> LED (varsa) GPIO 23 -> MOSI / SDA

Addım 9: ESP32 + LCD Proqramı

Arduino IDE

Hələ etməsəniz Arduino IDE -ni yükləyin və quraşdırın:

www.arduino.cc/en/main/software

ESP32 dəstəyi

Hələ etməsəniz ESP32 dəstəyi əlavə etmək üçün Quraşdırma Təlimatlarına əməl edin:

github.com/espressif/arduino-esp32

Arduino_GFX Kitabxanası

Ən son Arduino_GFX kitabxanalarını yükləyin: ("Klonla və ya Yüklə" -> "ZIP Yüklə" düyməsini basın)

github.com/moononournation/Arduino_GFX

Arduino IDE kitabxanalarını idxal edin. (Arduino IDE "Sketch" Menyu -> "Kitabxana Daxil et" -> "ZIP Kitabxana Əlavə et" -> endirilmiş ZIP faylını seçin)

Tərtib edin və Yükləyin

1. Arduino IDE -ni açın
2. ESP32PhotoFrame nümunə kodunu açın ("Fayl" -> "Nümunə" -> "Arduino üçün GFX Kitabxanası" -> "WiFiPhotoFrame")
3. WiFi AP ayarlarınızı SSID_NAME və SSID_PASSWORD daxil edin
4. Server host adınızı və ya IP və portunuzu HTTP_HOST və HTTP_PORT -da dəyişdirin
5. Arduino IDE "Yüklə" düyməsini basın
6. İstiqamətin düzgün olmadığını görürsünüzsə, yeni sinif kodundakı "fırlanma" dəyərini (0-3) dəyişdirin

Addım 10: Fotoşəkildən zövq alın

IoT foto çərçivəsini masaüstünüzə qoymağın və zövq almağın vaxtı gəldi!

Addım 11: Sonrakı Nədir?

• Öz ani məlumatlarınızı əlavə edin
• Daha yaxşı üz tanıma dəqiqliyi üçün mənbə fotoşəkil ölçüsünü incə tənzimləyin
• Ən son şəkilləri server foto qovluğuna qoymaq avtomatik tapşırıq
• Daha çox şəkil çəkin;>