Connect to your streaming software
One browser source in whatever you already stream with. No plugin to install.
OBS Studio
Free, open-source — the most popular streaming software for PC.
1
Pick your languages
Sign in at /control and pick what you speak and what viewers see.
2
Copy your overlay URL
Click Generate Browser Source URL and copy it.
streamtranslate.live/overlay?room=...3
Add a Browser Source
In OBS, click + in the Sources panel and pick Browser.
Sources → + → Browser4
Paste, size, CSS
Paste the URL, set 1920 × 1080, drop this in Custom CSS:
body { background-color: rgba(0,0,0,0) !important; }5
Top of the list, Go Live
Drag it to the top, hit Go Live, click Allow when your browser asks for the mic.
▣
1920 × 1080, always.
Full 1080p so subtitles line up with your canvas.
◻
Transparent background.
Skip the CSS and you get a black box.
↑
Top of the source list.
Below your game or cam = hidden behind them.
Streamlabs Desktop
All-in-one streaming app with built-in alerts and overlays.
1
Languages + URL
On the dashboard, pick your languages and copy the overlay URL.
streamtranslate.live/overlay?room=...2
Add a Browser Source
In your Sources panel, click + and pick Browser Source.
Sources → + → Browser Source3
Configure it
Paste the URL, set 1920 × 1080, add the CSS:
body { background-color: rgba(0,0,0,0) !important; }4
Top of the list, Go Live
Drag it above your game, cam and alerts. Go Live, then Allow the mic.
▣
1920 × 1080, always.
Full 1080p so subtitles line up with your canvas.
◻
Transparent background.
Skip the CSS and you get a black box.
↑
Top of the source list.
Below your game or cam = hidden behind them.
Meld Studio
Free modern streaming app with multistreaming and effects. OBS-style setup.
1
Languages + URL
On the dashboard, pick your languages and copy the overlay URL — same format as OBS.
streamtranslate.live/overlay?room=...2
Add a Browser Source
Click + in the Sources panel, pick Browser Source, paste the URL.
Sources → + → Browser Source3
Size + transparency
Set 1920 × 1080 and add the CSS:
body { background: transparent !important; }4
Top of the stack, Go Live
Drag it to the top, resize to fill the canvas, Go Live, Allow the mic.
▣
1920 × 1080, always.
Full 1080p so subtitles line up with your canvas.
◻
Transparent background.
Skip the CSS and you get a black box.
↑
Top of the source stack.
Below your game or cam = hidden behind them.
StreamElements (SE.Live)
SE.Live is a plugin inside OBS — StreamTranslate runs alongside your SE overlays.
1
Languages + URL
On the dashboard, pick your languages and copy the overlay URL.
streamtranslate.live/overlay?room=...2
Add it in OBS
SE runs inside OBS — add StreamTranslate as a normal Browser Source, independent of SE.Live.
OBS → Sources → + → Browser3
Configure it
Paste the URL, set 1920 × 1080, add the CSS:
body { background-color: rgba(0,0,0,0) !important; }4
Above SE, Go Live
Drag it above your SE.Live overlays, Go Live, Allow the mic.
▣
1920 × 1080, always.
Full 1080p so subtitles line up with your canvas.
◻
Transparent background.
Skip the CSS and you get a black box.
↑
Above your SE overlays.
Below SE.Live = your overlays cover the subtitles.
XSplit Broadcaster
Windows streaming and recording software with full browser-source support.
1
Languages + URL
On the dashboard, pick your languages and copy the overlay URL.
streamtranslate.live/overlay?room=...2
Add a Webpage source
Paste the URL as a webpage source.
Add Source → Text & more → Webpage URL3
Set the size
Set 1920 × 1080. XSplit keeps webpage backgrounds transparent on its own — no CSS needed.
4
Top of the scene, Go Live
Drag it above your game and cam, Go Live, Allow the mic.
▣
1920 × 1080, always.
Full 1080p so subtitles line up with your canvas.
◻
Transparent by default.
XSplit handles webpage transparency automatically.
↑
Top of the scene.
Below your game or cam = hidden behind them.
Twitch Studio / YouTube Live Studio
The built-in studio apps — add StreamTranslate as a browser-source layer.
1
Languages + URL
On the dashboard, pick your languages and copy the overlay URL.
streamtranslate.live/overlay?room=...2
Open the scene editor
Click Edit Scene on your current scene.
Studio app → Edit Scene3
Add a Browser Source layer
Paste the URL, set 1920 × 1080.
Add Layer → Browser Source4
Top, Done, Go Live
Drag the layer to the top, click Done, Go Live, Allow the mic.
▣
1920 × 1080, always.
Full 1080p so subtitles line up with your canvas.
◻
Browser source layer.
Added inside the scene editor — nothing to install.
↑
Top of the layer list.
Below your game or cam = hidden behind them.
StreamTranslateOpen Dashboard