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 60.9k 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.
    • Mr.MeeseeksM Offline
      Mr.Meeseeks
      last edited by

      I’m hunting for anything we can use, here is another paid product, pretty sweet though since it’s in a format for being displayed as a door window, similar to our mirror.
      So still good for looking at ideas, but nothing free yet…
      https://www.hi-rezdesigns.com/store/home.php?cat=263

      CAAAAN DOO!👍

      MitchfarinoM 1 Reply Last reply Reply Quote 0
      • MitchfarinoM Offline
        Mitchfarino Module Developer @Mr.Meeseeks
        last edited by Mitchfarino

        @Mr.Meeseeks Does it have to be a video?

        Why can’t we just load a gif?

        http://giphy.com/search/grave-encounters

        Edit: or a collection of gifs on a loop?

        J 1 Reply Last reply Reply Quote 1
        • J Offline
          Jopyth Moderator @Mitchfarino
          last edited by

          @Mitchfarino But how are our ghosts staying in HD-Quality with a gif?

          Ok, joke aside, gif might also be a good option. But I still think the main thing is to find a video or gif, that actually look decent on the mirror. Without stuff in the background, and maybe something like a fade in and fade out movement.

          Helpful sticky: How to troubleshoot

          R MitchfarinoM 2 Replies Last reply Reply Quote 0
          • R Offline
            rvdgeer @Jopyth
            last edited by

            @Jopyth I have found something that’s exactly that:
            A ghost, doing scary stuff, fading in and out on a black background and that stays mostly within an invisible portrait frame…

            Unfortunately it’s not free, so I can’t share it…
            But if we have some sort of video player we can use, I would certainly love to try to get it to work…
            I tried MMM-Podcast, but realised it needs a button, wired to the Pi and I don’t have nor want that…

            1 Reply Last reply Reply Quote 0
            • J Offline
              Jopyth Moderator
              last edited by

              Well we would need to change MMM-Podcast, to basically play the video always and then maybe show/hide this with MMM-Module-Scheduler.

              Still a custom module might be better here, since we do not want to waste resources, by playing a hidden video all the time, maybe I have time to put something together this weekend.

              Helpful sticky: How to troubleshoot

              R 1 Reply Last reply Reply Quote 0
              • R Offline
                rvdgeer @Jopyth
                last edited by rvdgeer

                @Jopyth How about the helloworld module just to add the needed html tags to display video?
                (Obviously just for testing purposes…)

                J 1 Reply Last reply Reply Quote 0
                • MitchfarinoM Offline
                  Mitchfarino Module Developer @Jopyth
                  last edited by

                  @Jopyth www.reddit.com/r/HighQualityGifs

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

                    Link it up with a PIR sensor with some bluetooth speakers and you could give someone a nasty fright!!

                    1 Reply Last reply Reply Quote 0
                    • J Offline
                      Jopyth Moderator @rvdgeer
                      last edited by Jopyth

                      @rvdgeer Good idea.

                      If anyone wants to see how this looks (with a gif it is pretty simple):

                      		{
                      			module: "helloworld",
                      			position: "fullscreen_below",
                      			config: {
                      				text: "<img src='https://thumbs.gfycat.com/DiscreteDenseCockroach-size_restricted.gif' alt='GIF test' style='position:absolute; top:100%; left:50%; transform: translate(-50%, -100%); width:100%;'>"
                      			}
                      		},
                      

                      Helpful sticky: How to troubleshoot

                      R 1 Reply Last reply Reply Quote -1
                      • R Offline
                        rvdgeer @Jopyth
                        last edited by paviro

                        I did sudo apt-get install omxplayer and included a video using <video> tags in the helloworld module.
                        It works great!


                        Note from admin: Please use Markdown on code snippets for easier reading!

                        R 1 Reply Last reply Reply Quote 1
                        • R Offline
                          rvdgeer @rvdgeer
                          last edited by rvdgeer

                          Note from admin: Please use Markdown on code snippets for easier reading!

                          Markdown is not available from my Android smartphone. I don’t have the correct character available…
                          And it’s a little too much to ask, to look-up the character on the web, so I can copy it…

                          J BKeyportB 2 Replies Last reply Reply Quote 1
                          • J Offline
                            jtyle6 @rvdgeer
                            last edited by jtyle6

                            @rvdgeer said in Halloween mirror ghouls anyone?:

                            Note from admin: Please use Markdown on code snippets for easier reading!

                            Markdown is not available from my Android smartphone. I don’t have the correct character available…
                            And it’s a little too much to ask, to look-up the character on the web, so I can copy it…

                            Markdown forms an Android phone
                            
                            1 Reply Last reply Reply Quote 0
                            • MitchfarinoM Offline
                              Mitchfarino Module Developer @Jopyth
                              last edited by

                              @Jopyth Have you had any luck with this mate?

                              I haven’t looked at it for a while, have had a few things going on so haven’t had chance

                              J 1 Reply Last reply Reply Quote 0
                              • J Offline
                                Jopyth Moderator @Mitchfarino
                                last edited by

                                @Mitchfarino did not have the time for it. I will see if I get to it, when I get back from vacation in one week.

                                Helpful sticky: How to troubleshoot

                                1 Reply Last reply Reply Quote 0
                                • bheplerB Offline
                                  bhepler Module Developer
                                  last edited by bhepler

                                  I experimented with this a bit yesterday. Thanks to @rvdgeer for the hint and @Jopyth for the initial code to start.

                                  I ripped a YouTube video to disk and uploaded it to my Pi, putting it in the vendor folder. Adding this to my config.js was surprisingly effective (the rotate 90 is due to the video being designed to be projected on a window):

                                  {     module: "helloworld",
                                        position: "fullscreen_below",  
                                        config: {
                                                  text: "<video src='vendor/halloween.mp4' autoplay loop style='transform:rotate(90deg); position:absolute; top:50%;left:30%; height:50%'></video>"
                                                 }
                                   },
                                  MitchfarinoM 2 Replies Last reply Reply Quote 1
                                  • MitchfarinoM Offline
                                    Mitchfarino Module Developer @bhepler
                                    last edited by Mitchfarino

                                    @bhepler What video did you use? Sorry I missed the link

                                    How did you rip it from YouTube?

                                    yawnsY 1 Reply Last reply Reply Quote 0
                                    • yawnsY Offline
                                      yawns Moderator @Mitchfarino
                                      last edited by

                                      @Mitchfarino
                                      check your chat ;)

                                      MitchfarinoM 1 Reply Last reply Reply Quote 0
                                      • MitchfarinoM Offline
                                        Mitchfarino Module Developer @yawns
                                        last edited by

                                        @yawns Awesome, thank you!

                                        1 Reply Last reply Reply Quote 0
                                        • MitchfarinoM Offline
                                          Mitchfarino Module Developer @bhepler
                                          last edited by

                                          @bhepler Is there a way to loop through a number of videos, rather than just the one on repeat?

                                          bheplerB 1 Reply Last reply Reply Quote 0
                                          • bheplerB Offline
                                            bhepler Module Developer @Mitchfarino
                                            last edited by

                                            @Mitchfarino Presumably you can inject some scripting to define an array of video files and then call a function to play the next file in the array. If you call that function from the onended() event in the VIDEO tag you should be able to get 90% of the way there.

                                            MitchfarinoM 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
                                            • 1 / 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