@BD0G don’t modify the css file

the system design is that css/custom.css will allow you to override any setting set by a module or the main.css file

so you put those entries in custom.css

all this no editing means the author can release updates and nothing u did is impacted

Gotcha!

the system design is that css/custom.css will allow you to override any setting set by a module or the main.css file

so you put those entries in custom.css

all this no editing means the author can release updates and nothing u did is impacted

.MMM-EasyBack .photo {
  width: 100%;               /* size the picture */
}

.MMM-EasyBack #video {
  width: 50%;
  height: 50%;
}

.MMM-EasyBack .iframe {
  margin-top: 50px;
        margin-bottom: 0px;
        margin-left: 50px;
        margin-right: 0px;
}

all config goes in the config.js

no idea on the youtube stuff, maybe its the default for a youtube search…

the author is not available currently.

I went into the MMM-EasyBack.js file and altered it to reflect the video HalloweenMM.mp4 rather than within the config.js file. I also removedt the hard coded Youtube ID that was in the MMM-EasyBack.js file.

Now it plays the Halloween file , but I cannot control the sizing of the video and it takes up just about the entire screen.

Module.register("MMM-EasyBack", {

    defaults: {
        bgName: "",         // .jpg, .gif, .png, Full screen animated gifs too!
        videoName: "HalloweenMM.mp4",     // your local picture files go in "images" folder of MMM-EasyBack
        youTubeID: "",      // YouTube ID from the YouTube url
        height: "800px",   // your display's resolution in pixels. Enter in config.js
        width: "600px",    // your display's resolution in pixels. Enter in config.js
        animationSpeed: "0",
        updateInterval: 60 * 60 * 1000,
    },

see if there are any errors (usually red text)

case matters

Here are my config.js entries for the module.

{
    module: 'MMM-EasyBack',
    position: 'middle_center',
    config: {
       // bgName: "Example.jpg",   // "Example.jpg", the file name of your background image (case sensitive)
        videoName: "HalloweenMM.mp4",       // "baboon.mp4",         // file name of your local video
        height: "1920px",    // your display's resolution in pixels. Enter in config.js
        width: "1080px",     // your display's resolution in pixels. Enter in config.js
    }
},

I completely removed the section about Youtube ID , etc . When I launch the MM interface it contunually comes up with the YouTube Video by David Snow found here https://www.youtube.com/watch?v=So3vH9FY2H4

There is no reference that I can find to that video at all.

The YouTube ID that is referenced by this video is the same one that was in the original configuration file.

Nice!!! I’ll give it a try. It’s nice that I can define width and height!!! Thanks!!

You’re welcome, mate. If you are still wanting to create your own module, feel free to take whatever you find useful from the module and use it in your own.

@Bruno said in Halloween mirror ghouls anyone?:

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.

If you are trying to make a module that plays local videos or if you’re just looking for a module that plays local videos then have a look at this module

https://github.com/mykle1/MMM-EasyBack

I just downloaded your example video and it works perfectly well with this module, locally.

Nice!!! I’ll give it a try. It’s nice that I can define width and height!!! Thanks!!

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.

If you are trying to make a module that plays local videos or if you’re just looking for a module that plays local videos then have a look at this module

https://github.com/mykle1/MMM-EasyBack

I just downloaded your example video and it works perfectly well with this module, locally.

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

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

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

So:

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

   {
   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?

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