Sam, thanks. That’s awesome.
I’ll dig into the changes right now. Made my day.

see my sample Module

https://github.com/sdetweil/SampleModule

I use ‘ALL_MODULES_STARTED’

@buzzkc great thanks… I always thought that custom.css was a bad idea… every module should supply their own file as the getStyles() function provides the mechanism.

@Ciastuus many html elements (p, div, span, … ) have an innerHtml attribute that will wrap text or raw html.

a web page is made up of hundreds of html elements…

the MagicMirror model is a single web page… and each module contributes a little bit of that content.

the getDom() routine is MagicMirrors request to the module to supply the html for ITS content. (paragraph, table, … whatever)…

BUT, until the getDom() routine returns, the stuff built is just in the modules memory space.

the content provided to MagicMirror is then inserted into the dom in the appropriate location based on the ‘position’ you provided in config.js.

the content can be built lots of different ways…

hard coded html text (just like a html file)
some hard coded and some built by building the little dom tree for the modules content
or all apis…

none of this is MagicMirror specific, as it uses the documented Document Object Model (dom) apis defined my the w3c standards.

your module’s content starts with a

< div> innerHtml is here < /div>

and then u set its div.innerHtml, or call div.appendChild(anotherElement)

I created a 3rd party module called MMM-Ring. It is for MM owners who have a ring device that whenever the doorbell is activated the video is streamed to the mirror. This works on my end with no issues. However, I have at least one person stating they get either no video or the video is frozen almost as if its just a snapshot.

I had them check to make sure the stream data is being saved (.m3u8 and .ts files) and it is. I’m thinking this is a latency related issue tied to internet connectivity. I thought by making the -preset option on ffmpeg to ultra fast perhaps we could reduce down the size of the files generated for stream, but it only showed minor improvement on the end users side.

Hoping someone with more experience in streaming could potentially add some guidance/assistance.

https://github.com/DustinBryant/MMM-Ring/issues/1

Thanks in advance!

@sdetweil hi did you make a table then? where did you put your java code? i.e. which file?

@strawberry-3-141 and that uses a larger wrapper of python scripts called PythonShell

Hello,

I’m trying to make this project ( https://www.instructables.com/id/Raspberry-Pi-Based-Living-Portrait-Player-Intro/ ) into a Module.

The difficulty I have is that I’m using Simple-Swiper module to switch the pages of my mirror.

Here is what I’m trying to do :

the user can navigate on the different pages.
when he reaches the last page , omx player is displayed with the video but doesn’t play the video. It just display the first image. This is what is done in the Living-Portrait-Player.
if a move is detected, the video plays.
if the user switch the page, omx is killed and disappears.
I’m asking for your help because I have already started something but I can’t manage to make it work.

I’m getting inspiration from multiple modules for this project.

MMM-PIR which is the one I’m using as a main module and I’m modifying the code of that module.
MMM-Podcast
MMM-pages to find out what is the current page
MMM-RTSPStream for methods related to omxplayer
I wonder if I can use the callback method in MMM-PIR to run the script when the user arrives on the page. I haven’t tried that yet. And also, how to kill omx when the user changes the page.

I’m also having difficulties to get the current page in the MM-PIR modules.
I’m using
this.sendNotification(“QUERY_PAGE_NUMBER”);
in the MMM-PIR.js but seems like MMM-pages doesn’t receive the notification.

I would be so thankful if someone could help me working on this.

@sdetweil
Yes, you’re right. it was just an example. Anyway, it can be done like this;

parseContent: function(text) { this.lastPatched = JSON.parse(text) this.updateDom() }, getDom: function() { var dom = document.createElement("div") dom.id = "TEST" if (this.lastPatched) { ... // draw patched data... } return dom }

@SirVer Data returned is definitely in a different format.

From your link:
{"Aksam":"21:27","AyinSekliURL":"http://namazvakti.diyanet.gov.tr/images/r1.gif","Gunes":"05:48","GunesBatis":"21:20","GunesDogus":"05:55","HicriTarihKisa":"1.12.1440","HicriTarihUzun":"1 ZİLHİCCE 1440","Ikindi":"17:51","Imsak":"04:18","KibleSaati":"11:18","MiladiTarihKisa":"02.08.2019","MiladiTarihKisaIso8601":"02.08.2019","MiladiTarihUzun":"02 Ağustos 2019 Cuma","MiladiTarihUzunIso8601":"2019-08-02T00:00:00.0000000+03:00","Ogle":"13:42","Yatsi":"22:47"}

From the link used by the MMM-PrayerTimes:
{"code":200,"status":"OK","data":{"timings":{"Fajr":"05:27","Sunrise":"06:47","Dhuhr":"12:14","Asr":"15:20","Sunset":"17:42","Maghrib":"17:42","Isha":"18:57","Imsak":"05:17","Midnight":"00:15"},"date":{"readable":"02 Aug 2019","timestamp":"1564760362","hijri":{"date":"30-11-1440","format":"DD-MM-YYYY","day":"30","weekday":{"en":"Al Juma'a","ar":"\u0627\u0644\u062c\u0645\u0639\u0629"},"month":{"number":11,"en":"Dh\u016b al-Qa\u02bfdah","ar":"\u0630\u0648\u0627\u0644\u0642\u0639\u062f\u0629"},"year":"1440","designation":{"abbreviated":"AH","expanded":"Anno Hegirae"},"holidays":[]},"gregorian":{"date":"02-08-2019","format":"DD-MM-YYYY","day":"02","weekday":{"en":"Friday"},"month":{"number":8,"en":"August"},"year":"2019","designation":{"abbreviated":"AD","expanded":"Anno Domini"}}},"meta":{"latitude":-26.250013,"longitude":27.985634,"timezone":"Africa\/Johannesburg","method":{"id":3,"name":"Muslim World League","params":{"Fajr":18,"Isha":17}},"latitudeAdjustmentMethod":"ANGLE_BASED","midnightMode":"STANDARD","school":"STANDARD","offset":{"Imsak":0,"Fajr":0,"Sunrise":0,"Dhuhr":0,"Asr":0,"Maghrib":0,"Sunset":0,"Isha":0,"Midnight":0}}}}

@W-M-B I mount a samba drive to my pi, then ln to it. Works great

i im installing MMM-awesome-alexa, but i am a bit lost:S i have creata a development acount, but dont know what to do next,
is it:
Alexa Skill kitt
Voice service
Smart home
alexa Gadget toolbox
Alexa SDK

and so on. to ge the token to it?

@sbrundage85 Yup, I just followed the instructions, nothing special done.

Hi to all my MagicMirror mates. :-)

Is there a “Notification” type module that will let you display notices from my own website database? So objectively, to have something similar to the “Alert” module but customise it for my own alert that I want to place on the screen from my own website database?

Thanks, I’ll take a look.

@veejae I used MMM-Alexa

Newbie: How do i configure the code to hello world to display multiple lines of text?

@sdetweil

omg… I’m so screwed up

My ignorantness makes me cry…'ㅠ I don’t know why there was a mistake

Thank you @sdetweil You’re awesome!