ফেস অ্যাওয়ার্ড ওএসডি ফটো ফ্রেম: 11 টি ধাপ (ছবি সহ)

2024 লেখক: John Day | [email protected]. সর্বশেষ পরিবর্তিত: 2024-01-30 07:56

এই নির্দেশাবলী দেখায় কিভাবে মুখের সচেতন স্ক্রিন ডিসপ্লে (OSD) দিয়ে একটি ছবির ফ্রেম তৈরি করা যায়।

ওএসডি সময়, আবহাওয়া বা অন্যান্য ইন্টারনেট তথ্য দেখাতে পারে যা আপনি চান।

ধাপ 1: কেন ওএসডি ফটো ফ্রেম?

আমার আগে ইন্সট্রাকটেবলে 2 টি ফটো ক্লক প্রকল্প আছে:

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

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

দুজনেই প্রতি মিনিটে ইন্টারনেট থেকে একটি সুন্দরী এবং একটি টাইম বোর্ড সহ একটি ছবি উদ্ধার করে এবং এলসিডিতে প্রদর্শন করে।

সুন্দরীদের প্রদর্শন করা ভাল, কিন্তু তারা সবাই আমার কাছে অপরিচিত। ব্যক্তিগত পছন্দের ছবিগুলি ব্যবহার করে এবং বর্তমান সময় এবং এতে আরও তাত্ক্ষণিক তথ্য যুক্ত করার বিষয়ে?

এই প্রকল্পটি এটি কীভাবে তৈরি করা যায় তা অন্বেষণ করছে।

ধাপ 2: কেন মুখ সচেতন?

প্রথমে একটি ছবিতে তাত্ক্ষণিক তথ্য ওএসডি কীভাবে যোগ করা যায় তা পরীক্ষা করা যাক:

1. একটি নির্দিষ্ট ফোল্ডার থেকে এলোমেলোভাবে একটি ছবি নির্বাচন করুন
2. সময় পুনরুদ্ধার করুন
3. ইন্টারনেট থেকে তাত্ক্ষণিক তথ্য পুনরুদ্ধার করুন
4. ছবিতে সময় এবং তাত্ক্ষণিক তথ্য আঁকুন

ধাপ 1-3- 1-3 সোজা এগিয়ে; Step য় ধাপটিও দেখতে সহজ, কিন্তু লেখাটি কোথায় আঁকবেন তা নির্ধারণ করা এত সহজ নয়।

যদি পাঠ্যের আকার খুব ছোট হয়, যুক্তিসঙ্গত দূরত্বে পড়া কঠিন; যদি পাঠ্যের আকার খুব বড় হয়, তবে এটি সম্ভবত ছবির বস্তুগুলিকে আবৃত করে। বিশেষ করে যদি এটি পোর্ট্রেট ছবি হয়, মুখ coveredাকা লেখা পছন্দ করা হয় না।

যেহেতু প্রতিটি ছবির মুখের অবস্থান একই নয়, ওএসডি coveredাকা মুখ এড়ানোর জন্য আমাদের প্রথমে মুখ সনাক্তকরণ প্রক্রিয়া প্রয়োজন। তারপরে আমরা পাঠ্যটি আঁকার জন্য একটি মুখমণ্ডল খুঁজে পেতে পারি।

ধাপ 3: 2-স্তর নকশা

মুখ সনাক্তকরণ প্রক্রিয়ার জন্য কিছু প্রক্রিয়াকরণ শক্তি প্রয়োজন, বিপরীতে, ছবির ফ্রেম খুব হালকা ওজন হতে পারে। তাই আমি এটি 2-স্তরে বিভক্ত:

সার্ভার

মুখ সচেতন ছবির ইঞ্জিন একটি Node.js অ্যাপ সার্ভার। প্রতিটি HTTP অনুরোধের জন্য, এটি হবে:

1. ফটো ফোল্ডার থেকে এলোমেলোভাবে একটি ছবি নির্বাচন করুন
2. মুখ সনাক্তকরণ
3. কোন মুখ বা কমপক্ষে মুখের এলাকা নির্ধারণ করুন
4. গড় সময়ে, প্রতি নির্দিষ্ট সময়ে ইন্টারনেট থেকে আবহাওয়া বা অন্যান্য দরকারী তাত্ক্ষণিক তথ্য পুনরুদ্ধার করুন
5. ছবিতে সময় এবং তাত্ক্ষণিক তথ্য আঁকুন
6. HTTP প্রতিক্রিয়া হিসাবে JPEG ফর্ম্যাটে OSD সহ ছবিটি ফেরত দিন

ক্লায়েন্ট

ক্লায়েন্ট একটি ওয়েব ব্রাউজার, অ্যাপলেট বা আইওটি ডিভাইস হতে পারে।

যেমন 2-4 ইঞ্চি LCD সহ একটি ESP32 dev boasrd ডেস্কটপে একটি ছোট ছবির ফ্রেম হিসেবে রাখার জন্য খুবই উপযুক্ত।

ধাপ 4: সেটআপ ফটো সার্ভার অপশন 1: ডকার ইমেজ

সুবিধার জন্য, আমি মুখ সচেতন ছবির OSD Node.js অ্যাপ সার্ভারের জন্য একটি ডকার ইমেজ প্রি-বিল্ড করেছি।

যদি আপনি এখনও ডকার সেটআপ না করেন, অনুগ্রহ করে ডকার শুরু করুন নির্দেশিকা অনুসরণ করুন:

www.docker.com/get-started

তারপরে নিম্নলিখিত কমান্ডটি চালান: (প্রতিস্থাপন/পথ/থেকে/ফটো আপনার নিজের ছবির পথে)

docker run -p 8080: 8080 -v/path/to/photo:/app/photo moononournation/face-সচেতন-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 -সচেতন -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 -সচেতন -photo -osd: 1.0.1

আপনি যদি নিজের ওএসডি তথ্য বিকাশ করতে চান:

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-সচেতন-photo-osd/app.js: /app/app.js moononournation/face-সচেতন-photo-osd: 1.0 ঘ

App.js এ update_osd () ফাংশনটি আপনার নিজের ওএসডি তথ্য অনুযায়ী তৈরি করুন। বিকাশের পরে, ডকার কমান্ড থেকে কেবল DEBUG = Y পরিবেশ সরান।

ধাপ 5: ফটো সার্ভার অপশন 2 সেটআপ করুন: উৎস থেকে তৈরি করুন

আপনি যদি Node.js এর সাথে পরিচিত হন, তাহলে আপনি উৎস থেকে অ্যাপ সার্ভার তৈরি করতে পারেন।

উৎস পান:

গিট ক্লোন

প্যাকেজ ইনস্টল করুন:

সিডি মুখ-সচেতন-ফটো-ওএসডি

npm ইন্সটল

ফটো ফোল্ডার তৈরি করুন এবং ফোল্ডারে আপনার নিজের ছবি কপি করুন।

অ্যাপ সার্ভার চালান:

নোড app.js

ধাপ 6: ক্লায়েন্ট অপশন 1: ওয়েব ব্রাউজার

শুধু ব্রাউজার https:// localhost: 8080/

পৃষ্ঠাটি প্রতি মিনিটে একটি ফিট পেজ সাইজের ছবি স্বয়ংক্রিয়ভাবে স্ক্রিপ্ট করা হয়।

পুনশ্চ. আপনি যদি অন্য কোন মেশিন থেকে ব্রাউজ করেন যা অ্যাপ সার্ভারটি চালাচ্ছে না, তাহলে মনে রাখবেন অ্যাপল সার্ভার হোস্টনাম বা আইপি ঠিকানায় লোকালহোস্ট পরিবর্তন করুন।

ধাপ 7: ক্লায়েন্ট বিকল্প 2: ESP32 + LCD

একটি ফটো ফ্রেম ক্লায়েন্ট একটি ESP32 dev বোর্ড এবং একটি LCD এর মত সহজ হতে পারে।

এখানে প্রয়োজনীয় হার্ডওয়্যার রয়েছে:

ESP32 দেব বোর্ড

যেকোনো ESP32 dev বোর্ড ঠিক থাকা উচিত, এবার আমি MH-ET LIVE নামক একটি বোর্ড ব্যবহার করছি।

LCD প্রদর্শন

কোন Arduino_GFX সমর্থিত LCD, আপনি GitHub readme এ বর্তমানে সমর্থিত ডিসপ্লে পেতে পারেন:

github.com/moononournation/Arduino_GFX

জাম্পার ওয়্যার

কিছু জাম্পার তার, দেব বোর্ড এবং LCD পিনের বিন্যাসের উপর নির্ভর করে। বেশিরভাগ ক্ষেত্রে 6-9 মহিলা থেকে মহিলা জাম্পার তার যথেষ্ট।

এলসিডি স্ট্যান্ড

কিছু সমর্থন এলসিডি সোজা হয়ে দাঁড়াতে সাহায্য করে, এইবার আমি একটি কার্ড হোল্ডার স্ট্যান্ড ব্যবহার করছি।

ধাপ 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 (alচ্ছিক) GPIO 22 -> LED (যদি পাওয়া যায়) GPIO 23 -> মসি / এসডিএ

ধাপ 9: ESP32 + LCD সফটওয়্যার

Arduino IDE

Arduino IDE ডাউনলোড এবং ইনস্টল করুন যদি আপনি এখনও এটি না করেন:

www.arduino.cc/en/main/software

ESP32 সাপোর্ট

ESP32 সমর্থন যোগ করার জন্য ইনস্টলেশন নির্দেশাবলী অনুসরণ করুন যদি আপনি এটি এখনও না করেন:

github.com/espressif/arduino-esp32

Arduino_GFX লাইব্রেরি

সর্বশেষ Arduino_GFX লাইব্রেরি ডাউনলোড করুন: ("ক্লোন বা ডাউনলোড করুন" -> "ZIP ডাউনলোড করুন" টিপুন)

github.com/moononournation/Arduino_GFX

Arduino IDE তে লাইব্রেরি আমদানি করুন। (Arduino IDE "স্কেচ" মেনু -> "লাইব্রেরি অন্তর্ভুক্ত করুন" -> ". ZIP লাইব্রেরি যোগ করুন" -> ডাউনলোড করা ZIP ফাইল নির্বাচন করুন)

কম্পাইল করুন এবং আপলোড করুন

1. Arduino IDE খুলুন
2. ESP32PhotoFrame নমুনা কোড খুলুন ("ফাইল" -> "উদাহরণ" -> "Arduino এর জন্য GFX লাইব্রেরি" -> "WiFiPhotoFrame")
3. SSID_NAME এবং SSID_PASSWORD- এ আপনার ওয়াইফাই AP সেটিংস পূরণ করুন
4. HTTP_HOST এবং HTTP_PORT এ আপনার সার্ভার হোস্টনাম বা আইপি এবং পোর্ট প্রতিস্থাপন করুন
5. Arduino IDE "আপলোড" বোতাম টিপুন
6. যদি আপনি অরিয়েন্টেশন সঠিক না পান, নতুন ক্লাস কোডে "ঘূর্ণন" মান (0-3) পরিবর্তন করুন

ধাপ 10: ছবি উপভোগ করুন

আপনার ডেস্কটপে আইওটি ছবির ফ্রেম লাগানোর এবং উপভোগ করার সময় এসেছে!

ধাপ 11: এরপর কি?

• আপনার নিজের তাত্ক্ষণিক তথ্য যোগ করুন
• ভালো মুখ সনাক্তকরণের নির্ভুলতার জন্য উৎস ছবির আকারের সূক্ষ্ম সুর
• সার্ভার ফটো ফোল্ডারে সর্বশেষ ফটো রাখার স্বয়ংক্রিয় কাজ
• আরো ছবি তুলুন;>