logo

Live Production Software Forums


Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error

2 Pages12>
Options
Go to last post Go to first unread
gazreyn  
#1 Posted : Tuesday, January 12, 2016 5:58:12 AM(UTC)
gazreyn

Rank: Advanced Member

Groups: Registered
Joined: 4/18/2014(UTC)
Posts: 55
Location: Birmingham, United Kingdom

Was thanked: 9 time(s) in 6 post(s)
I believe this requested before but it was phrased as HTTP input.

An input which allows you to add a web page as a source. Why is this useful? You could create a whole overlay system based as a webpage using HTML, CSS and Javascript. You'd then simply add the webpage as a source and control the overlays externally via another page using things like sockets etc. It would rapidly speed up overlay and graphic development. Web-based overlays are something that are increasing in popularity and saves the hassles of having to make the web page have a green background and then adding the source as a camera or desktop capture and then chroma keying. Anything that's not colored on a webpage would be transparent. If you want to see examples of how this works in other software check out XSplit or OBS. Both of these have examples of adding Webpage URLs (OBS requires a plugin - CLR Browser Plugin)
LAJDigital  
#2 Posted : Wednesday, January 13, 2016 11:05:24 AM(UTC)
LAJDigital

Rank: Member

Groups: Registered
Joined: 8/30/2014(UTC)
Posts: 27
Location: Brisbane

Thanks: 3 times
Was thanked: 5 time(s) in 4 post(s)
+1 to this.
gazreyn  
#3 Posted : Tuesday, January 26, 2016 7:44:37 AM(UTC)
gazreyn

Rank: Advanced Member

Groups: Registered
Joined: 4/18/2014(UTC)
Posts: 55
Location: Birmingham, United Kingdom

Was thanked: 9 time(s) in 6 post(s)
I know this sort of feature would be a big hit in the Esports/Gaming broadcast side of things
corporatejames  
#4 Posted : Tuesday, January 26, 2016 9:31:09 AM(UTC)
corporatejames

Rank: Advanced Member

Groups: Registered
Joined: 8/2/2015(UTC)
Posts: 364
Man
Australia
Location: Sydney

Thanks: 283 times
Was thanked: 76 time(s) in 62 post(s)
I would love this feature too. I'm in the middle of coding webpages with SQL database to display Team Lineups, Starting 5, Stats etc. As mention using green background but having what you suggested with transparency on all elements that don't have colour set would be great.

Also looking to feed data in flash so can have animated titles. But swf are already supported. Webpage is quick method to display dynamic data on screen visually with graphics that I can control through database and have as a desktop capture. But a Webpage Url would be perfect as a input.
stevespaw  
#5 Posted : Tuesday, January 26, 2016 10:21:41 AM(UTC)
stevespaw

Rank: Advanced Member

Groups: Registered
Joined: 3/12/2015(UTC)
Posts: 482
Man
Location: Kansas City, MO USA

Thanks: 151 times
Was thanked: 75 time(s) in 57 post(s)
You will have all this and more with CasparCG and vMix17 with NDI :-)
dodgepong  
#6 Posted : Tuesday, February 9, 2016 1:17:39 PM(UTC)
dodgepong

Rank: Advanced Member

Groups: Registered
Joined: 12/22/2012(UTC)
Posts: 40

Thanks: 3 times
I requested this before as a HTML5 Graphics input but yes, this is exactly what I would love.

stevespaw wrote:
You will have all this and more with CasparCG and vMix17 with NDI :-)

Did CasparCG add an HTML/Browser producer? Last I checked they didn't have one. And what does NDI have to do with it? The CasparCG setup just looks a lot more complicated than a simple Browser input, anyway.

There are a plethora of HTML5 graphics tools that are available for graphics to use in programs like OBS and Xsplit that simply can't be used in vMix, and it would be really, really nice to be able to. Flash is dying, let's stop using it.
stevespaw  
#7 Posted : Tuesday, February 9, 2016 4:05:15 PM(UTC)
stevespaw

Rank: Advanced Member

Groups: Registered
Joined: 3/12/2015(UTC)
Posts: 482
Man
Location: Kansas City, MO USA

Thanks: 151 times
Was thanked: 75 time(s) in 57 post(s)
dodgepong wrote:
I requested this before as a HTML5 Graphics input but yes, this is exactly what I would love.

stevespaw wrote:
You will have all this and more with CasparCG and vMix17 with NDI :-)

Did CasparCG add an HTML/Browser producer? Last I checked they didn't have one. And what does NDI have to do with it? The CasparCG setup just looks a lot more complicated than a simple Browser input, anyway.


Yes they have had an HTML producer for a while now adding to everything else you can do with CasparCG. NDI will be the connector with Alpha channel to vMix.
gazreyn  
#8 Posted : Wednesday, February 10, 2016 5:47:50 AM(UTC)
gazreyn

Rank: Advanced Member

Groups: Registered
Joined: 4/18/2014(UTC)
Posts: 55
Location: Birmingham, United Kingdom

Was thanked: 9 time(s) in 6 post(s)
NDI can also receive/send an Alpha channel? I mean surely the easiest solution would still be just to add native browser input support directly inside of VMix.
stevespaw  
#9 Posted : Wednesday, February 10, 2016 11:50:42 AM(UTC)
stevespaw

Rank: Advanced Member

Groups: Registered
Joined: 3/12/2015(UTC)
Posts: 482
Man
Location: Kansas City, MO USA

Thanks: 151 times
Was thanked: 75 time(s) in 57 post(s)
gazreyn wrote:
NDI can also receive/send an Alpha channel?


Yes, that is how all of these Graphics systems are going to be on board with vMix almost immediately. There is no reason why you can't use NewTek "LiveText".

Setting up Caspar CG for an HTML producer is very easy. You can use a multipurpose client like "Simple Video Playout" to get started.

Steve

gazreyn  
#10 Posted : Thursday, February 11, 2016 3:58:59 AM(UTC)
gazreyn

Rank: Advanced Member

Groups: Registered
Joined: 4/18/2014(UTC)
Posts: 55
Location: Birmingham, United Kingdom

Was thanked: 9 time(s) in 6 post(s)
I started looking in to NDI a bit more last night, it sounds awesome to be honest. I'll have to give it a whiz when vMix 17 is out. I have used Caspar CG in the past, mainly using Flash for the lower thirds but that got tedious and had too many restrictions.
stevespaw  
#11 Posted : Thursday, February 11, 2016 11:42:53 AM(UTC)
stevespaw

Rank: Advanced Member

Groups: Registered
Joined: 3/12/2015(UTC)
Posts: 482
Man
Location: Kansas City, MO USA

Thanks: 151 times
Was thanked: 75 time(s) in 57 post(s)
PhotoShop Animations in CasparCG

https://www.youtube.com/watch?v=_JRg6k9wPww
gazreyn  
#12 Posted : Friday, February 12, 2016 2:30:40 AM(UTC)
gazreyn

Rank: Advanced Member

Groups: Registered
Joined: 4/18/2014(UTC)
Posts: 55
Location: Birmingham, United Kingdom

Was thanked: 9 time(s) in 6 post(s)
So I guess the fact that this video was 3 years ago means this feature is now available in CasparCG?

The main reason I ask for browser input is I run a website that creates overlays for gamers which pulls in dynamic information from a website called Twitch.tv. The overlay needs to have its dimensions set to 1920x1080 but it'd be cool to be able to directly add them in to vMix.
stevespaw  
#13 Posted : Friday, February 12, 2016 12:42:34 PM(UTC)
stevespaw

Rank: Advanced Member

Groups: Registered
Joined: 3/12/2015(UTC)
Posts: 482
Man
Location: Kansas City, MO USA

Thanks: 151 times
Was thanked: 75 time(s) in 57 post(s)
gazreyn wrote:
So I guess the fact that this video was 3 years ago means this feature is now available in CasparCG?



It is in the beta 2.1 build.
Steve
gazreyn  
#14 Posted : Saturday, February 13, 2016 8:12:47 AM(UTC)
gazreyn

Rank: Advanced Member

Groups: Registered
Joined: 4/18/2014(UTC)
Posts: 55
Location: Birmingham, United Kingdom

Was thanked: 9 time(s) in 6 post(s)
Ah okay thanks, I'll take a look.

Also, I haven't really searched too much but regarding the HTML producer for CasparCG, is there a way to force the source to a certain resolution? So for example the page will get rendered as if it was open full screen on a 1920 x 1080 monitor but the output from Caspar wouldn't have to be 1080p
stevespaw  
#15 Posted : Saturday, February 13, 2016 12:59:26 PM(UTC)
stevespaw

Rank: Advanced Member

Groups: Registered
Joined: 3/12/2015(UTC)
Posts: 482
Man
Location: Kansas City, MO USA

Thanks: 151 times
Was thanked: 75 time(s) in 57 post(s)
I would ask in the forum Caspar Content

Latest builds are here : Latest CasparCG

New Configuation/Launcher (Put in the same folder as Caspar and use this to launch) CasparCG Frontend

Universal Client (includes HTML player) Caspar Media Playback

Official Downloads and current NewTek driver Downloads

I hope this helps get people started.
Steve

dodgepong  
#16 Posted : Saturday, March 12, 2016 5:50:09 PM(UTC)
dodgepong

Rank: Advanced Member

Groups: Registered
Joined: 12/22/2012(UTC)
Posts: 40

Thanks: 3 times
While I appreciate that there is a workaround using CasparCG, there is simply no comparing to the raw convenience and ease-of-use of having a built-in input for rendering HTML/CSS/Javascript as a graphical overlay. Many existing video production tools have such inputs available to them (such as OBS and Xsplit), and a huge number of users of those programs depends so heavily on tools like TwitchAlerts or NodeCG for graphics that they take Browser input as a baseline fundamental requirement.

I think there is more than enough justification for adding Browser input as an input source in vMix proper.
admin  
#17 Posted : Sunday, March 13, 2016 11:16:21 AM(UTC)
admin

Rank: Administration

Groups: Administrators
Joined: 1/13/2010(UTC)
Posts: 5,208
Man
Location: Gold Coast, Australia

Was thanked: 4288 time(s) in 1520 post(s)
Good news! Web browser support will make it into vMix 17!
It uses CEF (Google Chrome) so it should all work the same as OBS including transparent background support.

You will also be able to use the mouse to control the web page directly in the input (or when in preview and output)
which should work great for users wishing to show web pages during their show.

The only caveat is there is no way to get the sound from the browser into vMix directly as users of OBS know.
We can only hope they update CEF to allow this in the future, or users will have to go the route of capturing the desktop audio separately.

Regards,

Martin
vMix
thanks 2 users thanked admin for this useful post.
tnorrell on 3/13/2016(UTC), corporatejames on 3/14/2016(UTC)
tnorrell  
#18 Posted : Sunday, March 13, 2016 1:16:28 PM(UTC)
tnorrell

Rank: Advanced Member

Groups: Registered
Joined: 12/6/2014(UTC)
Posts: 62
Location: Texas, US

Thanks: 21 times
Was thanked: 13 time(s) in 10 post(s)
WOW! AMAZING!

Thanks again for making such an amazing set of products.
dodgepong  
#19 Posted : Sunday, March 13, 2016 1:19:54 PM(UTC)
dodgepong

Rank: Advanced Member

Groups: Registered
Joined: 12/22/2012(UTC)
Posts: 40

Thanks: 3 times
That's great news, thanks!

So regarding the audio, are you saying that if the user captures their desktop audio, they will be able to hear the sounds from the Browser input (mixed with the rest of their desktop audio)?
corporatejames  
#20 Posted : Monday, March 14, 2016 6:39:21 PM(UTC)
corporatejames

Rank: Advanced Member

Groups: Registered
Joined: 8/2/2015(UTC)
Posts: 364
Man
Australia
Location: Sydney

Thanks: 283 times
Was thanked: 76 time(s) in 62 post(s)
admin wrote:
Good news! Web browser support will make it into vMix 17!
It uses CEF (Google Chrome) so it should all work the same as OBS including transparent background support.

You will also be able to use the mouse to control the web page directly in the input (or when in preview and output)
which should work great for users wishing to show web pages during their show.

The only caveat is there is no way to get the sound from the browser into vMix directly as users of OBS know.
We can only hope they update CEF to allow this in the future, or users will have to go the route of capturing the desktop audio separately.

Regards,

Martin
vMix



Great work Martin


Users browsing this topic
Guest (2)
2 Pages12>
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.