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 7.6k 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.
    • 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
              • F Offline
                feigi @Snille
                last edited by

                @Snille Yes, i use your Version. The content of my cloned folder on the rPI is identical to your folder on github. So i am using the same Version.
                Why its showing that its trying to load a node_helper, i have no idea. I dont even know what that is :) I just started the MM without any other modules than yours and did not see an Error and just wanted to show that.

                But its ok if this is not possible to play on a rPI. Was worth a try!

                Thanks anyway for your support and the great work! :)

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

                  @feigi said in MMM-Videoplayer - Play video files on your mirror:

                  Why its showing that its trying to load a node_helper

                  the system ALWAYS tries and reports… nothing worrisome…

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • BKeyportB Offline
                    BKeyport Module Developer
                    last edited by

                    One minor note - in your readme on github, there’s no install instructions. I’d add that…

                    Seems to be good otherwise.

                    The "E" in "Javascript" stands for "Easy"

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

                      @BKeyport Oh! Good point! I’ll fix that. Thank you! :)

                      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 a new function in v0.4. 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
                        • 1
                        • 2
                        • 2 / 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