logo

Live Production Software Forums


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

Notification

Icon
Error

Options
Go to last post Go to first unread
tanowalla  
#1 Posted : Sunday, August 21, 2022 3:11:57 PM(UTC)
tanowalla

Rank: Newbie

Groups: Registered
Joined: 8/21/2022(UTC)
Posts: 1
Argentina

Hi,

I am adding a website with transparency using the the add Web Browser Source but the background stays white. I have tried adding it as a layer to check the transparency but it takes it as a white background. In OBS I can import the website with transparency with no issues. Also, in vMix i see the scroll bars, both bottom and right side. vMix 2.png (55kb) downloaded 1 time(s). vMix 1.png (242kb) downloaded 2 time(s).

My workflow right know is:

1. Add website to OBS
2. Put a Chroma Key colour under the layer.
3. Output Full Screen
4. Capture Screen in vMix
5. Chroma Key the green color so i can have the website transparency.

Why is this happening?

Thanks
RichDanby  
#2 Posted : Thursday, August 25, 2022 9:21:43 PM(UTC)
RichDanby

Rank: Advanced Member

Groups: Registered
Joined: 2/23/2019(UTC)
Posts: 128
United Kingdom

Thanks: 14 times
Was thanked: 26 time(s) in 24 post(s)
OBS injects the following CSS into pages to make default backgrounds transparent.
Code:
body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }

This is what I have in CSS on web overlays and vMix shows them as transparent with no scrollbars.
Code:
html {
	margin:0;
	padding:0;
	overflow: hidden;
}
body {
	margin:0;
	padding:0;
	background-color: rgba(0, 0, 0, 0);
	overflow: hidden;
}

Users browsing this topic
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.