MMM-SmartWebDisplay : display web contents (including YouTube) on your MM

peterh

I’m loving this module, but having slight issue. it seems if i use the adjustment for height or width the area resizes but does not scale the image by the percentage as i would expect.

                            height:"50 %", //hauteur du cadre en pixel ou %
                            width:"50 %", //largeur

produces a 50 pixel square image

and

                          height:"50%", //hauteur du cadre en pixel ou %
                            width:"50%", //largeur

produces an image that is half the size but cropped, showing only the top left 1/4 of the image.

If anyone can see an error in my config please let me know :-)

  {
  module: 'MMM-SmartWebDisplay',
  header: "South Doodlakine Radar",
  position: 'bottom_right',       // This can be any of the regions.
  config: {
                 logDebug: false, //set to true to get detailed debug logs. To see them : "Ctrl+Shift+i"
                 //height:"524", //hauteur du cadre en pixel ou %
                 //width:"564", //largeur
                 height:"50%", //hauteur du cadre en pixel ou %
                 width:"50%", //largeur
                 updateInterval: 1, 
                 NextURLInterval: 0.5, 
                 displayStateInfos: false, 
                 displayLastUpdate: false,
                 displayLastUpdateFormat: 'ddd - HH:mm:ss', //format of the date and time to display
                 url: ["http://www.bom.gov.au/radar/IDR58B.gif?123", "http://www.bom.gov.au/radar/IDR58B.gif?345"], 
                 scrolling: "no" 
               }
  },

regards

PeterH

lukas1760

Great job! But…is it possible to show html file saved in rpi folder?

zjonesz

Have the same problem as PeterH, does anyone have a fix?

smassy

@AgP42 said in MMM-SmartWebDisplay : display web contents (including YouTube) on your MM:

through notification by any other module

Hello,

First: Good job, module is very nice and easy to implement.

I have a little problem to understand how to change URL by notification from another module. I am using MMM-Assistant2 with a recipe but I’m not sure how to configure it. A little help would be greatly appreciated.

config.js:
{
module: ‘MMM-SmartWebDisplay’,
position: ‘bottom_left’, // This can be any of the regions.
config: {
// See ‘Configuration options’ for more information.
logDebug: false, //set to true to get detailed debug logs. To see them : “Ctrl+Shift+i”
height:“200px”, //hauteur du cadre en pixel ou %
width:“300px”, //largeur
updateInterval: 0, //in min. Set it to 0 for no refresh (for videos)
NextURLInterval: 0, //in min, set it to 0 not to have automatic URL change. If only 1 URL given, it will be updated
displayStateInfos: false, //to display if the module is on autoloop, or stop.
displayLastUpdate: true, //to display the last update of the URL
displayLastUpdateFormat: ‘ddd - HH:mm:ss’, //format of the date and time to display
url: [“https://www.youtube.com/embed/9xXww6Yyl34?list=PLa51J4RKCoTXCfr-qubj2FUgPADypF3Gk”], //source of the URL to be displayed
scrolling: “no” // allow scrolling or not. html 4 only
}
},

Recipe (playlist.js)
var recipe = {
transcriptionHook: {
“playlist_sylvain”: {
pattern: “liste sylvain”,
command: “playlist_1”
},
},
command: {
“playlist_1”: {
moduleExec: {
module: [“MMM-SmartWebDisplay”],
exec: (module, params, key) => {
module: ({url: [“http://www.google.com”]}) //test url
}
}
},
},
}
exports.recipe = recipe

What I am missing?

Thank you!

AgP42

Hello,

sorry guys not having answering before, I will try to answer all your questions now !

AgP42

@Zwirbel Great, thanks that you could confirm it’s works, thanks ! :smiling_face_with_smiling_eyes:

AgP42

@Anthony : Yes absolutely ! Did you try it and can confirm it works fine ?

AgP42

@peterh and @zjonesz : Unfortunatelly I don’t know also how to solve it…

Maybe someone have a solution ?

(I have to admit that I am not using that module myself anymore…)

AgP42

@lukas1760 : Normaly yes, any html/css/javascript file can be executed.

Did you test to be able to confirm that it works ?

AgP42

@smassy

the configuration of MMM-SmartWebDisplay seams ok

I don’t know the module MMM-Assistant2, is it this one : https://github.com/eouia/MMM-AssistantMk2 ?
If not, can you send me the link on it’s documentation ?

To be able to send a new url to display to the MMM-SmartWebDisplay, the configuration has to be exactly like that :
{notification: “SWD_URL”, payload: {url:[“https://magicmirror.builders/”]}}
This line means : send to the system a “notification” (it is a MagicMirror mecanism) with the topic “SWD_URL” (so my module knows that this notification is for him), and then you have to send a “payload” (extra infos) with the URL you want to use.

Does that helps ? If yes please let us know the solution !

Bye,
AgP

smassy

@AgP42

Thank for answering! :-)

Yes the Assistant is https://github.com/eouia/MMM-AssistantMk2

I will test with your recommendation and let you know if I’m able to make it work.

See ya!

smassy

@AgP42

Good news, I was able to make it work thanks to you! But…there is a but… The youtube link with autoplay is not working :-(

This simple url
https://www.youtube.com/embed/JGwWNGJdvx8?autoplay=1

Will give you ‘video unavailable’ error, remove the autoplay tag and it will show (not play).

Trying to find out how to make it work and I will post my config as soon as I get the hang of it.

See ya!

sdetweil

@smassy are you on version 2.8.0?
We put a fix in for video not autoplay

smassy

@sdetweil

Ok I finally got that you were talking about magic mirror, yes it’s 2.8.0. But does it affect smartwebdisplay? I thought the module was independent.

sdetweil

@smassy well it’s MMM-smartwebdisplay, so I assume it’s a module for MagicMirror.

smassy

@sdetweil

Yes, I restarted my Pi and normal link is playing video now
https://www.youtube.com/embed/JGwWNGJdvx8?autoplay=1

~~My playlist is still not working
https://www.youtube.com/embed/0-rG98j2DWE?list=PLa51J4RKCoTXCfr-qubj2FUgPADypF3Gk?autoplay=1~~

scratch that it’s working!!! :-) something must needed a refresh in the services

Chris62

Hi

I am not able to get anything to display using my own url in this module. The default config urls work fine but not mine. I am trying to display a video feed from a D-Link camera using a url in this format - http://user:password@ipaddress:port/video/mjpg.cgi. This works fine from this camera when pasted into any web browser but not in my mirror. Any suggestions would be gratefully received.

Chris.

AgP42

Hi @Chris62 ,

unfortunately it is not easy, this is due to safety mechanisms of iframes that prevent to send password…

Personally I just removed the password of my camera :face_screaming_in_fear:

But you can try some cleverer solutions, search google for “iframe password” or “iframe authentifaction” and you can try to get some clues.
Here is one answer that I found interesting : https://stackoverflow.com/questions/15639280/basic-authentication-for-a-url-in-an-iframe

If you find a way, please let us know !
(and if it include some change on the code, I can also implement it, but so far I didn’t find any technical way…)

Good luck !

AgP42

@smassy said in MMM-SmartWebDisplay : display web contents (including YouTube) on your MM:

@sdetweil

Yes, I restarted my Pi and normal link is playing video now
https://www.youtube.com/embed/JGwWNGJdvx8?autoplay=1

~~My playlist is still not working
https://www.youtube.com/embed/0-rG98j2DWE?list=PLa51J4RKCoTXCfr-qubj2FUgPADypF3Gk?autoplay=1~~

scratch that it’s working!!! :-) something must needed a refresh in the services

Great !

Happy to read that ! Enjoy your wonderfull Mirror :smiling_face_with_open_mouth_smiling_eyes:

Chris62

@AgP42

Hi

I don’t actually have a password set for the camera, it has been factory reset to the defaults which just gives a username admin and a blank password field. My url looks like this http://admin:@ipaddress:port/video/mjpg.cgi. Maybe this is the cause of the issue?

Chris.