กระจกอัจฉริยะ: 5 ขั้นตอน

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

คำแนะนำนี้จะสอนวิธีสร้าง Smart Mirror ซึ่งแสดงกล่องจดหมายอีเมลของคุณ ข่าวสารล่าสุดและการอัปเดตจาก The New York Times และวันที่และเวลาบนพื้นหลังจาก Unsplash

ลิงค์ของมันใช้งานได้:

วัสดุที่จำเป็น:

กรอบสำหรับจอภาพ, กระจกสองทาง, วัสดุสีดำ (จำเป็นเฉพาะเมื่อจอภาพมีขนาดเล็กกว่ากระจกสองทาง), จอภาพ, ราสเบอร์รี่ pi 2, สาย HDMI หรืออะแดปเตอร์เป็น HDMI (ฉันใช้อะแดปเตอร์ DVI เป็น HDMI แบบสองทิศทาง), สายไฟ raspberry pi 2 ที่ให้มา, การ์ด micro sd, อะแดปเตอร์การ์ด micro sd และคู่เมาส์และคีย์บอร์ดเพื่อนำทางไปยังจอแสดงผล raspberry pi บนจอภาพ

โปรแกรมที่จำเป็น:

Raspbian, Balena.io และ MagicMirror2

เว็บไซต์ที่ใช้:

Github (สำหรับติดตั้งโมดูลบุคคลที่สาม), MagicMirror2 เพื่อติดตั้งโปรแกรมลงบน pi และ Unsplash เพื่อสร้างภาพพื้นหลัง

ขั้นตอนที่ 1: การติดตั้ง Raspbian และกระจกวิเศษ

การใช้คอมพิวเตอร์ดาวน์โหลด Raspbian และ Balena ลงใน micro sd โดยใช้ sd หลังจากดาวน์โหลดโปรแกรมแล้วให้ใส่ micro sd ในอะแดปเตอร์ลงในคอมพิวเตอร์ การใช้ Balena เลือกโปรแกรม raspbian และ sd เพื่อถ่ายโอนไฟล์ หลังจากนี้ใส่ micro sd ลงในราสเบอร์รี่ pi ของฉันมันอยู่ด้านล่างบน pi ไปด้านข้าง เชื่อมต่อ pi กับ moditor ที่คุณใช้และทำตามคู่มือการตั้งค่าให้สมบูรณ์ การทำเช่นนี้ปลั๊กสายไฟเข้าไปในผนังและปี่ แล้วเสียบสาย HDMI อะแดปเตอร์หรือปลั๊ก HDMI ของคุณบนจอภาพ หลังจากอัปเดตและตั้งค่าซอฟต์แวร์แล้ว ให้ไปที่ซอฟต์แวร์ Magic Mirror บน pi คำสั่งบางอย่างจะได้รับให้ทำงานบน pi ซึ่งจะแจ้งการติดตั้งโปรแกรม มันจะถามคำถามคุณตลอดการติดตั้งเกี่ยวกับการตั้งค่า ตอบคำถามและทำตามรหัสที่แสดงเพื่อให้คุณคัดลอกลงในบรรทัดคำสั่ง จากนั้นจะบูตโปรแกรมพื้นฐานหากทำอย่างถูกต้องหลังจากเข้าสู่ npm run start

คำสั่งบางคำสั่งที่ฉันได้เรียนรู้ซึ่งเป็นสิ่งสำคัญที่ต้องจดจำบนเว็บไซต์นี้เมื่อนำทางไปยังเส้นทางและโปรแกรม:

*กรณีที่สำคัญ*

ไปที่ไดเรกทอรีราก = cd ~

ไปที่ไดเรกทอรีก่อนหน้า = cd -

ไปที่ไดเร็กทอรีถัดไป = cd..

ไปที่กระจกวิเศษไดเรกทอรี = cd MagicMirror /

ไปที่ไดเร็กทอรีโมดูล = cd module

เมื่ออยู่ในไดเรกทอรี Magic Mirror (ไม่ใช่โมดูล) เพื่อเรียกใช้โปรแกรม Magic Mirror = npm run start

หากต้องการออกจากโปรแกรม = กด ALT แล้วคลิก quit

ขั้นตอนที่ 2: การถอด Preset Modules

เมื่อเปิดโปรแกรม Magic Mirror เป็นครั้งแรก ผู้ใช้จะพบกับเวลา วันที่ ปฏิทิน และข้อมูลอัปเดตข่าวสาร คุณสามารถลบโมดูลที่ตั้งไว้ล่วงหน้าใด ๆ โดยการถอดออกจากรหัส ในการเข้าถึงรหัสนี้ ให้ไปที่โฟลเดอร์ราสเบอร์รี่และเปิดโฟลเดอร์กระจกวิเศษ คุณสามารถเข้าสู่โฟลเดอร์ได้โดยคลิกที่ไอคอนโฟลเดอร์ที่ด้านซ้ายบนของหน้าจอ หลังจากนี้ไปที่โฟลเดอร์ config คุณจะเห็นข้อความที่แก้ไขได้ชื่อว่า config/config.js ในโฟลเดอร์ ดับเบิลคลิกที่ข้อความและการเขียนโปรแกรมโมดูลสำหรับกระจกจะปรากฏ ระวังอย่าลบวงเล็บหรือข้อความใด ๆ มิฉะนั้นโปรแกรมจะไม่ทำงาน ดังที่เห็นในภาพด้านบน ฉันลบโมดูลปฏิทินออกจากโปรแกรมของฉัน เนื่องจากฉันคาดว่าตัวเองจะไม่ใช้งาน โมดูลอื่นๆ สามารถลบออกได้เช่นกัน แต่โปรดใช้ความระมัดระวังในการลบโค้ดบางส่วนออกจากโปรแกรม

ขั้นตอนที่ 3: การติดตั้งโมดูล

การติดตั้งโมดูลบุคคลที่ 3 ในกระจก Github ถูกนำมาใช้ เว็บไซต์นี้เป็นสุดยอดของโมดูลที่ผู้ใช้สร้างขึ้นเพื่อใช้งาน มีหลายวิดเจ็ต พื้นหลัง หรือฟีดโซเชียลมีเดียต่างๆ โปรแกรมอย่าง Alexia และ Nest สามารถรวมเข้ากับ Mirror โดยใช้ชิ้นส่วนพิเศษสองสามชิ้น หลังจากเรียกดูเว็บไซต์ ฉันตัดสินใจเลือกโมดูลฟีดอีเมลและโมดูลที่ดึงรูปภาพจาก Unsplash

ฟีดอีเมล -

github.com/shaneapowell/MMM-GmailFeed

ภาพสุ่ม -

github.com/diego-vieira/MMM-RandomPhoto

GitHub -

github.com/MichMich/MagicMirror/wiki/3rd-p…

มีสองวิธีในการติดตั้งโมดูล การแตกไฟล์ zip และย้ายไปยังโฟลเดอร์โมดูล หรือใช้รหัสที่กำหนดในพรอมต์คำสั่ง ฉันใช้ตัวเลือกที่สอง แต่ใช้งานได้และค่อนข้างใช้งานง่าย คุณอาจสังเกตเห็นว่าโพสต์บน GitHub มีการแทรกบรรทัดโค้ดลงในหน้าคำแนะนำ เราใช้สิ่งเหล่านี้เพื่อดาวน์โหลดคัดลอกโมดูลแล้วดาวน์โหลด npm ลงในโฟลเดอร์ Npm ย่อมาจาก Node Package Manager และเป็นแพ็คเกจที่ดาวน์โหลดระหว่างการติดตั้งโค้ด npm เพื่อเริ่มต้นกระบวนการดาวน์โหลดทำตามขั้นตอนเหล่านี้หลังจากที่เปิดพร้อมรับคำสั่ง

1) แผ่นซีดี MagicMirror/

2) โมดูลซีดี

3) git clone "ลิงก์ของหน้า git hub"

4) (เข้าสู่โฟลเดอร์ใหม่) ซีดี "ชื่อโฟลเดอร์"

วิธีตรวจสอบชื่อโฟลเดอร์:

โดยปกติชื่อโฟลเดอร์จะเป็นชื่อของโมดูลเอง ตัวอย่างเช่น MMM-EmailFeed มีชื่อว่า MMM-EmailFeed แต่คุณกำลังใช้ชื่อโมดูลและมันบอกว่าไม่มีไดเรกทอรีดังกล่าว ให้พิมพ์ ls ในขณะที่อยู่ในไดเรกทอรีโมดูลเพื่อรับรายการโฟลเดอร์ที่ติดตั้งทั้งหมดในโฟลเดอร์โมดูล นี้จะให้ชื่อของโฟลเดอร์ที่จะเดินทางไป

*หมายเหตุ ใบเสนอราคาใช้ที่นี่เป็นตัวอย่างเท่านั้น และควรนำออกเมื่อป้อนลิงก์และชื่อโฟลเดอร์จริง*

6) (ในขณะที่ตอนนี้อยู่ในโฟลเดอร์ใหม่) NPM ติดตั้ง

ยอดเยี่ยม! ตอนนี้เราได้ดาวน์โหลดโฟลเดอร์โมดูลแล้ว แต่เรายังต้องการคัดลอกรายการไปยังโฟลเดอร์ config/config.js ในการดำเนินการนี้ ให้กลับไปที่ข้อความที่เราดำเนินการเพื่อลบโมดูลที่ตั้งไว้ล่วงหน้าและวางข้อความที่คุณได้รับ โปรดใช้ความระมัดระวังเมื่อมีการวางรหัสเพื่อไม่ทำลายวงเล็บใด ๆ หากคุณดูในรูปภาพที่รวมไว้ด้านบน คุณจะเห็นตำแหน่งที่ปลอดภัยสำหรับวางโค้ด หากไม่ชัดเจนให้วางหลังจาก] สุดท้ายในย่อหน้า โปรดทราบว่าโมดูลส่วนใหญ่จำเป็นต้องเปลี่ยนข้อความบางส่วนหรือต้องป้อนข้อมูลบางอย่าง ตัวอย่างเช่นฟีดอีเมลต้องใช้ข้อมูลบัญชี Gmail ของฉันเพื่อเข้าถึงข้อมูลที่นำเสนอ หลังจากติดตั้ง npm แล้ว รายการจะถูกโพสต์ลงในโค้ด และคุณได้ป้อนข้อมูลที่จำเป็นในการเริ่มต้นโปรแกรม Magic Mirror และตรวจดูให้แน่ใจว่าโปรแกรมทำงานอย่างถูกต้อง ขั้นตอนต่อไปจะให้รูปภาพเพิ่มเติมเกี่ยวกับกระบวนการของฉันขณะติดตั้งโมดูล หากยังมีความสับสน

ขั้นตอนที่ 4: การติดตั้งโมดูลของฉัน

รูปภาพด้านบนแสดงสิ่งที่ฉันใส่ลงใน Pi เพื่อให้โปรแกรมทำงาน ภาพสี่ภาพแรกถูกดึงมาจากเว็บไซต์ GitHub เป็นตัวอย่างสำหรับคำแนะนำที่ฉันปฏิบัติตาม รูปสุดท้ายเป็นตัวอย่างของรายการที่วางลงในโค้ด config.js ฉันหวังว่านี้จะทำหน้าที่เป็นตัวอย่างที่ดีภาพมากขึ้นเมื่อเทียบกับขั้นตอนสุดท้าย

ขั้นตอนที่ 5: การสร้างรูปลักษณ์ของกระจก

ตอนนี้ที่ราสเบอร์รี่ Pi มีการเรียกใช้เวลาในการสร้างกระจก ขั้นตอนนี้ยากที่สุดเพราะหาเฟรมที่จะพอดีกับจอภาพได้ยาก แม้จะถอดแยกชิ้นส่วนจอภาพแล้ว มันยังคงเป็น 19x15x3 และฉันยังมีปัญหากับขั้นตอนนี้อยู่ ฉันได้ดูร้านค้าหลายแห่งและหยุดออนไลน์เพื่อลองค้นหาเฟรมที่เหมาะกับจอภาพ แต่ดูเหมือนว่าฉันจะไม่มีโชค

ขั้นตอนในการรับเฟรมและกระจกสองทาง:

1) ใส่กระจกมองข้างเข้ากรอบ

2) ตั้งค่าจอภาพพร้อมกับ raspberry pi และ cords

3) หาวิธีร้อยสายไฟผ่านโครง (อาจเจาะรู?)

4) วางวัสดุสีดำไว้บนจอภาพเพื่อให้จอภาพดูมั่นคงและใส่กลับเข้าไปในเฟรม

5) แขวนไว้บนผนังของฉัน