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 55.5k 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.
    • 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
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 5 / 6
                        • 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