Sorry it took so long to post the image. This is what I’m trying to do; however, the Black background of the black/white “Ghost” video, dims all of the modules even at alpha 100.

Any help would be appreciated,
Rich

Larger Video

Hey all,

I’m trying to find a better solution for a halloween “ghost overlay”. My current setup is activated by modifying the MMM-PIR-Sensor node_helper to exec(“omxplayer /Videos/Ghost.m4v” --alpha 100") when the screen is activated. This works… BUT… obviously dims the other modules since the video is on top. Any thoughts on how to better show a full-screen M4V without losing module brightness? Any successes with transparent backgrounds overlaid ON-TOP of videos?

Video of current setup attached.

Thanks ahead of time.
-Rich

@nagaculun

Try using @FredSWG fix above. The custom.css works great for me.

@Reotch2 So… I’m an idiot. The static link for SimpleLogo worked fantastic… AFTER… I mod’d the SetInterval function to have a “&” instead of the “?”. now the camera works perfectly. Put simply… use SimpleLogo… use the Foscam static link above to pull a JPEG… update the MMM-SimpleLogo.js Start Function as follows.

start: function() {
if (this.config.refreshInterval > 0) {
var self = this;
setInterval(function() {
img = document.querySelector(‘.simple-logo__container img’);
img.setAttribute(‘src’, self.config.fileUrl + ‘&’ + Date.now());
}, this.config.refreshInterval);
}
},

After purchasing a FOSCAM R2, I dug further into the forum and discovered it’s not supported by the IP-Cam module. Even though I’m unable to stream realtime video, I’ve discovered I can use a “Snap” static link to get a realtime JPEG.

http://ip address:port/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=admin&pwd=xxx

With a static link and interval updates, Simple-Logo is the perfect module for the job. Unfortunately, after the initial load, the SimpleLogo code returns a broken image link icon. After placing an “self.updateDom()” command in the start function section and removing the timestamp code, I’ve gotten the SimpleLogo code to work, but only when viewing it remotely through the (Remote) module. In other words, the picture updates at the appropriate interval on my phone. BUT, not on the mirror running MM through electron. On the mirror, the image is static and doesn’t update.

ANY help would be greatly appreciated. The modified SimpleLogo Start: Function() is below.

start: function() {
if (this.config.refreshInterval > 0) {
var self = this;
setInterval(function() {
var img = document.querySelector(‘.simple-logo__container’);
img.setAttribute(‘src’, this.config.fileUrl);
self.updateDom();
}, this.config.refreshInterval);

    }
},

Thanks ahead of time.