
สารบัญ:
2025 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2025-01-23 15:12





คำแนะนำนี้แสดงวิธีใช้ ESP32 และ LCD เพื่อสร้างนาฬิกาดิจิตอลพร้อมการแสดงภาพถ่ายแบบสุ่มในพื้นหลังทุกนาที รูปภาพมาจากคุณแชร์ Google Photo Album เพียงป้อนลิงก์แชร์ ESP32 จะทำงาน;>
ขั้นตอนที่ 1: การเตรียมฮาร์ดแวร์



นำฮาร์ดแวร์โครงการก่อนหน้ามาใช้ซ้ำ
หากคุณได้ทำตามคำแนะนำก่อนหน้านี้ คุณสามารถใช้ฮาร์ดแวร์ซ้ำสำหรับโปรเจ็กต์นี้ และสามารถข้ามส่วนประกอบฮาร์ดแวร์ได้:
- https://www.instructables.com/id/Floating-Display/
- https://www.instructables.com/id/COVID-19-WHO-Dash…
บอร์ดพัฒนา ESP8266/ESP32
บอร์ด ESP8266/ESP32 Dev ใดๆ ก็ใช้ได้
จอ LCD
LCD ใด ๆ ที่รองรับ Arduino_GFX นั้นใช้ได้ คุณอาจพบจอแสดงผลที่รองรับในปัจจุบันที่ GitHub readme:
เขียงหั่นขนม
เขียงหั่นขนมใดๆ ที่เหมาะกับ ESP Dev Board และ LCD Display
สายจัมเปอร์
สายจัมเปอร์บางสายขึ้นอยู่กับบอร์ด dev และเลย์เอาต์ของพิน LCD ในกรณีส่วนใหญ่สายจัมเปอร์ชายกับหญิง 6-9 ก็เพียงพอแล้ว
ขั้นตอนที่ 2: การประกอบฮาร์ดแวร์




ดันบอร์ด ESP32 Dev บนเขียงหั่นขนมและเชื่อมต่อ LCD ด้วยสายจัมเปอร์
นี่คือตัวอย่างสรุปการเชื่อมต่อ:
ESP8266 -> LCD
Vcc -> Vcc
GND -> GND GPIO 15 -> CS GPIO 5 -> DC (ถ้ามี) RST -> RST GPIO 14 -> SCK GPIO 12 -> MISO (ตัวเลือก) GPIO 4 -> LED (ถ้ามี) GPIO 13 -> MOSI / SDA
ESP32 -> LCD
Vcc -> Vcc
GND -> GND GPIO 5 -> CS GPIO 16 -> DC (ถ้ามี) GPIO 17 -> RST GPIO 18 -> SCK GPIO 19 -> MISO (ตัวเลือก) GPIO 22 -> LED (ถ้ามี) GPIO 23 -> MOSI / SDA
ขั้นตอนที่ 3: การเตรียมซอฟต์แวร์
Arduino IDE
ดาวน์โหลดและติดตั้ง Arduino IDE หากคุณยังไม่ได้ทำ:
www.arduino.cc/en/main/software
รองรับ ESP8266
ทำตามคำแนะนำในการติดตั้งเพื่อเพิ่มการรองรับ ESP8266 หากคุณยังไม่ได้ดำเนินการ:
github.com/esp8266/Arduino
ตัวอัปโหลดระบบไฟล์ Arduino ESP8266
ทำตามคำแนะนำในการติดตั้งเพื่อเพิ่มปลั๊กอินตัวอัปโหลด หากคุณยังไม่ได้ดำเนินการ:
github.com/esp8266/arduino-esp8266fs-plugi…
รองรับ ESP32
ทำตามคำแนะนำในการติดตั้งเพื่อเพิ่มการรองรับ ESP32 หากคุณยังไม่ได้ดำเนินการ:
github.com/espressif/arduino-esp32
Arduino_GFX Library
ดาวน์โหลดไลบรารี Arduino_GFX ล่าสุด: (กด "Clone หรือ Download" -> "Download ZIP")
github.com/moononournation/Arduino_GFX
นำเข้าไลบรารีใน Arduino IDE (เมนู "ร่าง" ของ Arduino IDE -> "รวมไลบรารี" -> "เพิ่ม. ZIP Library" -> เลือกไฟล์ ZIP ที่ดาวน์โหลด)
ขั้นตอนที่ 4: การตั้งค่า & อัปโหลด

- ดาวน์โหลดโปรแกรมได้ที่ GitHub: (กด "Clone หรือ Download" -> "Download ZIP")
- เปิด GooglePhotoClock.ino ด้วย Arduino IDE
- กรอกการตั้งค่า WiFi AP ของคุณลงใน SSID_NAME และ SSID_PASSWORD
- กรอกข้อมูลเขตเวลาท้องถิ่นไปที่ GMT_OFFSET_SEC, DAYLIGHT_OFFSET_SEC และ TZ
- เตรียมอัลบั้มที่แชร์ใน Google รูปภาพ สร้างลิงก์สำหรับแชร์ และกรอก GOOGLE_PHOTO_SHARE_LINK
- หากคุณไม่ได้ใช้ ILI9341 LCD ให้แสดงความคิดเห็นในบรรทัดที่ 133 และยกเลิกการใส่เครื่องหมายประกาศคลาส LCD ที่ถูกต้อง
- เชื่อมต่อ ESP Dev Board กับคอมพิวเตอร์
- กดปุ่มอัพโหลดเพื่อคอมไพล์และอัพโหลดโปรแกรมไปที่ ESP Dev Board
ขั้นตอนที่ 5: ESP8266 BearSSL CertStore


Google Photo ต้องการการเชื่อมต่อทั้งหมดใน HTTPS ESP8266 เวอร์ชันล่าสุดโดยใช้การใช้งาน BearSSL และต้องมีการประมวลผลล่วงหน้าในข้อมูล CertStore
ฉันได้สร้างข้อมูล CertStore เมื่อวันที่ 18 เมษายน 2020 คุณสร้างข้อมูลใหม่ด้วยการเรียกใช้:
หลาม make_spiffs.py
หากคุณใช้ ESP8266 ให้ทำตามขั้นตอนเพื่ออัปโหลดข้อมูล CertStore:
- เปิด Arduino IDE
- เชื่อมต่อบอร์ด dev ESP8266 กับคอมพิวเตอร์
- เลือกเมนูเครื่องมือ
- เลือก ESP8266 Sketch Data Upload
- รออัพโหลดเสร็จ
ขั้นตอนที่ 6: มันทำงานอย่างไร
- เชื่อมต่อกับ WiFi AP. ที่กำหนดไว้ล่วงหน้า
- รับเวลาปัจจุบันจากเซิร์ฟเวอร์ NTP
- สร้างคำขอ HTTPS ลิงก์ที่แชร์ของ Google รูปภาพ
- รหัสตอบกลับ HTTPS 302 และรวมตำแหน่งเปลี่ยนเส้นทางในส่วนหัวการตอบสนอง
- ทำการร้องขอ HTTPS ตำแหน่งเปลี่ยนเส้นทาง
- อ่านรายการภาพถ่ายจากอาร์เรย์ Javascript ในการตอบสนอง HTML (HTML เกิน 500 KB ต้องใช้เวลาในการอ่านและแยกข้อมูล)
- สำหรับทุกนาที สุ่มเลือกรูปภาพในรายการรูปภาพ
- สำหรับ ESP8266 เท่านั้น ให้ลองค้นหาไฟล์รูปภาพที่แคชใน SPIFFS ก่อน
- สร้างลิงก์รูปภาพคำขอ
- สำหรับ ESP8266 เท่านั้น ให้แคชไฟล์รูปภาพไปที่ SPIFFS
- แสดงภาพ
- พิมพ์เวลาปัจจุบันบนภาพถ่าย
ขั้นตอนที่ 7: สนุก


ได้เวลาเพิ่มรูปภาพโปรดลงในอัลบั้มรูปภาพที่แชร์แล้ววาง Google Photo Clock ไว้บนโต๊ะทำงานของคุณ
แนะนำ:
Face Aware OSD Photo Frame: 11 ขั้นตอน (พร้อมรูปภาพ)

Face Aware OSD Photo Frame: คำแนะนำนี้แสดงวิธีการสร้างกรอบรูปด้วยการแสดงใบหน้าบนหน้าจอ (OSD) OSD สามารถแสดงเวลา สภาพอากาศ หรือข้อมูลอินเทอร์เน็ตอื่น ๆ ที่คุณต้องการ
Arduino Wedding Photo Booth - ชิ้นส่วนที่พิมพ์ 3 มิติ อัตโนมัติและงบประมาณต่ำ: 22 ขั้นตอน (พร้อมรูปภาพ)

Arduino Wedding Photo Booth - ชิ้นส่วนที่พิมพ์ 3 มิติ แบบอัตโนมัติและราคาประหยัด: เมื่อเร็ว ๆ นี้ฉันได้รับเชิญให้ไปงานแต่งของพี่ชายของคู่หูของฉัน และพวกเขาถามก่อนหน้านี้ว่าเราจะสามารถสร้างบูธถ่ายภาพให้พวกเขาได้ไหม เพราะค่าจ้างแพงเกินไปที่จะจ้าง นี่คือสิ่งที่เราคิดขึ้นมาได้ และหลังจากชมเชยหลายครั้ง ฉันก็ตัดสินใจเปลี่ยนเป็นการสอน
DIY Photo Booth แบบไม่ต้องใส่ข้อมูล: 12 ขั้นตอน (พร้อมรูปภาพ)

DIY Unattended Photo Booth: บูธภาพถ่ายที่สามารถติดตั้งมุมร้านและวิ่งได้โดยไม่ต้องมีคนดูแล
Instagram แรงบันดาลใจ DIY Photo-Booth: 18 ขั้นตอน (พร้อมรูปภาพ)

บูธภาพถ่าย DIY ที่ได้รับแรงบันดาลใจจาก Instagram: ฉันตัดสินใจสร้างบูธภาพถ่ายง่ายๆ เพื่อเพิ่มความสนุกสนานให้กับกิจกรรม โดยต้องผ่านขั้นตอนพื้นฐานของวิธีที่ฉันเปลี่ยนจากไม้สองสามชิ้นไปเป็นบูธที่ใช้งานได้เต็มรูปแบบ ฉันได้รวมรูปภาพของรูปภาพไว้ด้วย! ได้โปรดอย่า
Photo Booth Big Red Button: Teensy LC: 3 ขั้นตอน (พร้อมรูปภาพ)

Photo Booth Big Red Button: Teensy LC: หลายปีก่อน ฉันสร้างบูธภาพถ่าย DIY แบบเปิดโล่งสำหรับงานแต่งงานของเพื่อน ฉันใช้ "บูธ" หลายครั้งสำหรับเหตุการณ์ต่างๆ แต่ต้องการเปลี่ยนแปลงการตั้งค่าเพื่อให้การกำหนดค่าง่ายขึ้น โดยทั่วไป กล้อง dSLR บนขาตั้งกล้อง และแล