Halloween mirror ghouls anyone?

bhepler

@Mitchfarino StackExchange had a pretty good start.

Based upon the fact that the text value includes the HTML tag

strawberry 3.141

@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

bhepler

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

strawberry 3.141

@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);

frog

This post is deleted!

frog

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?

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>”
      }

frog

@bhepler yup, that dit it. Thanks!

nuckinfutz

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.

makersworkbench

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