Display web widget on mirror through iFrame?

[fox]

@michael24h said in Display web widget on mirror through iFrame?:

@fox said in Display web widget on mirror through iFrame?:

/192.168.188.30

Because this address /192.168.188.30 its not live, your pulling doc with .html
Give a shot on local network printer, as long as printer have web

I dont understand your answer but it think you mean perhaps that Local IPs in the same network (Magic mirror and IP) are not allowed?
I also checked the DNS name of 192.168.188.30.

Note:
There is a second raspi who gets temperatures. It’s in the same homenetwork. I can also take the hostname (poolpi) like:

                {
                        module: "MMM-iFrameReload",
                        position: "top_center",
                        header: "",
                        config: {
                                url: "http://poolpi/home.html",
                                width: "100%",
                                height: "100%px"
                        }
                },

But no effect. No content is showing

[michael24h]

@fox said in Display web widget on mirror through iFrame?:

http://poolpi/home.html

on screen shot, i can see empty iframe.
can you open this address http://xxx.xxx.xxx. from deferent pc or mac. You will need share this doc or picture on local network first

[michael24h]

@michael24h

For instant example
somthing like : http://192.168.0.12/photo/#!Albums

[fox]

Here is the output of home.html:

[michael24h]

@fox
I share on my local net. photo album

http://192.168.0.12/photo/#!Albums!0_1489511516394_Screen Shot 2017-03-14 at 17.09.56.png

[fox]

@michael24h said in Display web widget on mirror through iFrame?:

@fox
I share on my local net. photo album

http://192.168.0.12/photo/#!Albums!0_1489511516394_Screen Shot 2017-03-14 at 17.09.56.png

Ok i understand. But why is it not working on my screen :(

[michael24h]

@fox said in Display web widget on mirror through iFrame?:

http://poolpi/home.html

Because this address http://poolpi/home.html don’t exist.
you pooling public domain ->poolpi
you basically telling MM to pull public domain which this is address -> http://poolpi/home.html
but in local network need be local address
->http://192.168.0.12/photo/#!Albums

[michael24h]

if I’m go to my documents and create folder called 5html. and in this folder paste my tample home.html. and then open on thisame pc or mac computer using web browser will work ok.
but from another machine won’t open, because I’m not sharing this doc on my local network

[fox]

I changed it to the local ip:

also the config

                {
                        module: "MMM-iFrameReload",
                        position: "top_right",
                        header: "",
                        config: {
                                url: "http://192.168.188.30/home.html",
                                width: "100%",
                                height: "100%px"
                        }
                },

then restarted mm but still nothing :(

Despite, thank you very much @michael24h that you help me in such details :)

[michael24h]

can you open this html doc from anather machine ? in local network
if not you not sharing this document called .html in local net

[michael24h]

next

next

[fox]

@michael24h said in Display web widget on mirror through iFrame?:

can you open this html doc from anather machine ? in local network
if not you not sharing this document called .html in local net

Now i have created also a folder “pool” and point to the folder (file is now index.html) and the config points only to the folder. but also no effect.

Also checked with another computer in same network, the PC shows the page… Only mm, respective the MMM-iFrame module does not show the content

[fox]

I also copied the html file to the Magic-Mirror-Raspi:
http://192.168.188.25:8080/modules/MMM-iFrameReload/index.html

                {
                        module: "MMM-iFrameReload",
                        position: "top_right",
                        header: "",
                        config: {
                                url: "http://192.168.188.25:8080/modules/MMM-iFrameReload/index.html",
                                width: "100%",
                                height: "100%px"
                        }
                },

Also no effect

[michael24h]

I’m not to sure what is the problem.
I share page html form my mac to local network
page called cookie-policy.html
place in iframe

Just wanted ask have you tried with another page. youtube or anything ?

[michael24h]

@fox said in Display web widget on mirror through iFrame?:

url: “http://192.168.188.25:8080/modules/MMM-iFrameReload/index.html”,

See if this works

http://cdnx.tribalfusion.com/media/6869616/assets/video1.mp4

[fox]

@michael24h

I got it… really weird:
This works: https://github.com/desertblade/iFrame

This does not work: https://github.com/TheBogueRat/MMM-iFrameReload

I checke the posts in this tread and i saw that you are using iFrame instead of iFrameReload :)

Now i must update this but i will likely do this with shedule updater. Thank you michael

[michael24h]

@fox said in Display web widget on mirror through iFrame?:

https://github.com/TheBogueRat/MMM-iFrameReload

Actually I Didn’t know there two different iframe modules.
I’m glad you work out this

[fox]

@michael24h said in Display web widget on mirror through iFrame?:

@fox said in Display web widget on mirror through iFrame?:

https://github.com/TheBogueRat/MMM-iFrameReload

Actually I Didn’t know there two different iframe modules.
I’m glad you work out this

I think the diffference is, that the Reload-module can update the content.
Thank you :)

[michael24h]

I didn’t help much. but thanks

[michael24h]

Hi I did think about iframe iFrameReload.
and works very good. no problem so far…
html doc going too
MagicMirror/modules/MMM-iFrameReload

{
module: ‘MMM-iFrameReload’,
header:‘Traffic Map’,
position: ‘bottom_left’, // This can be any of the regions.
config: {
url: “http://localhost:8080/modules/MMM-iFrameReload/anyname.html”,
width: “380px”,
height: “400px”,
refreshInterval: 800
}