https://github.com/cgsdev0/obs-responsive-browser

OBS script to make browser sources responsive
https://github.com/cgsdev0/obs-responsive-browser

obs obs-studio obs-studio-script

Last synced: 3 months ago
JSON representation

OBS script to make browser sources responsive

• Host: GitHub
• URL: https://github.com/cgsdev0/obs-responsive-browser
• Owner: cgsdev0
• License: mit
• Created: 2023-11-24T14:36:03.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-24T17:18:17.000Z (over 1 year ago)
• Last Synced: 2025-03-17T00:07:13.212Z (3 months ago)
• Topics: obs, obs-studio, obs-studio-script
• Language: Lua
• Homepage:
• Size: 11.7 KB
• Stars: 11
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# obs-responsive-browser

this is a script for OBS that allows you to create responsive browser sources (i.e. resizing the source in OBS resizes the window of the browser)

![resizer](https://github.com/cgsdev0/obs-responsive-browser/assets/4583705/3b907025-378e-4f06-82b5-73b9ef371fe8)

## tutorial

1. add a browser source

2. select it and press ctrl+E to edit transform

3. change the bounding box type to "Maximum size only"

![image](https://github.com/cgsdev0/obs-responsive-browser/assets/4583705/b2f0f3d7-7abe-4e80-89ad-01f673c36487)

that's it!

## caveats

* transitioning directly between scenes with differently sized bounding boxes causes a bit of jank ¯\\\_(ツ)\_/¯

* browser sources nested in groups will probably not work currently

* if using studio mode, this will not work unless you disable "Duplicate Scene"

![image](https://github.com/cgsdev0/obs-responsive-browser/assets/4583705/ea2fdd93-0de7-4c1a-b5b4-fae149b49316)