Control OBS via WebSocket

nagungaming · October 11, 2024, 12:30pm

Hello WizeBot Team,

I am using WizeBot in combination with OBS and working on an integration where I want to dynamically activate and deactivate scenes, sources, and filters. Unfortunately, I have encountered some technical limitations that I would like to address.

I noticed that the WebSocket connection used for the browser sources currently only supports version 4.x. This is an issue for me because I would like to use many of the new features available in the WebSocket API version 5 for more fine-grained control of scenes, sources, and filters.

Therefore, my question is: Are there any plans to upgrade the WebSocket version to the current 5.x to support these functions? Or is there an alternative way to activate and deactivate sources and filters in OBS using WizeBot? I tried the OBS Browser connectivity but with this im only able to switch scenes

I would be very grateful for any help or information on how I can achieve this goal.

Thank you in advance!

Best regards,
Sven

nagungaming · October 11, 2024, 12:32pm

And if i try to work with WebSocket 4 protocol i got this error:

Error: Invalid ‘X-Frame-Options’ header encountered when loading ‘https :// wg. wizebot. tv/’: ‘*’ is not a recognized directive. The header will be ignored.

Dere011 · October 20, 2024, 12:29am

Hello,
So, the WebSocket version of the “browser” has nothing to do with the page, the widget.

If you have a limitation, an inferior version, it’s the OBS “Browser” source plugin that causes the problem.

Have you tried using the JS functions available with the source browser?

github.com

obsproject/obs-browser/blob/master/README.md

# obs-browser

obs-browser introduces a cross-platform Browser Source, powered by CEF ([Chromium Embedded Framework](https://bitbucket.org/chromiumembedded/cef/src/master/README.md)), to OBS Studio. A Browser Source allows the user to integrate web-based overlays into their scenes, with complete access to modern web APIs.

Additionally, obs-browser enables Service Integration (linking third party services) and Browser Docks (webpages loaded into the interface itself) on all supported platforms, except for Wayland (Linux).

**This plugin is included by default** on official packages on Windows, macOS, the Ubuntu PPA and the official [Flatpak](https://flathub.org/apps/details/com.obsproject.Studio) (most Linux distributions).

## JS Bindings

obs-browser provides a global object that allows access to some OBS-specific functionality from JavaScript. This can be used to create an overlay that adapts dynamically to changes in OBS.

### TypeScript Type Definitions

If you're using TypeScript, type definitions for the obs-browser bindings are available through npm and yarn.

```sh
# npm
npm install --save-dev @types/obs-studio

This file has been truncated. show original

There’s not everything, but you can switch scenes based on the functions available.

system · November 4, 2024, 4:50pm

This topic was automatically closed 5 days after the last reply. New replies are no longer allowed.