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 Magic Mirror on a website

    Scheduled Pinned Locked Moved Troubleshooting
    5 Posts 2 Posters 1.4k Views 2 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.
    • H Offline
      harney
      last edited by

      Is this idea possible

      I have created a MagicMirror that will be housed in my Campervan. It has various weather and GPS and other details . I would like to show this on a page on my website in an iFrame. Like a remote mirror.

      Apart from the obvious access permissions which are easy, I tried looking up this but all I get is adding a webpage to the MM not the other way round

      Anyone got any ideas if its even possible

      Cheers

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @harney
        last edited by sdetweil

        @harney you will need to do some setup.

        on your router, you will need to do some port forwarding, to allow systems outside your network to access systems inside… you will need to make sure the port number on the outside matches the MM port number. (some routers have the ability to save that config, even if its not active, so make sure its active too)

        now you will need to FIND your router from the internet… most residential accounts use dynamic address assignment (DHCP), and there is no guaranty that the address will come back the same if there was a power off, of other unrelated disconnection.
        I use a name-> ip mapper called dyndns.org, but there are a few of these.
        (some routers have this built in, and will update the configured account whenever it gets a new address, there are also apps provided that run on windows that do this)

        so I can get to my home machines with http://???.dyndns.org:port

        then u should be able to view your home/campervan MM from anywhere
        (note that I’ve had trouble with a couple routers where accessing the system with the external name/port while ON the internal network doesn’t work… )
        I can test this by turning off wifi and using the cell network, as the towers are outside my house.

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        H 1 Reply Last reply Reply Quote 0
        • H Offline
          harney @sdetweil
          last edited by

          @sdetweil Thanks Sam. Yes I have all that part working can access MM externally. Im planning on running the MM while im travelling and have it displayed on my external website for friends and family to see. But I just cant seen to get the magic mirror to embed in the web pages iframe. I think I have a coding incorrect.

          If I can get it working within the PI, I will set the site to run from it

          Im currently using the following code with no luck (i’ve removed the size parameteres atm)

          <iframe src="192.168.1.200:8080" ></iframe>
          
          S 1 Reply Last reply Reply Quote 0
          • S Offline
            sdetweil @harney
            last edited by sdetweil

            @harney

            src="http://addr:port"
            

            u are displaying in another server on pi?

            sorry, where is that web server?

            you said u can access mm externally?
            but then used the internal ip address?

            my pi is at 192.168.2.44:8090
            and my external router is 47.220.yy.zz
            so I would have to use
            http://47.220.yy.zz:8090
            and have port 8090 forwarded from router to pi.

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            H 1 Reply Last reply Reply Quote 1
            • H Offline
              harney @sdetweil
              last edited by

              @sdetweil Thanks Sam, I was trying with an internal web server first. I will try using the external server instead.

              1 Reply Last reply Reply Quote 0
              • 1 / 1
              • 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