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 9.3k 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 Do not disturb
            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 Do not disturb
                  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
                        • E Offline
                          elitecybernet
                          last edited by

                          @Snille i had tried your mmm videoplayer, im curious is it no sound for playing video ?Or i need to do something on my config? I want to play with hdmi sound in my monitor.

                          thank for your support. good job

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

                            @elitecybernet Hi! Yes, default is “no sound”, because if you set it to yes, it will not “autoplay”. But you can just change the option: muted to false.

                            {
                              module: 'MMM-Videoplayer',
                              position: 'middle_center',
                              config: {
                                muted: false,
                              }
                            },
                            

                            Like so… :)

                            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

                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                            With your input, this post could be even better 💗

                            Register Login
                            • 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