• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.5k 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.
  • S Offline
    Snille Module Developer
    last edited by Oct 23, 2020, 10:30 AM

    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 Oct 24, 2020, 8:49 PM

      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!

      S 1 Reply Last reply Oct 24, 2020, 9:02 PM Reply Quote 0
      • S Offline
        Snille Module Developer @dherl0623
        last edited by Oct 24, 2020, 9:02 PM

        @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 Oct 25, 2020, 1:07 AM Reply Quote 0
        • D Offline
          dherl0623 @Snille
          last edited by Oct 25, 2020, 1:07 AM

          @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!

          S 1 Reply Last reply Oct 25, 2020, 8:32 AM Reply Quote 0
          • S Offline
            Snille Module Developer @dherl0623
            last edited by Oct 25, 2020, 8:32 AM

            @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 Oct 25, 2020, 6:34 PM

              @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 S 2 Replies Last reply Oct 25, 2020, 7:27 PM Reply Quote 0
              • S Offline
                sdetweil @feigi
                last edited by Oct 25, 2020, 7:27 PM

                @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
                • S Offline
                  Snille Module Developer @feigi
                  last edited by Oct 25, 2020, 8:42 PM

                  @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 Oct 26, 2020, 4:32 PM Reply Quote 0
                  • F Offline
                    feigi @Snille
                    last edited by Oct 26, 2020, 4:32 PM

                    @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 Oct 26, 2020, 6:08 PM Reply Quote 0
                    • S Offline
                      sdetweil @feigi
                      last edited by sdetweil Oct 26, 2020, 6:10 PM Oct 26, 2020, 6:08 PM

                      @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
                      • 1
                      • 2
                      • 1 / 2
                      1 / 2
                      • First post
                        10/20
                        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