Halloween mirror ghouls anyone?

Jopyth

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

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>"
               }
 },

Mitchfarino

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

How did you rip it from YouTube?

yawns

@Mitchfarino
check your chat ;)

Mitchfarino

@yawns Awesome, thank you!

Mitchfarino

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

bhepler

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

Mitchfarino

@bhepler Any idea how to do that?

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

Bruno

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

sdetweil

@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