Halloween mirror ghouls anyone?

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