vMix Forums
»
General
»
General Discussion
»
Website Transparency not Working in vMix but does in OBS
Rank: Newbie
Groups: Registered
Joined: 8/21/2022(UTC) Posts: 1
|
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
|
|
|
|
Rank: Advanced Member
Groups: Registered
Joined: 2/23/2019(UTC) Posts: 135 Thanks: 16 times Was thanked: 28 time(s) in 25 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;
}
|
|
|
|
vMix Forums
»
General
»
General Discussion
»
Website Transparency not Working in vMix but does in OBS
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.
Important Information:
The vMix Forums uses cookies. By continuing to browse this site, you are agreeing to our use of cookies.
More Details
Close