• 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.

Halloween mirror ghouls anyone?

Scheduled Pinned Locked Moved General Discussion
56 Posts 18 Posters 52.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.
  • M Offline
    Mitchfarino Module Developer @bhepler
    last edited by Oct 17, 2016, 9:32 PM

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

    B 1 Reply Last reply Oct 18, 2016, 3:04 PM Reply Quote 0
    • B Offline
      bhepler Module Developer @Mitchfarino
      last edited by Oct 18, 2016, 3:04 PM

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

      M 1 Reply Last reply Oct 27, 2016, 9:41 PM Reply Quote 0
      • M Offline
        Mitchfarino Module Developer @bhepler
        last edited by Oct 27, 2016, 9:41 PM

        @bhepler Any idea how to do that?

        B 1 Reply Last reply Oct 28, 2016, 2:27 AM Reply Quote 0
        • B Offline
          bhepler Module Developer @Mitchfarino
          last edited by Oct 28, 2016, 2:27 AM

          @Mitchfarino StackExchange had a pretty good start.

          Based upon the fact that the text value includes the HTML tag , you can probably put another tag in there to handle your script. Probably. I haven’t tried it. You may end up making some fancy character escaping in order to get it to work properly, but it should be possible. If I get the chance I’ll play with it.

          S 1 Reply Last reply Oct 28, 2016, 6:30 AM Reply Quote 0
          • S Offline
            strawberry 3.141 Project Sponsor Module Developer @bhepler
            last edited by strawberry 3.141 Oct 28, 2016, 6:32 AM Oct 28, 2016, 6:30 AM

            @bhepler the problem is to get the script tag evaluated, when it gets inserted as text, i have a script that is working, but still stuck on the evaluation. It’s probably easier to just create a new module, than finding another hacky workaround

            Please create a github issue if you need help, so I can keep track

            B 1 Reply Last reply Oct 28, 2016, 11:35 AM Reply Quote 0
            • B Offline
              bhepler Module Developer @strawberry 3.141
              last edited by Oct 28, 2016, 11:35 AM

              @strawberry-3.141 You’re going to turn me into a Javascript developer with crazy talk like that.

              S 1 Reply Last reply Oct 28, 2016, 11:59 AM Reply Quote 0
              • S Offline
                strawberry 3.141 Project Sponsor Module Developer @bhepler
                last edited by strawberry 3.141 Oct 28, 2016, 12:01 PM Oct 28, 2016, 11:59 AM

                @bhepler that’s what i currently come up with

                {
                    module: "helloworld",
                    position: "fullscreen_below",
                    config: {
                        text: "<video id='halloween_player'></video><script>console.log('init'); var halloween_videos = ['http://techslides.com/demos/sample-videos/small.mp4', 'http://vo.fod4.com/v/9727363b6d/v1280-q2.mp4']; var halloween_index = 0; function playHalloweenVideos(){ console.log('play'); if(halloween_index >= halloween_videos.length){ halloween_index = 0; } var player = document.getElementById('halloween_player'); player.src = halloween_videos[halloween_index++]; player.addEventListener('ended', playHalloweenVideos); player.play(); } playHalloweenVideos();</script><img src='test.png' onload='console.log(\"test\"); eval(document.getElementById(\"halloween_player\").nextSibling.innerHTML); document.removeChild(this);'"
                    }
                }
                

                but i’m not able to eval in my fake img tag, however if you enter this command in the electron console it works

                eval(document.getElementById("halloween_player").nextSibling.innerHTML);
                

                Please create a github issue if you need help, so I can keep track

                1 Reply Last reply Reply Quote 0
                • F Offline
                  frog
                  last edited by frog Nov 8, 2016, 8:31 PM Nov 8, 2016, 8:30 PM

                  This post is deleted!
                  1 Reply Last reply Reply Quote 0
                  • F Offline
                    frog
                    last edited by frog Nov 8, 2016, 8:38 PM Nov 8, 2016, 8:37 PM

                    I’m trying to loop a video using the following:

                       {
                       module: ‘helloworld’,
                       position: ‘fullscreen_below’,
                       config: {
                          text: “<video src=‘vendor/skelloop.mp4’ autoplay loop; position:absolute; top:100%;left:50%; height:200%’></video>”
                          }
                       },
                    

                    but it just stops after the first run. I’m using the OMXplayer which I would have thought would have taken the loop parameter - but it seems it doesn’t. Anyone have an idea how I can fix this?

                    B 1 Reply Last reply Nov 9, 2016, 2:36 AM Reply Quote 0
                    • B Offline
                      bhepler Module Developer @frog
                      last edited by bhepler Nov 9, 2016, 2:39 AM Nov 9, 2016, 2:36 AM

                      @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 Nov 9, 2016, 3:05 AM Reply Quote 2
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 4 / 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