Raspberry Pi PhotoBooth: HTML5 & NodeJS: 4 ขั้นตอน

2024 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2024-01-30 13:05

โฟโต้บูธ HTML5 และ NodeJS พร้อมการแสดงตัวอย่างแบบสดและเส้นขอบแบบกำหนดเอง

โปรเจ็กต์นี้เริ่มต้นจากสิ่งที่ฉันสร้างขึ้นสำหรับการเต้นรำของลูกสาวในโรงเรียน ฉันอยากให้เธอและเพื่อนๆ จดจำงานกิจกรรมที่สนุกสนาน (ซึ่งเป็นครั้งสุดท้ายที่พวกเขาจะอยู่ด้วยกันที่โรงเรียน) มันกลายเป็นการโปรโมตที่ไร้ยางอายสำหรับบริษัทที่ฉันทำงานอยู่ (ซึ่งฉันหวังว่าลูกค้าที่มาเยี่ยมจะใช้โฟโต้บูธเพื่อบันทึกการเยี่ยมชมสำนักงานของเรา) กรุณาดาวน์โหลดและลองด้วยตัวคุณเอง

ดูข้อมูลเพิ่มเติมได้ที่ https://github.com/raymondljones/photobooth/wiki นี่ถือว่าคุณมี Raspberry Pi สำหรับโครงการนี้โดยเฉพาะ เมื่อกำหนดค่า WiFi AP แล้ว Pi จะไม่สามารถเข้าถึงอินเทอร์เน็ตได้อีกต่อไปเว้นแต่จะเสียบผ่านอีเธอร์เน็ต หมายเหตุ: คุณต้องมีการแสดงผลบางอย่างที่เชื่อมต่อกับ Pi และต้องตั้งค่าให้บูทเข้า GUI ได้ไม่ขาดตอน หลังจากตั้งค่า Pi ของคุณ (มีหรือไม่มีหน้าจอสัมผัส) และเสียบเว็บแคมผ่าน USB เพียงทำตามคำแนะนำ หลังการติดตั้ง: การติดตั้งอย่างรวดเร็วจะดูแลการพึ่งพาที่จำเป็น (nodejs, php, chromium ฯลฯ) รวมถึงการตั้งค่าคีออสก์เบราว์เซอร์โครเมียมและ Wifi AP เมื่อ pi รีบูทแล้ว Wifi AP จะใช้งานได้ผ่าน SSID: รหัสผ่าน PhotoBooth: photoboothpass Pi ควรบูตใน Chrome kiosk แบบเต็มหน้าจอ (การเปิดครั้งแรกคุณจะต้อง 'Allow Access' to the camera) … คอมพิวเตอร์ทุกเครื่องในเครือข่าย PhotoBooth สามารถ เข้าไปที่ https://192.168.100.1/booth.html (อย่าลืมใช้ https) เพื่อเป็น PhotoBooth เสริมในเครือข่าย (ตราบใดที่มีกล้องติดอยู่) นอกจากนี้ คอมพิวเตอร์ทุกเครื่องในเครือข่าย PhotoBooth ยังสามารถไปที่ https://192.168.100.1/booth.html (ปล่อยให้เป็น http) หน้านี้จะช่วยให้สามารถเข้าถึงภาพถ่ายทั้งหมดที่ถ่ายได้ (ทำให้คุณสามารถพิมพ์หรือลบได้) ในการเพิ่มเส้นขอบของคุณ คุณเพียงแค่แก้ไข booth.html ที่ /var/www/html/ มองหาแท็ก `li` ที่มีรูปภาพเส้นขอบ (option-1.png, option-2-p.webp

เสบียง

1. ราสเบอร์รี่ปี่
2. เว็บแคม USB ใด ๆ (ไม่ใช่ Rpi Cam อย่างเป็นทางการ)
3. หน้าจอสัมผัสหรือจอแสดงผลใดๆ สำหรับ Pi

ขั้นตอนที่ 1: ดาวน์โหลดจาก Github

ดาวน์โหลดโครงการ @ https://github.com/raymondljones/photobooth ลงในไดเร็กทอรีที่คุณเลือก

ขั้นตอนที่ 2: Unzip

เปิดเครื่องรูด (หากดาวน์โหลดเป็นไฟล์ zip) และไปที่ไดเร็กทอรีโครงการโดยใช้บรรทัดคำสั่ง: `cd project`

ขั้นตอนที่ 3: ยกระดับสิทธิ์ของคุณ

กลายเป็นรูท: `sudo bash`

ขั้นตอนที่ 4: เรียกใช้ Quick Installer

เรียกใช้คำสั่งนี้ `sh quick-install.sh`