MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Display web widget on mirror through iFrame?

    Scheduled Pinned Locked Moved Troubleshooting
    60 Posts 9 Posters 70.1k Views 9 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • L Offline
      looolz
      last edited by

      same problem, still not working. Loading the module breaks the file. Here is my code:

      	{
              module: 'iFrame',
              position: 'bottom_bar', // This can be any of the regions.
              config: {
                  // See 'Configuration options' for more information.
                      url: "http://www.yr.no/sted/Norge/Oslo/Oslo/Oslo/meteogram.png"
                      width: "828px" // Optional. Default: 100%
                      height: "272px" //Optional. Default: 100px
                  }
              },
      
      

      The only detail I’ve found in the documentation that seems a little off, is that it suggests the URL formatting to be as such:

      url: "http:http://example.com/" 
      

      But that still doesn’t work.

      1 Reply Last reply Reply Quote 0
      • michael24hM Offline
        michael24h
        last edited by

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

        http://www.yr.no/sted/Norge/Oslo/Oslo/Oslo/meteogram.png

        this one work on my clock

        {
        module: ‘iFrame’,
        position: ‘bottom_left’, // This can be any of the regions.
        config: {
        // See ‘Configuration options’ for more information.
        url: “http://www.yr.no/sted/Norge/Oslo/Oslo/Oslo/meteogram.png”,
        width: ‘220%’, // Optional. Default: 100%
        height: ‘360px’, //Optional. Default: 100px
        }

        	},
        
        1 Reply Last reply Reply Quote 0
        • michael24hM Offline
          michael24h
          last edited by

                      url: "http://www.yr.no/sted/Norge/Oslo/Oslo/Oslo/meteogram.png",
                     your missing " , " after .png
          
          L 1 Reply Last reply Reply Quote 0
          • L Offline
            looolz @michael24h
            last edited by looolz

            @michael24h aaaaaaaah!

            Yes! That worked, thanks!

            1 Reply Last reply Reply Quote 0
            • michael24hM Offline
              michael24h
              last edited by

              no worries

              L 1 Reply Last reply Reply Quote 0
              • L Offline
                looolz @michael24h
                last edited by

                @michael24h By the way, the example config from the readme.md also lacks the comma.

                1 Reply Last reply Reply Quote 0
                • michael24hM Offline
                  michael24h
                  last edited by

                  Usual thing good use to

                  1 Reply Last reply Reply Quote 0
                  • foxF Offline
                    fox
                    last edited by

                    Does the page i want to embedd should meet minimum requirements?
                    I checked here: https://validator.w3.org/#validate_by_input and no problems found. But iFrame-module does not show the page

                    Issues With MMM-WatchDog known?

                    https://forum.magicmirror.builders/post/29827

                    Useful for PIR-Sensor: https://forum.magicmirror.builders/post/21299

                    michael24hM 1 Reply Last reply Reply Quote 0
                    • michael24hM Offline
                      michael24h @fox
                      last edited by

                      @fox
                      can you post config

                      foxF 1 Reply Last reply Reply Quote 0
                      • foxF Offline
                        fox @michael24h
                        last edited by fox

                        @michael24h

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

                        page:

                        http://pastebin.com/KjhxUpYZ

                        Issues With MMM-WatchDog known?

                        https://forum.magicmirror.builders/post/29827

                        Useful for PIR-Sensor: https://forum.magicmirror.builders/post/21299

                        1 Reply Last reply Reply Quote 0
                        • michael24hM Offline
                          michael24h
                          last edited by

                          will do if you do:
                          open frame in new tab
                          and then paste in:
                          url:src=“http://cdnx.tribalfusion.com/media/6869616/assets/tab2/tab2.html”,

                          1 Reply Last reply Reply Quote 0
                          • michael24hM Offline
                            michael24h
                            last edited by

                            Or
                            http://cdnx.tribalfusion.com/media/6869616/assets/video1.mp4
                            if you like this one :-)

                            1 Reply Last reply Reply Quote 0
                            • michael24hM Offline
                              michael24h
                              last edited by michael24h

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

                              url: “http://192.168.188.30/indexsmall.html”,

                              this won’t work url: “http://192.168.188.30/indexsmall.html”,
                              only way :
                              ->index or home.html

                              1 Reply Last reply Reply Quote 0
                              • foxF Offline
                                fox
                                last edited by

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

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

                                You mean that i change my config of iFrame with your URL?
                                like this?

                                                {
                                                        module: "MMM-iFrameReload",
                                                        position: "top_right",
                                                        header: "",
                                                        config: {
                                                                url: "http://cdnx.tribalfusion.com/media/6869616/assets/video1.mp4",
                                                                width: "100%",
                                                                height: "150px"
                                                        }
                                                },
                                
                                

                                Issues With MMM-WatchDog known?

                                https://forum.magicmirror.builders/post/29827

                                Useful for PIR-Sensor: https://forum.magicmirror.builders/post/21299

                                1 Reply Last reply Reply Quote 0
                                • michael24hM Offline
                                  michael24h
                                  last edited by

                                  yes
                                  page like index.html or home.html need be live.
                                  if I wanna add home page my home pninter:
                                  need somtning like this
                                  http://192.168.0.27/sws/index.html this will.

                                  1 Reply Last reply Reply Quote 0
                                  • michael24hM Offline
                                    michael24h
                                    last edited by

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

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

                                    just paste your link in web browser
                                    –> http://cdnx.tribalfusion.com/media/6869616/assets/video1.mp4
                                    will work in browser, will work in mm. MM thats web browser “without mouse”

                                    1 Reply Last reply Reply Quote 1
                                    • foxF Offline
                                      fox
                                      last edited by fox

                                      I changed it but no effect:

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

                                      top right is the position and it shows only a scroll element
                                      alt text

                                      Issues With MMM-WatchDog known?

                                      https://forum.magicmirror.builders/post/29827

                                      Useful for PIR-Sensor: https://forum.magicmirror.builders/post/21299

                                      1 Reply Last reply Reply Quote 0
                                      • michael24hM Offline
                                        michael24h
                                        last edited by

                                        @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

                                        foxF 1 Reply Last reply Reply Quote 0
                                        • michael24hM Offline
                                          michael24h
                                          last edited by michael24h

                                          simply you may try with dropbox doc, picture or anything. as long will open in web browser, will open in MM
                                          Thanks

                                          1 Reply Last reply Reply Quote 0
                                          • foxF Offline
                                            fox @michael24h
                                            last edited by 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

                                            Issues With MMM-WatchDog known?

                                            https://forum.magicmirror.builders/post/29827

                                            Useful for PIR-Sensor: https://forum.magicmirror.builders/post/21299

                                            1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 2 / 3
                                            • First post
                                              Last post
                                            Enjoying MagicMirror? Please consider a donation!
                                            MagicMirror created by Michael Teeuw.
                                            Forum managed by Sam, technical setup by Karsten.
                                            This forum is using NodeBB as its core | Contributors
                                            Contact | Privacy Policy