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.

    Controlling Embedded Youtube Video on MM

    Scheduled Pinned Locked Moved Troubleshooting
    23 Posts 6 Posters 14.3k Views 8 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.
    • strawberry 3.141S Offline
      strawberry 3.141 Project Sponsor Module Developer @zichao92
      last edited by

      @zichao92 I cleaned up your module

      Module.register("youtube",{
      
          start: function() {
              Log.info("Starting module: " + this.name);
          },
      
          getStyles: function() {
              return ['script.css'];
          },
      
          sendCommand: function(cmd){
              var myPlayer = document.getElementById('my-video');
              if(myPlayer){
                  myPlayer.contentWindow.postMessage(JSON.stringify({
                      "event": "command",
                      "func": cmd
                  }), "*");
              }
          },
      
          notificationReceived: function(notification, payload) {
              if (notification === "PAUSE_VIDEO"){
                  this.sendCommand("pauseVideo");
              }
              if (notification === "PLAY_VIDEO"){
                  this.sendCommand("playVideo");
              }
          },
          
          getDom: function() {
      
              var wrapper = document.createElement("div");
      
              var background = document.createElement("div");
              background.classList.add("video-background");
      
              var foreground = document.createElement("div");
              foreground.classList.add("video-foreground");
      
              var iframe = document.createElement("iframe");
              iframe.setAttribute("id", "my-video");
              iframe.setAttribute("src", "https://www.youtube.com/embed/5kIe6UZHSXw?enablejsapi=1&autoplay=1");
              iframe.setAttribute("frameborder", "0");
              iframe.setAttribute("type", "text/html");
      
              foreground.appendChild(iframe);
              background.appendChild(foreground);
              wrapper.appendChild(background);
      
              return wrapper;
          }
      });
      

      Please create a github issue if you need help, so I can keep track

      Z E 2 Replies Last reply Reply Quote 1
      • Z Offline
        zichao92 @strawberry 3.141
        last edited by

        @strawberry-3.141

        OMG you are life saver. So the whole trick to my module is to use sendcommand instead?

        strawberry 3.141S 1 Reply Last reply Reply Quote 0
        • strawberry 3.141S Offline
          strawberry 3.141 Project Sponsor Module Developer @zichao92
          last edited by

          @zichao92 not only you had some more issues and sendCommand is a custom method

          Please create a github issue if you need help, so I can keep track

          1 Reply Last reply Reply Quote 3
          • P Offline
            pepebc
            last edited by

            These modules are very interesting.
            Would it be possible to use voice command to manage pause and play of youtube?
            Via notification?
            Thank you

            Mykle1M 1 Reply Last reply Reply Quote 0
            • E Offline
              E3V3A @strawberry 3.141
              last edited by

              @strawberry-3.141 Funny how the youtube URL renders within the code tags! :)

              "Everything I do (here) is for free – altruism is the way!"
              MMM-FlightsAbove, MMM-Tabulator, MMM-Assistant (co-maintainer)

              1 Reply Last reply Reply Quote -1
              • Mykle1M Offline
                Mykle1 Project Sponsor Module Developer @pepebc
                last edited by

                @pepebc

                I had this problem with my Alarm Clock MM and voice commands. Everything works perfectly until the alarm sounds. Now my voice command has to compete with the alarm that is playing. The success rate was pretty low and I was not happy with that. Setting a long enough pause in the alarm sound to issue a voice command seemed to work ok but I wasn’t happy with that either. In the end, I settled for making a clickable button appear when the alarm sounded.

                Create a working config
                How to add modules

                1 Reply Last reply Reply Quote 0
                • P Offline
                  pepebc
                  last edited by

                  Now I control PLAY and PAUSE through voice commands in the youtube module, instead of with MMM-Remote-Control.
                  I would like to send data like http://localhost:8080 /youtube?Id=XXXXXXX, also with voice, but I can not find the form. The idea is to have a list of videos to play, automated by voice. Any idea?
                  It could become a very interesting module…

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