Skip to content
DavidNovak12 edited this page Jan 20, 2020 · 5 revisions

Welcome to the SmartMirror wiki!

Szükséges hardware: raspberry pi + micro sd kártya relé modul monitor keret,tükör kábelek(táp,hdmi,jumper anya)

Folyamat Felszerelés,eszközök megvásárlása raspberry, SD kártya, relé modul, display... Raspbian letöltése https://www.raspberrypi.org/downloads/raspbian/ Képfájl “égetése” az SD kártyára https://www.balena.io/etcher/ install Raspbian install MagicMirror https://magicmirror.builders/ telepítési útmutató https://github.com/MichMich/MagicMirror https://github.com/MichMich/MagicMirror#manual-installation

Manuális telepítés Legújabb Node.js letöltése és telepítése curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash - sudo apt install -y nodejs Kód letöltése github linkről git clone https://github.com/MichMich/MagicMirror Lépjünk a repositoryba: cd MagicMirror/ Telepítés npm install && npm start

config file átnevezése mv config.js.sample config.js futtassuk: /home/pi/MagicMirror npm start

A kép függőleges megjelenítéséhez a rendszer config fájlját kell módosítani: /boot/config.txt: sudo nano /boot/config.txt Ki kell bővíteni a következőkkel: display_rotate=1 avoid_warnings=1 #display_rotate=0 Normal #display_rotate=1 90 fok Indítsuk ujra a pi-t: sudo reboot

Egér nélkül is kezelhető: ctrl + alt + t -> terminal nyitás alt + F11 -> teljesképernyő ctrl + shift + ’+’ -> nagyítás

cd MagicMirror/config sudo nano config.js -> testreszabás

https://github.com/MichMich/MagicMirror/tree/master/modules/default/clock Egy modul kódját letöltöttük, majd később módosítottuk:

{ module: "clock", position: "top_left", config: { displaySeconds: true, showPeriod: true, showPeriodUpper: true, showDate: true, showWeek: true, displayType: "both", timezone: "Europe/Budapest|CET CEST|-10 -20|0101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010|-2aFe0 11d0 1iO0 11A0 1ip0 17b0 1op0 1tb0 Q2m0 3Ne0 WM0 1fA0 1cM0 1cM0 1oJ0 1dc0 1030 1fA0 1cM0 1cM0 1cM0 1cM0 1fA0 1a00 1iM0 1fA0 8Ha0 Rb0 1wN0 Rb0 1BB0 Lz0 1C20 LB0 SNX0 1a10 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1fA0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1fA0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1fA0 1o00 11A0 1o00 11A0 1o00 11A0 1qM0 WM0 1qM0 WM0 1qM0 11A0 1o00 11A0 1o00 11A0 1qM0 WM0 1qM0 WM0 1qM0 WM0 1qM0 11A0 1o00 11A0 1o00 11A0 1qM0 WM0 1qM0 WM0 1qM0 11A0 1o00 11A0 1o00 11A0 1o00 11A0 1qM0 WM0 1qM0 WM0 1qM0 11A0 1o00 11A0 1o00 11A0 1qM0 WM0 1qM0 WM0 1qM0 11A0 1o00 11A0 1o00 11A0 1o00 11A0 1qM0 WM0 1qM0 WM0 1qM0 11A0 1o00 11A0 1o00 11A0 1qM0 WM0 1qM0 WM0 1qM0 WM0 1qM0 11A0 1o00 11A0 1o00|17e5", } },

https://github.com/moment/moment-timezone/blob/develop/data/packed/latest.json timezone-t itt kerestük ki. 12-es formátumú digitális, analóg órát, illetve a dátumot jeleníti meg.

https://github.com/MichMich/MagicMirror/tree/master/modules/default/currentweather A kód szerkesztése problémamentesen ment, de a helyszín megadással voltak gondok https://openweathermap.org/ ezen az oldalon kerestük ki a várost majd regisztrálni kellett hogy legyen egy free licensünk amihez tartozott egy API key (kulcs) majd ezt appid: “...” -ba beírtuk és megfelelően működött https://github.com/MichMich/MagicMirror/tree/master/m

https://github.com/MichMich/MagicMirror/tree/master/modules/default/weatherforecast az időjárás előrejelzés ugyanarról az oldalról van, szintén API key kellett, szintén város, szintén kódot módosítottunk

{ module: "currentweather", position: "top_right", config: { location: "Nove Zamky, SK", appid: "3f11441eea323e3a024a64fd8de8d4d7", degreeLabel: true, showPeriod: true, showPeriodUpper: true, showWindDirection: true, showHumidity: true, showFeelsLike: true, useKMPHwind: true, useLocationAsHeader: true } }, { module: "weatherforecast", position: "top_right", config: { location: "Nove Zamky, SK", appid: "3f11441eea323e3a024a64fd8de8d4d7", maxNumberOfDays: 7, fade: true, appendLocationNameToHeader: false, scale: true } },

https://github.com/MichMich/MagicMirror/tree/master/modules/default/compliments alapértelmezetten az alsó ⅓-ad tetejére ajánlja, de az nagyon bele lógna a fejbe, szóval “top_bar” (a képernyő tetejére) helyeztük, viszont ezzel a css-t is át kell alakítani, mivel szövegeknél amelyek 2 sorosak letolja a többi modult cd MagicMirror/modules/default/compliments sudo nano compliments.js Ebben a fájlban kellett átírni a szövegeket cd MagicMirror/css sudo nano main.css a szövegre vonatkozó font-size: 50px, a line-height: 50px és a letter-spacing: -2 lett

{ module: "compliments", position: "top_bar", },

https://github.com/MichMich/MagicMirror/tree/master/modules/default/newsfeed

{ module: "newsfeed", position: "bottom_center", config: { showSourceTitle: true, showPublishDate: true, showDescription: true, reloadInterval: 300000, updateInterval: 20000, animationSpeed: 3000, feeds: [ { title: "ORIGO techbázis", url: "http://origo.hu/contentpartner/rss/techbazis/origo.xml", }, ] } },

googleben kerestük ki az origo techbázis rss linkjét

cd MagicMirror/modules git clone https://github.com/nischi/MMM-News-QR.git newsfeed QR kód, gyorsabb elérésért

{ module: "MMM-News-QR", position: "bottom_right", config: { imageSize: 120, animationSpeed: 3000, } },

Lehetséges fejlesztések: Hangvezérlés(fejlesztés alatt áll)

https://github.com/alexyak/voicecontrol git clone https://github.com/alexyak/voicecontrol.git következőként a saját hangfelismerőnket hoztuk létre: https://snowboy.kitt.ai/ regisztráltunk, felvette a hangunkat, majd elkészített egy fájlt(ez a pmdl kiterjesztésű fájl) letöltöttük és a MagicMirror mappába helyeztük configba beleírtuk az üzenetekre figyelő kódrészt

`module: "voicecontrol",`
		`position: "bottom_left",`
		`config: {`
			`models: [`
				`{`
					`keyword: "Room_Lights_On",`
					`description: "Room Lights On.",`
					`file: "Room_Lights_On.pmdl",`
					`message: "ROOM_LIGHTS_ON"`
				`},`
				`{`
					`keyword: "Room_Lights_Off",`
					`description: "Room Lights Off",`
					`file: "Room_Lights_Off.pmdl",`
					`message: "ROOM_LIGHTS_OFF"`
				`},`
				`]`
			`},`
		`notificationReceived: function(notification, payload, sender) {`
			`if (notification === "ROOM_LIGHTS_ON") {`
				`console.log("gpio mode 0 out");`
			`}`

https://raspberrypi.stackexchange.com/questions/28689/is-it-possible-to-make-javascript-interact-with-the-gpio-pins https://www.npmjs.com/package/pi-gpio npm install pi-gpio

A relével való kommunikáció egyelőre megoldatlan probléma.

Jövőbeli fejlesztések: https://github.com/paviro/MMM-PIR-Sensor mozgásérzékelő https://github.com/sebastianhodapp/MMM-IndoorTemp szoba hőmérséklet https://github.com/TeraTech/MMM-WiFiPassword wifi jelszó (QR kód is), csak kérésre https://github.com/darickc/MMM-BackgroundSlideshow hattérkép slideshow https://github.com/joanaz/MMM-MirrorMirrorOnTheWall modulok elrejtése/előhívása

Clone this wiki locally