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-Videoplayer - Play video files on your mirror

    Scheduled Pinned Locked Moved Entertainment
    20 Posts 6 Posters 8.0k Views 6 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.
    • SnilleS Offline
      Snille Module Developer @feigi
      last edited by Snille

      @feigi Hmm… I found that I had forgotten a comma in the example configs… But It looks like you have that comma in your config. I tried it on a “clean” install (on both development and master branch) and with your config and it works. What does the log say? (pm2 log).

      If you cant find it, make it and share it!
      Modules: MMM-homeassistant-sensors, MMM-Modulebar, MMM-Profilepicture, MMM-Videoplayer

      1 Reply Last reply Reply Quote 0
      • SnilleS Offline
        Snille Module Developer
        last edited by

        Added some new stuff in v0.2. See first post… :)

        If you cant find it, make it and share it!
        Modules: MMM-homeassistant-sensors, MMM-Modulebar, MMM-Profilepicture, MMM-Videoplayer

        1 Reply Last reply Reply Quote 0
        • SnilleS Offline
          Snille Module Developer
          last edited by

          Added some new stuff again in v0.3. See first post…

          If you cant find it, make it and share it!
          Modules: MMM-homeassistant-sensors, MMM-Modulebar, MMM-Profilepicture, MMM-Videoplayer

          1 Reply Last reply Reply Quote 0
          • D Offline
            dherl0623
            last edited by

            Awesome module! I’m using it to play the old Windows 98 Mystery (Haunted House) Screensaver. I just ripped the video off of YouTube, reduced the quality and it plays perfectly! Thanks again!

            SnilleS 1 Reply Last reply Reply Quote 0
            • SnilleS Offline
              Snille Module Developer @dherl0623
              last edited by

              @dherl0623 Thank you! :) I’m going to use it soon to play spooky stuff from AtmosFX on Halloween, It’s going to be timed with module scheduler over whole day. Suddenly a ghost appear in the background… :)

              If you cant find it, make it and share it!
              Modules: MMM-homeassistant-sensors, MMM-Modulebar, MMM-Profilepicture, MMM-Videoplayer

              D 1 Reply Last reply Reply Quote 0
              • D Offline
                dherl0623 @Snille
                last edited by

                @Snille That’s awesome! I just downloaded a leaves falling video from them! What would be the best way to play this fullscreen in the background behind all of the elements? Using the CSS in your example above is putting it over top of all of the other modules. Thanks again!

                SnilleS 1 Reply Last reply Reply Quote 0
                • SnilleS Offline
                  Snille Module Developer @dherl0623
                  last edited by

                  @dherl0623 Hm… I’m using the player in the region “fullscreen_below”. I have this player first in the config of all things that “can” show in the same region (that way it will always end up above the other things in the same region):

                  {
                  	disabled: false,
                  	module: 'MMM-Videoplayer',
                  	position: "fullscreen_below",
                  	classes: "scheduler turn90",
                  	config: {
                  		random: true,
                  		loop: true,
                  		notification: "VIDEOPLAYER1",
                  		videolist: ["http://your.site.com/video/clip1.mp4", 
                  					"http://your.site.com/video/clip1.mp4", 
                  					"http://your.site.com/video/clip2.mp4", 
                  					"http://your.site.com/video/clip3.mp4", 
                  					"http://your.site.com/video/clip4.mp4", 
                  					"http://your.site.com/video/clip5.mp4", 
                  					"http://your.site.com/video/clip6.mp4", 
                  					"http://your.site.com/video/clip7.mp4", 
                  					"http://your.site.com/video/clip8.mp4", 
                  					"http://your.site.com/video/clip9.mp4", 
                  					"http://your.site.com/video/clip10.mp4", 
                  					"http://your.site.com/video/clip11.mp4"],
                  		module_schedule: [
                  			{from: '0 6 31 9 *', to: '5 6 31 9 *'},
                  			{from: '2 7 31 9 *', to: '7 7 31 9 *'},
                  			{from: '4 8 31 9 *', to: '9 8 31 9 *'},
                  			{from: '6 9 31 9 *', to: '11 9 31 9 *'},
                  			{from: '8 10 31 9 *', to: '13 10 31 9 *'},
                  			{from: '10 11 31 9 *', to: '15 11 31 9 *'},
                  			{from: '12 12 31 9 *', to: '17 12 31 9 *'},
                  			{from: '14 13 31 9 *', to: '19 13 31 9 *'},
                  			{from: '16 14 31 9 *', to: '21 14 31 9 *'},
                  			{from: '18 15 31 9 *', to: '23 15 31 9 *'},
                  			{from: '20 16 31 9 *', to: '25 16 31 9 *'},
                  			{from: '22 17 31 9 *', to: '27 17 31 9 *'},
                  			{from: '24 18 31 9 *', to: '29 18 31 9 *'},
                  			{from: '26 19 31 9 *', to: '31 19 31 9 *'},
                  			{from: '28 20 31 9 *', to: '33 20 31 9 *'},
                  			{from: '30 21 31 9 *', to: '35 21 31 9 *'},
                  			{from: '32 22 31 9 *', to: '37 22 31 9 *'},
                  			{from: '34 23 31 9 *', to: '39 23 31 9 *'},
                  		]
                  	}
                  },
                  

                  Then I have set the “classes” on this player to “scheduler turn90”, the first class is for the MMM-ModuleScheduler to work and the second is for the player to be turned 90 degrees and set to full screen.
                  My CSS entry for this player looks like this:

                  /* MMM-Videoplayer ----------------------------------*/
                  .MMM-Videoplayer video {
                      width: 1080px;
                      height: 1920px;
                  }
                  
                  .turn90 video {
                      position: absolute;
                      transform:rotate(90deg);
                      transform-origin: bottom left;
                      width: 100vh;
                      height: 100vw;
                      margin-top: -100vw;
                      object-fit: cover;
                  }
                  /*****************************************************/
                  

                  That’s it. :)

                  If you cant find it, make it and share it!
                  Modules: MMM-homeassistant-sensors, MMM-Modulebar, MMM-Profilepicture, MMM-Videoplayer

                  1 Reply Last reply Reply Quote 0
                  • F Offline
                    feigi
                    last edited by

                    @Snille
                    Thank you very much for your answer. Sorry for my late reply, but i did not have time to cover this through the week.

                    I updated to the latest version and disabled all other modules on my rPI.

                    But none the less, it does not load the (or any other video).

                    I dont see any errors:
                    [2020-10-25 19:30:29.738] [LOG] Starting MagicMirror: v2.12.0
                    [2020-10-25 19:30:29.749] [LOG] Loading config …
                    [2020-10-25 19:30:29.758] [LOG] Loading module helpers …
                    [2020-10-25 19:30:29.761] [LOG] No helper found for module: MMM-VideoPlayer.
                    [2020-10-25 19:30:29.762] [LOG] All module helpers loaded.
                    [2020-10-25 19:30:29.981] [LOG] Starting server on port 8080 …
                    [2020-10-25 19:30:30.000] [LOG] Server started …
                    [2020-10-25 19:30:30.001] [LOG] Sockets connected & modules started …
                    [2020-10-25 19:30:30.145] [LOG] Launching application.

                    Did already someone had success to test this on rPI?
                    Or what could i do for some more debug?

                    Cheers,
                    Feigi

                    S SnilleS 2 Replies Last reply Reply Quote 0
                    • S Offline
                      sdetweil @feigi
                      last edited by

                      @feigi which version, there are 3? google search ‘mmm-videoplayer github’

                      Snille’s version does not have a node_helper.js file
                      the others do

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • SnilleS Offline
                        Snille Module Developer @feigi
                        last edited by

                        @feigi Yes, as @sdetweil said, I’m not using a “node_helper” at all. It’s not needed for the player. It looks like it’s loading as it should. If you don’t see the video, try putting it in another region just to see if it plays. I have only tested the player on my mirror (Ubuntu server with XFCE desktop on a Intel NUC machine) and on a Ubuntu server (running in a container (LXC) then accessing the mirror from a Windows 10 machine in Chrome). And both of them are working… But I can imagine that the RPi may struggle…

                        If you cant find it, make it and share it!
                        Modules: MMM-homeassistant-sensors, MMM-Modulebar, MMM-Profilepicture, MMM-Videoplayer

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