@lavolp3 updateDom() returns a promise, but then IMMEDIATELY calls getDom()… so the wait is ineffective all you can do is check the dom to see if your minimum content some anchoring div) is present, and retry that until it is. then call updateDom() to force a refresh this is what I do in getDom(). i have an array of different charts to present // if we are not suspended/hidden due to sleep or whatever if (wself.suspended == false) { // make sure we don't start before the data gets here if (!this.loaded) { < - just a flag for first time this.loaded = true; return wself.wrapper; } else { // loop thru the data from the blynk server, one chart per data point/pin for (var pin_index = 0; pin_index < wself.config.Pins.length; pin_index++) { // get the pin text name. used for index into the data hash var this_pin = wself.config.Pins[pin_index]; // clear the work variable var canvas = null; // try to locate the existing chart if ((canvas = document.getElementById("myChart" + this_pin)) == null) { var c = document.createElement("div"); c.style.width = wself.config.width + "px"; c.style.height = wself.config.height + "px"; if (!wself.config.stacked) {c.style.display = "inline-block";} wself.wrapper.appendChild(c); canvas = document.createElement("canvas"); canvas.id = "myChart" + this_pin; c.appendChild(canvas); } // if the chart has been created if (wself.charts[pin_index] != null) { // destroy it, update doesn't work reliably wself.charts[pin_index].destroy(); // make it unreferenced wself.charts[pin_index] = 0; } // create it now, into the special div object for this chart wself.charts[pin_index] = new Chart(canvas, { my ‘schedule update’ asks for more data from my node_helper… it informs me when its back. and I call updateDom() after saving the data where getDom() will look u can see my code at https://github.com/sdetweil/WaterLevels

@spitzlbergerj cool!!

@Mykle1 Nice job :)…Thanks

I’m looking to set up a mirror which activates with a proximity sensor and I was wondering if it’s possible to adjust the compliments module so that it displays a compliment when the pi is powered up and then fades to blank until next time the sensor is activated. I can’t see how the current settings in the readme would make this happen? Apologies if this is in the wrong section. Let me know if it is and I’ll move it :) thanks in advance

@sdetweil feels like you are my personal trainer :rolling_on_the_floor_laughing: Thansk for this link!

@Antagonist Definitely there be 1 or 2 facial detection module as 3rd party’s. they are based on opencv, but personally i havent used it. so cannot remember the name. You can search in this forum with keyword facial or detection.

@bdream in the case where I made a copy, and NOT a fork, i create a fork, rename my installed instance out of the way, then clone the fork from MY github userid, and then copy the files from the saved instance to the new instance, retest, then use git to save those (commit to local repository) and then push to the fork. then u can erase your saved instance now on the fork, others can try it out, as they can clone YOUR instance, instead of the original. you can then create a pull request to the original repository. your form does NOT stay in sync automatically with the original… YOU have to create a pull request FROM the original to your fork to get and merge updates…

@lilpkstud cool… if need it in strings someplace, need to convert it back object=JSON.parse(string)

Hello everybody, beginner with javascript i would like to incorporate parameters start & end to a id video with module MMM embedYoutube or other modules… I have a playlist video and some videos are interesting but so large…thanks all

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.