Image Picker for OBS

Have you ever been mid-stream and wanted to show an image on stream without having to deal with creating sources, fumbling with urls? Me too, so I made this.

Image Picker for OBS lets you easily grab any image from a webpage and add it to your OBS scene as a browser source. This means no copy-pasting, no file downloads, no hassle.

Here is how it works:

• Click the extension icon and press "Pick Image"
• Images show a highlight as you hover over them
• Click on the one you want to display on OBS and it immediately lands there.
• Want another image? Just pick a new one, it automatically adds it

Setup takes about 30 seconds: You'll need OBS 28 or newer (it has the websocket server built in). Turn on the WebSocket server in OBS under Tools → WebSocket Server Settings, then open the extension settings (Left-Click on the Extension → Cog-Symbol) and put in your connection details. Feel free to use the test button to check if the connection is working.

What you can configure:

• OBS host, port, and password
• Which scene to add the image to (or the active scene)
• Custom source name
• Output dimensions and whether it should scale to fit the image

This extension is lightweight, does one thing, and does it well. If you think this is useful and you want to support development, I'd really appreciate a coffee: https://ko-fi.com/ceddini