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.

    Halloween mirror ghouls anyone?

    Scheduled Pinned Locked Moved General Discussion
    56 Posts 18 Posters 61.0k Views 19 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.
    • bheplerB Offline
      bhepler Module Developer @frog
      last edited by bhepler

      @frog You seem to be missing the style='position... part.

      So:

      config: {
            text: “<video src=‘vendor/skelloop.mp4’ autoplay loop style='position:absolute; top:100%;left:50%; height:200%’></video>”
            }
      
      F 1 Reply Last reply Reply Quote 2
      • F Offline
        frog @bhepler
        last edited by

        @bhepler yup, that dit it. Thanks!

        1 Reply Last reply Reply Quote 1
        • N Offline
          nuckinfutz
          last edited by

          is there a way to use a variable in the video file name? This is so close to what I want it hurts. What I want to do is play a random video from a specific location. I will be creating the videos so I will have complete control over the video naming and encoding.

          1 Reply Last reply Reply Quote 0
          • M Offline
            makersworkbench
            last edited by

            Sorry for resurrecting an old thread, but I have been trying to figure this out on my own for over a week now. How would I use a PING (ultrasonic) sensor to trigger the mmm-podcast module to make the jump scare happen? Python I can write but I am a javascript noob, and that is why I am having issues here.

            So basically I want the PING sensor to trigger and play the video file full screen with audio after it senses someone x-distance away for X number of seconds. Very bad psudo code below.

            when distance from sensor = 24-inches for 10-seconds
            play scare animation using mmm-podcast
            return to MagicMirror screen
            wait 60-seconds before arming ping sensor again

            1 Reply Last reply Reply Quote 0
            • B Offline
              Bruno
              last edited by

              Guys,

              How did you manage to play a local video on the Pi with this module?

              I am trying to make the halloween ghoul video (maybe a little late). I can get some video to play if the video is online. But if the video is on a directory on my raspberry pi I can’t.

              In this topic all the “text” tag on the helloworld is blank because it is html tag so it gets “interpreted” by my browsers. I’ll try to post my “text” tag in non-HTML way, so you guys can analyse it (I took off the “minor than” sign from the tags: video, src and /video)

              Heres my config:

              {
                          module: "helloworld",
                          position: "middle_center",
                          config: {
                              text: "video id=\"homevideo\" width=\"100%\" autoplay autobuffer> source src=\"http://clips.vorwaerts-gmbh.de/VfE_html5.mp4\" type=\"video/mp4\" /> /video>"
                          }
                      },
              
              

              Above is an example if a simples mp4 video online: http://clips.vorwaerts-gmbh.de/VfE_html5.mp4
              How do I change to a local mp4 file in my Pi? I tryed src="/home/pi/path/to/my/file.mp4" but no success… any ideas?

              Thanks

              S Mykle1M 2 Replies Last reply Reply Quote 0
              • S Offline
                sdetweil @Bruno
                last edited by

                @Bruno said in Halloween mirror ghouls anyone?:

                Guys,

                How did you manage to play a local video on the Pi with this module?

                I am trying to make the halloween ghoul video (maybe a little late). I can get some video to play if the video is online. But if the video is on a directory on my raspberry pi I can’t.

                In this topic all the “text” tag on the helloworld is blank because it is html tag so it gets “interpreted” by my browsers. I’ll try to post my “text” tag in non-HTML way, so you guys can analyse it (I took off the “minor than” sign from the tags: video, src and /video)

                Heres my config:

                {
                            module: "helloworld",
                            position: "middle_center",
                            config: {
                                text: "video id=\"homevideo\" width=\"100%\" autoplay autobuffer> source src=\"http://clips.vorwaerts-gmbh.de/VfE_html5.mp4\" type=\"video/mp4\" /> /video>"
                            }
                        },
                
                

                Above is an example if a simples mp4 video online: http://clips.vorwaerts-gmbh.de/VfE_html5.mp4
                How do I change to a local mp4 file in my Pi? I tryed src="/home/pi/path/to/my/file.mp4" but no success… any ideas?

                Thanks

                Path has got to be in the mm folder tree or linked to from there
                /modules/module name/filename.mp4

                Sam

                How to add modules

                learning how to use browser developers window for css changes

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

                  @Bruno said in Halloween mirror ghouls anyone?:

                  I am trying to make the halloween ghoul video (maybe a little late). I can get some video to play if the video is online. But if the video is on a directory on my raspberry pi I can’t.

                  If you are trying to make a module that plays local videos or if you’re just looking for a module that plays local videos then have a look at this module

                  https://github.com/mykle1/MMM-EasyBack

                  I just downloaded your example video and it works perfectly well with this module, locally.

                  Create a working config
                  How to add modules

                  B B 2 Replies Last reply Reply Quote 0
                  • B Offline
                    Bruno @Mykle1
                    last edited by

                    @Mykle1 said in Halloween mirror ghouls anyone?:

                    @Bruno said in Halloween mirror ghouls anyone?:

                    I am trying to make the halloween ghoul video (maybe a little late). I can get some video to play if the video is online. But if the video is on a directory on my raspberry pi I can’t.

                    If you are trying to make a module that plays local videos or if you’re just looking for a module that plays local videos then have a look at this module

                    https://github.com/mykle1/MMM-EasyBack

                    I just downloaded your example video and it works perfectly well with this module, locally.

                    Nice!!! I’ll give it a try. It’s nice that I can define width and height!!! Thanks!!

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

                      @Bruno said in Halloween mirror ghouls anyone?:

                      Nice!!! I’ll give it a try. It’s nice that I can define width and height!!! Thanks!!

                      You’re welcome, mate. If you are still wanting to create your own module, feel free to take whatever you find useful from the module and use it in your own.

                      Create a working config
                      How to add modules

                      1 Reply Last reply Reply Quote 0
                      • B Offline
                        BD0G @Mykle1
                        last edited by sdetweil

                        @Mykle1
                        This is so weird!
                        I installed MMM-EasyBack as per the instructions.
                        Copied a small Halloween Video in the MagicMirror/Modules/MMM-EasyBack/Videos folder. The file is named HalloweenMM.mp4. Its 15 MB. So pretty small.

                        Here are my config.js entries for the module.

                        {
                            module: 'MMM-EasyBack',
                            position: 'middle_center',
                            config: {
                               // bgName: "Example.jpg",   // "Example.jpg", the file name of your background image (case sensitive)
                                videoName: "HalloweenMM.mp4",       // "baboon.mp4",         // file name of your local video
                                height: "1920px",    // your display's resolution in pixels. Enter in config.js
                                width: "1080px",     // your display's resolution in pixels. Enter in config.js
                            }
                        },
                        
                        

                        I completely removed the section about Youtube ID , etc . When I launch the MM interface it contunually comes up with the YouTube Video by David Snow found here https://www.youtube.com/watch?v=So3vH9FY2H4

                        There is no reference that I can find to that video at all.

                        The YouTube ID that is referenced by this video is the same one that was in the original configuration file.

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

                          @BD0G open the developers window, ctrl-shift-i on the mm keyboard, and select the console tab and then enter hall in the filter field

                          see if there are any errors (usually red text)

                          case matters

                          Sam

                          How to add modules

                          learning how to use browser developers window for css changes

                          B 1 Reply Last reply Reply Quote 0
                          • B Offline
                            BD0G @sdetweil
                            last edited by

                            @sdetweil Thanks Sam.

                            I went into the MMM-EasyBack.js file and altered it to reflect the video HalloweenMM.mp4 rather than within the config.js file. I also removedt the hard coded Youtube ID that was in the MMM-EasyBack.js file.

                            Now it plays the Halloween file , but I cannot control the sizing of the video and it takes up just about the entire screen.

                            
                            Module.register("MMM-EasyBack", {
                            
                                defaults: {
                                    bgName: "",         // .jpg, .gif, .png, Full screen animated gifs too!
                                    videoName: "HalloweenMM.mp4",     // your local picture files go in "images" folder of MMM-EasyBack
                                    youTubeID: "",      // YouTube ID from the YouTube url
                                    height: "800px",   // your display's resolution in pixels. Enter in config.js
                                    width: "600px",    // your display's resolution in pixels. Enter in config.js
                                    animationSpeed: "0",
                                    updateInterval: 60 * 60 * 1000,
                                },
                            
                            
                            S 1 Reply Last reply Reply Quote 0
                            • S Offline
                              sdetweil @BD0G
                              last edited by

                              @BD0G do not edit the source file

                              all config goes in the config.js

                              no idea on the youtube stuff, maybe its the default for a youtube search…

                              the author is not available currently.

                              Sam

                              How to add modules

                              learning how to use browser developers window for css changes

                              1 Reply Last reply Reply Quote 0
                              • B Offline
                                BD0G
                                last edited by

                                i am going to just modify the included MMM-EasyBack.css file to see if I can shrink it. Yeah that works.

                                
                                
                                
                                .MMM-EasyBack .photo {
                                  width: 100%;               /* size the picture */
                                }
                                
                                .MMM-EasyBack #video {
                                  width: 50%;
                                  height: 50%;
                                }
                                
                                .MMM-EasyBack .iframe {
                                  margin-top: 50px;
                                        margin-bottom: 0px;
                                        margin-left: 50px;
                                        margin-right: 0px;
                                }
                                
                                
                                
                                S 1 Reply Last reply Reply Quote 0
                                • S Offline
                                  sdetweil @BD0G
                                  last edited by

                                  @BD0G don’t modify the css file

                                  the system design is that css/custom.css will allow you to override any setting set by a module or the main.css file

                                  so you put those entries in custom.css

                                  all this no editing means the author can release updates and nothing u did is impacted

                                  Sam

                                  How to add modules

                                  learning how to use browser developers window for css changes

                                  B 1 Reply Last reply Reply Quote 0
                                  • B Offline
                                    BD0G @sdetweil
                                    last edited by

                                    @sdetweil said in Halloween mirror ghouls anyone?:

                                    @BD0G don’t modify the css file

                                    the system design is that css/custom.css will allow you to override any setting set by a module or the main.css file

                                    so you put those entries in custom.css

                                    all this no editing means the author can release updates and nothing u did is impacted

                                    Gotcha!

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

                                      @rvdgeer so what you’re saying is android sucks? 🤣

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

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

                                        @BKeyport thats 6 years ago…

                                        Sam

                                        How to add modules

                                        learning how to use browser developers window for css changes

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

                                          @sdetweil weird. The forum told me it was a few days ago, must be a ghost in the system.

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

                                          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
                                          • 2
                                          • 3
                                          • 3 / 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