Roboflow + OBS
Run a Roboflow model on your OBS Studio output in the browser and switch scenes or move sources when it detects a gesture.
How to connect OBS to Roboflow
4 stepsDownload the controller
Download the roboflow-gesture-controller zip linked from our tutorial and open its roboflow.js file.
Enable the OBS WebSocket server
In OBS, open WebSocket Server Settings, enable the server and note the IP, port and password.
Add your connection and model details
Enter the ws://IP:PORT address and password in roboflow.js, along with your Roboflow publishable key, model ID and version.
Start the Virtual Camera
Click Start Virtual Camera in OBS, open index.html in Chrome and select OBS Virtual Camera as the camera.
What teams build with OBS
Switch scenes with a hand gesture
Change the live scene when the model sees a gesture, without touching the keyboard.
Move overlays based on what is on screen
Reposition a source when the model detects something in the frame.
Questions
The tutorial uses OBS's WebSocket server and Virtual Camera, configured in OBS's settings. It connects with the community obs-websocket-js library.
Yes. Replace the model ID and version in roboflow.js with your own and add your publishable key.
Why are companies choosing Roboflow?
The end-to-end platform for vision AI: create datasets, train models and deploy to production.
Flexible deployment modes
Move from a scalable cloud API to edge hardware like NVIDIA Jetson without managing complex dependencies.
Integrated workflow builder
Combine multiple AI models, custom business logic and third-party integrations into one production-ready pipeline in a low-code editor.
Model monitoring and alerts
Dashboards track confidence, inference time and request volume for your deployed models, and email alerts tell your team when confidence suddenly drops.
