Question / Help Translucent / Transparent browser source

[Jim Chim]

Dear all,

I am trying to broadcast a live stream with some information (text) formatted and dynamically updated via a webpage (browser source).

I tried overlaying the browser source onto the video source but it blocks the view of the video despite setting css for the browser source as "opacity: 0.1".

Any idea how I can couple the use of browser and video sources in OBS without having the browser source blocking the view of video source?

Any advice / directions to documentations is greatly appreciated!

Regards,
Jim

 

[Osiris]

Probably want to remove the background part from the default custom css.

 

[Jim Chim]

Hello Osiris,

Thank you! It's working!

For those of you who have similar issue - remember not just to remove the background property of the custom css in the browser source form from OBS - make sure the local file's (HTML) used in your browser source to contain no background (image, color or whatsoever) for this to work!

Please consider this thread closed.

Regards,
Jim

 

[DeveloperNeeded]

Jim, could you write the code you use for that?

 

[Exocyst]

OBS is naughty and enforces a background color when grabbing images hosted on Google Drive, but this Custom CSS gets the desired result:
body { background-color: rgba(0,0,0,0)!important }

It might do the trick for you as well.

 

[TheMadBros]

It doesnt work for me