Video Background in Control Pages (Challenge Accepted?)

Posted on
Tue Nov 24, 2015 12:50 pm
michaelu offline
Posts: 25
Joined: Feb 01, 2010

Video Background in Control Pages (Challenge Accepted?)

Indigoers-

I challenge thee to a challenge! (wait, i think thats right..)

I am looking for ingenious ways to allow a video to be playing as the background to a control page. (Holy Grail being live streaming video)
Now, before somebody jumps in with the 'What about refreshing URL' - That is OK for a JPG stream, but i'm talking about actual 30fps clean HD video.
Now, before you say it just can't be done I'm asking for work arounds, hacks, tricks, tips or any other ideas.

I've used combinations of apps like Mach4kDesktop which allows you to run video desktops with 'widgets' overlaid on them like a control page but there is no way to pull variables from indigo into that, or is there? I have also tried web browsers that feature 'makes backgrounds transparent' to no avail.

I LOVE Indigo and all of it's features but this one I can't seem to crack. I have a MacMini running a display and I want the indigo variables, images, text over a moving .mp4 or video streaming background.

I'm willing to try anything and I'm betting a few of you out there either WANT the same thing or maybe somebody has found a way to make it work!

Any takers?

-michael

Posted on
Tue Nov 24, 2015 1:03 pm
michaelu offline
Posts: 25
Joined: Feb 01, 2010

Re: Video Background in Control Pages (Challenge Accepted?)

Thought: I am trying to use Media Sign Pro for Mac as it will allow RSS feeds

Any thoughts as to how to schedule Variables to be put into an RSS feed?

Posted on
Tue Nov 24, 2015 3:13 pm
RogueProeliator offline
User avatar
Posts: 2501
Joined: Nov 13, 2012
Location: Baton Rouge, LA

Re: Video Background in Control Pages (Challenge Accepted?)

I'm willing to try anything

Like Android? :-)

Posted on
Tue Nov 24, 2015 3:33 pm
roussell offline
User avatar
Posts: 1108
Joined: Aug 18, 2008
Location: Alabama

Re: Video Background in Control Pages (Challenge Accepted?)

The first thing that comes to mind is an custom (outside of Indigo-hosted) web page that has the video as a background and updates any overlays via RESTful updates from Indigo.

Terry

Posted on
Tue Nov 24, 2015 6:23 pm
durosity offline
User avatar
Posts: 4320
Joined: May 10, 2012
Location: Newcastle Upon Tyne, Ye Ol' England.

Re: Video Background in Control Pages (Challenge Accepted?)

RogueProeliator wrote:
I'm willing to try anything

Like Android? :-)


That's an invalid option, ergo no they're not ;)


Sent from my iPad using Tapatalk

Computer says no.

Posted on
Wed Nov 25, 2015 6:24 am
DaveL17 offline
User avatar
Posts: 6742
Joined: Aug 20, 2013
Location: Chicago, IL, USA

Re: Video Background in Control Pages (Challenge Accepted?)

I agree with Terry. You could develop a page (or pages) outside of Indigo and call them using an external URL call. I've done this before (sans video) and it works well.

Dave

I came here to drink milk and kick ass....and I've just finished my milk.

[My Plugins] - [My Forums]

Posted on
Wed Nov 25, 2015 10:59 am
roussell offline
User avatar
Posts: 1108
Joined: Aug 18, 2008
Location: Alabama

Re: Video Background in Control Pages (Challenge Accepted?)

Here's a quick and (very) dirty example that overlays text onto of a streaming cam of Times Square. Save it as something.html and open it in Safari. It's a quick hack to show the possibilities; it should work in Safari but as written will probably fail in Chrome and FF (God only knows what would happen in Internet Explorer...)

Screen Shot 2015-11-25 at 10.56.49 AM.png
Screen Shot 2015-11-25 at 10.56.49 AM.png (443.53 KiB) Viewed 2764 times


Code: Select all

<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> Text Overlay </title>
  <style type='text/css'>
   #wrapper {
   position: relative;
   }
   
   #wrapper div, #wrapper video {
       position: absolute;
       top: 0;
   }

   #overlay{
      position: relative;
       left: 300;
       top: 280;
   }

   #overlay-content {
       position: absolute;
       font-family: arial;
       font-size: 16pt;
       color: red;
   }

  </style>
</head>

<body>
  <div id="wrapper">
    <video id="video" width="560" height="320" src="http://video2.earthcam.com:1935/fecnetwork/hdtimes11.flv/playlist.m3u8" type="application/vnd.apple.mpegurl" preload="auto" autoplay />
    </video>
    </div>

    <div id="overlay">
        <div id="overlay-content">Fancy Overlay Text</div>
           
    </div>
</body>
</html>


Terry

Page 1 of 1

Who is online

Users browsing this forum: No registered users and 3 guests