फेस अवेयर ओएसडी फोटो फ्रेम: 11 कदम (चित्रों के साथ)

2024 लेखक: John Day | [email protected]. अंतिम बार संशोधित: 2024-01-30 09:19

यह निर्देश दिखाता है कि स्क्रीन डिस्प्ले (ओएसडी) पर फेस अवेयरनेस के साथ फोटो फ्रेम कैसे बनाया जाता है।

ओएसडी समय, मौसम या अन्य इंटरनेट जानकारी दिखा सकता है जो आप चाहते हैं।

चरण 1: ओएसडी फोटो फ्रेम क्यों?

मेरे पास इंस्ट्रक्शंस में पहले 2 फोटो क्लॉक प्रोजेक्ट हैं:

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

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

दोनों हर मिनट इंटरनेट से सुंदरियों और एक टाइम बोर्ड के साथ एक तस्वीर प्राप्त करते हैं और एलसीडी पर प्रदर्शित करते हैं।

सुंदरियों का प्रदर्शन अच्छा है, लेकिन वे सभी मेरे लिए अजनबी हैं। व्यक्तिगत पसंदीदा फ़ोटो का उपयोग करने और उस पर वर्तमान समय और आगे की त्वरित जानकारी जोड़ने के बारे में क्या?

यह परियोजना यह खोज रही है कि इसे कैसे बनाया जाए।

चरण 2: फेस अवेयर क्यों?

आइए देखें कि पहले फोटो में तत्काल सूचना ओएसडी कैसे जोड़ें:

1. एक विशिष्ट फ़ोल्डर से यादृच्छिक रूप से एक तस्वीर का चयन करें
2. समय प्राप्त करें
3. इंटरनेट से तुरंत जानकारी प्राप्त करें
4. फोटो पर समय और तत्काल जानकारी खींचना

चरण 1-3 सीधे आगे है; चरण 4 भी सरल दिखता है, लेकिन यह निर्धारित करें कि पाठ को कहाँ खींचना इतना आसान नहीं है।

यदि पाठ का आकार बहुत छोटा है, तो उचित दूरी में पढ़ना कठिन है; यदि टेक्स्ट का आकार बहुत बड़ा है, तो संभवतः यह फोटो ऑब्जेक्ट को कवर करता है। खासकर अगर यह पोर्ट्रेट फोटो है, तो चेहरे से ढके टेक्स्ट को प्राथमिकता नहीं दी जाती है।

चूंकि प्रत्येक फोटो के लिए चेहरों की स्थिति समान नहीं होती है, इसलिए OSD से ढके चेहरों से बचने के लिए हमें पहले चेहरे का पता लगाने की प्रक्रिया की आवश्यकता होती है। फिर हम टेक्स्ट को ड्रा करने के लिए एक नो-फेस-एरिया ढूंढ सकते हैं।

चरण 3: 2-स्तरीय डिज़ाइन

चेहरे का पता लगाने की प्रक्रिया में कुछ प्रसंस्करण शक्ति की आवश्यकता होती है, इसके विपरीत, फोटो फ्रेम बहुत हल्के वजन का हो सकता है। इसलिए मैंने इसे 2-स्तरीय में विभाजित किया:

सर्वर

फेस अवेयर फोटो इंजन एक Node.js ऐप सर्वर है। प्रत्येक HTTP अनुरोध के लिए, यह होगा:

1. फोटो फ़ोल्डर से बेतरतीब ढंग से एक तस्वीर का चयन करें
2. चेहरा पहचानना
3. कोई चेहरा या कम से कम चेहरे का क्षेत्र निर्धारित करें
4. इस बीच, हर निश्चित अवधि में इंटरनेट से मौसम या अन्य उपयोगी तत्काल जानकारी प्राप्त करें
5. फोटो पर समय और तत्काल जानकारी ड्रा करें
6. एचटीटीपी प्रतिक्रिया के रूप में जेपीईजी प्रारूप में ओएसडी के साथ फोटो लौटाएं

ग्राहक

क्लाइंट एक वेब ब्राउज़र, एक एप्लेट या एक IoT डिवाइस हो सकता है।

उदा. एक 2-4 इंच एलसीडी के साथ एक ईएसपी 32 देव बोसर्ड डेस्कटॉप पर एक छोटे से फोटो फ्रेम के रूप में रखने के लिए बहुत उपयुक्त है।

चरण 4: सेटअप फोटो सर्वर विकल्प 1: डॉकर छवि

सुविधा के लिए, मैंने फेस अवेयर फोटो OSD Node.js ऐप सर्वर के लिए एक डॉकर इमेज प्री-बिल्ड की है।

यदि आपने अभी तक Docker सेटअप नहीं किया है, तो कृपया Docker Get Started मार्गदर्शिका का पालन करें:

www.docker.com/get-started

फिर निम्न कमांड चलाएँ: (/पथ/से/फोटो को अपने स्वयं के फोटो पथ में बदलें)

डॉकर रन -p 8080:8080 -v /path/to/photo:/app/photo Moononournation/face-aware-photo-osd:1.0.1

localhost:8080/ पर ब्राउज़ करके इसका परीक्षण करें

आप पा सकते हैं कि प्रदर्शन समय आपके समय क्षेत्र में नहीं है:

डॉकर रन -p 8080:8080 -e TZ=Asia/Hong_Kong -v /path/to/photo:/app/photo Moononournation/face-aware-photo-osd:1.0.1

अगर आप मेरी तरह हांगकांग में रहते हैं, तो आप हांगकांग के मौसम की जानकारी जोड़ सकते हैं:

डॉकर रन -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

यदि आप अपनी स्वयं की ओएसडी जानकारी विकसित करना चाहते हैं:

एमकेडीआईआर-पी ~/गिट

सीडी ~/गिट गिट क्लोन 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

अपनी खुद की ओएसडी जानकारी को अनुकूलित करने के लिए app.js में update_osd() फ़ंक्शन को संशोधित करें। विकास के बाद, बस DEBUG=Y वातावरण को docker कमांड से हटा दें।

चरण 5: सेटअप फोटो सर्वर विकल्प 2: स्रोत से बनाएं

यदि आप Node.js से परिचित हैं, तो आप स्रोत से ऐप सर्वर बना सकते हैं।

स्रोत प्राप्त करें:

गिट क्लोन

पैकेज स्थापित करें:

सीडी फेस-अवेयर-फोटो-ओएसडी

एनपीएम इंस्टॉल

फोटो फोल्डर बनाएं और अपनी खुद की फोटो को फोल्डर में कॉपी करें।

ऐप सर्वर चलाएँ:

नोड app.js

चरण 6: क्लाइंट विकल्प 1: वेब ब्राउज़र

बस ब्राउज़र से

पेज स्क्रिप्टेड है हर मिनट एक फिट पेज साइज इमेज को ऑटो लोड करता है।

पी.एस. यदि आप किसी अन्य मशीन से ब्राउज़ करते हैं जो ऐप सर्वर नहीं चला रही है, तो याद रखें कि लोकलहोस्ट को ऐप सर्वर होस्टनाम या आईपी एड्रेस में बदलें।

चरण 7: ग्राहक विकल्प 2: ESP32 + LCD

एक फोटो फ्रेम क्लाइंट ईएसपी 32 देव बोर्ड और एलसीडी जितना आसान हो सकता है।

यहां आवश्यक हार्डवेयर हैं:

ESP32 देव बोर्ड

कोई भी ESP32 देव बोर्ड ठीक होना चाहिए, इस बार मैं MH-ET LIVE नामक बोर्ड का उपयोग कर रहा हूं।

एलसीडी प्रदर्शन

कोई भी Arduino_GFX समर्थित LCD, आप वर्तमान में GitHub रीडमी पर समर्थित डिस्प्ले पा सकते हैं:

github.com/moononournation/Arduino_GFX

जम्पर तार

कुछ जम्पर तार, देव बोर्ड और एलसीडी पिन लेआउट पर निर्भर करते हैं। ज्यादातर मामलों में 6-9 मादा से मादा जम्पर तार पर्याप्त होते हैं।

एलसीडी स्टैंड

कुछ समर्थन एलसीडी को सीधे खड़े होने में मदद करते हैं, इस बार मैं कार्ड धारक स्टैंड का उपयोग कर रहा हूं।

चरण 8: ESP32 + LCD असेंबली

ESP32 ऊपरी तरफ पिन हैडर के साथ पसंद किया जाता है। अगर पिन हेडर नीचे की तरफ है, तो बस बोर्ड को उल्टा रख दें;>

ESP32 और LCD को जम्पर तारों से कनेक्ट करें, फिर इसे स्टैंड में फिट करें।

यहां नमूना कनेक्शन सारांश दिया गया है:

ESP32 -> एलसीडी

वीसीसी -> वीसीसी जीएनडी -> जीएनडी जीपीआईओ 5 -> सीएस जीपीआईओ 27 -> डीसी (यदि उपलब्ध हो) जीपीआईओ 33 -> आरएसटी जीपीआईओ 18 -> एससीके जीपीआईओ 19 -> एमआईएसओ (वैकल्पिक) जीपीआईओ 22 -> एलईडी (यदि उपलब्ध हो) जीपीआईओ 23 -> मोसी / एसडीए

चरण 9: ESP32 + LCD सॉफ्टवेयर

अरुडिनो आईडीई

यदि आपने अभी तक ऐसा नहीं किया है तो Arduino IDE डाउनलोड और इंस्टॉल करें:

www.arduino.cc/hi/main/software

ESP32 समर्थन

यदि आपने अभी तक ऐसा नहीं किया है तो ESP32 समर्थन जोड़ने के लिए स्थापना निर्देशों का पालन करें:

github.com/espressif/arduino-esp32

Arduino_GFX लाइब्रेरी

नवीनतम Arduino_GFX लाइब्रेरी डाउनलोड करें: ("क्लोन या डाउनलोड" दबाएं -> "ज़िप डाउनलोड करें")

github.com/moononournation/Arduino_GFX

Arduino IDE में लाइब्रेरी आयात करें। (Arduino IDE "स्केच" मेनू -> "लाइब्रेरी शामिल करें" -> ". ZIP लाइब्रेरी जोड़ें" -> डाउनलोड की गई ज़िप फ़ाइल चुनें)

संकलित करें और अपलोड करें

1. Arduino IDE खोलें
2. ESP32PhotoFrame नमूना कोड खोलें ("फ़ाइल" -> "उदाहरण" -> "Arduino के लिए GFX लाइब्रेरी" -> "WiFiPhotoFrame")
3. SSID_NAME और SSID_PASSWORD में अपनी WiFi AP सेटिंग भरें
4. अपने सर्वर होस्टनाम या आईपी और पोर्ट को HTTP_HOST और HTTP_PORT. में बदलें
5. Arduino IDE "अपलोड" बटन दबाएं
6. यदि आप अभिविन्यास को सही नहीं पाते हैं, तो "रोटेशन" मान (0-3) को नए वर्ग कोड में बदलें

चरण 10: फोटो का आनंद लें

अपने डेस्कटॉप पर IoT फोटो फ्रेम लगाने और आनंद लेने का समय आ गया है!

चरण 11: आगे क्या है?

• अपनी खुद की तत्काल जानकारी जोड़ें
• बेहतर चेहरा पहचान सटीकता के लिए स्रोत फ़ोटो आकार को फ़ाइन ट्यून करें
• सर्वर फोटो फोल्डर में नवीनतम फोटो डालने का स्वचालित कार्य
• और तस्वीरें लें;>