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.

    MMM-iFrame-Ping

    Scheduled Pinned Locked Moved Utilities
    58 Posts 12 Posters 34.1k Views 13 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.
    • A Offline
      AgP42 Project Sponsor Module Developer
      last edited by

      Hello,

      after struggling with existing iFrame modules, I decided to create my own…

      Here are some other iFrame module :

      • iFrame from desertblade : the original one with basics functions : one URL, no periodic refresh
      • MMM-iFrame from alberttwong : allow several rotating URL but no periodic refresh of the content
      • MMM-iFrameReload from TheBogueRat : one possible URL with periodic refresh

      The functionnalities of my new iFrame module :

      • Allow periodic refresh of the iFrame, or not (configurable), this allow to display images (with refresh) or video (without refresh)
      • Ping the URL before trying to display the content. Display an error (with the last successful PING date and time) if the host is not reachable. PING code from MMM-Ping by CFenner
      • If a PIR-sensor using MMM-PIR-Sensor module is used, the iFrame will not be updated during screen off (this behavior works also with all other module that send the notification “USER_PRESENCE”) and will be refresh with screen on.
      • If the iFrame-Ping module is hidden (by REMOTE-CONTROL or any Carousel module for example), the iFrame will not be updated. As soon as one MMM-iFrame-Ping module will be again displayed on the screen, an update will be requested.
      • Possibility to display the date and time of the last update request (configurable)
      • CSS file

      I tested it with MM² version 2.4.1.

      I hope it can also be helpful for others, please let me know any issue.

      Some screenshot :
      Display YouTube :
      0_1532871282781_MMM-iFrame-Ping_youtube_update.png

      Display camera snapshot (with updates) :
      0_1532871357269_MMM-iFrame-AgP.png

      PING Nok :
      0_1532871391253_MMM-iFrame-Ping_Nok_with update display.png

      PING Ok, iFrame upload on-going :
      0_1532871408913_MMM-iFrame-Ping_ok.png

      All infos and installation instruction :
      [card:AgP42/MMM-iFrame-Ping]

      J 1 Reply Last reply Reply Quote 4
      • E Offline
        electros Project Sponsor
        last edited by

        This post is deleted!
        1 Reply Last reply Reply Quote 0
        • rudibaraniR Offline
          rudibarani Project Sponsor
          last edited by

          @AgP42 Thank you for this version of iFrame. Works well for me :)
          I do get a white line around the embedded iFrame. Could you please tell me, how to get rid of it?

          1 Reply Last reply Reply Quote 0
          • A Offline
            AgP42 Project Sponsor Module Developer
            last edited by

            @rudibarani said in MMM-iFrame-Ping:

            @AgP42 Thank you for this version of iFrame. Works well for me :)
            I do get a white line around the embedded iFrame. Could you please tell me, how to get rid of it?

            Hello,

            you can try the following :

            On the file “MMM-iFrame-Ping.js”, on lines 135, 136 and 137 there is :

            iframe.width = this.config.width;
            iframe.height = this.config.height;
            iframe.scrolling = this.config.scrolling;
            

            with those lines, please add :

            iframe.style = "border:0"
            

            This should solve your problem !

            Bye,
            AgP42

            rudibaraniR 1 Reply Last reply Reply Quote 1
            • rudibaraniR Offline
              rudibarani Project Sponsor @AgP42
              last edited by

              @agp42 Thanks for the quick help!

              rudibaraniR 1 Reply Last reply Reply Quote 0
              • rudibaraniR Offline
                rudibarani Project Sponsor @rudibarani
                last edited by

                Dear @AgP42,
                one of my use cases for your module is showing a livestream from the ISS on the night-page of my mirror, if a user is present. Looks really good!
                Now i thought of enhancing it and playing some curated movies from the ISS during those moments, when it is not flying in daylight.

                Would it be possible / difficult to add a limited number of youtube links and either select one of them for playback via a notification or play them randomly?

                0_1543272443087_IMG_0553.jpeg

                A 1 Reply Last reply Reply Quote 0
                • J Offline
                  Johans @AgP42
                  last edited by

                  @agp42 Would it be possible to have 2 instances in the config file, working independently?

                  A 1 Reply Last reply Reply Quote 0
                  • A Offline
                    AgP42 Project Sponsor Module Developer @rudibarani
                    last edited by

                    @rudibarani Sorry for my late answer. Did you consider to create a youtube playlist and make it run on the Mirror ? (This way of doing is now describe on the readme file) I guest it will fulfill your need !

                    J rudibaraniR 2 Replies Last reply Reply Quote 0
                    • J Offline
                      Johans @AgP42
                      last edited by

                      @agp42 Ok, thanks for the tip, I’ll checkup the README file.

                      1 Reply Last reply Reply Quote 0
                      • A Offline
                        AgP42 Project Sponsor Module Developer @Johans
                        last edited by

                        @johans Hello, in fact I already try to manage this functionality (on another plugin), but it’s very hard to make it work.
                        Here is an easy way for you :

                        • duplicate the plugin (copy/paste the full folder and rename it, for example “MMM-iFrame-Ping-2”)
                        • enter the folder and rename the file “MMM-iFrame-Ping.js” into “MMM-iFrame-Ping-2.js” (no need to change the css file, you can also delete it)
                        • open the file “MMM-iFrame-Ping-2.js” and and the very first line, also change :
                        Module.register("MMM-iFrame-Ping",{
                        

                        to

                        Module.register("MMM-iFrame-Ping-2",{
                        
                        • then you can declare this “new” module on your config file and use it with another URL

                        (Yes this is a very very bad looking solution :grimacing_face: , please don’t tell anyone it comes from me !:winking_face: )

                        H 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 1 / 6
                        • 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