Overlay on your stream (OBS)

Alpha (as of October 2026). Subject to change without notice.

1. Prepare your work

Make the work without a background. Anything you place on the canvas as a background image won't be transparent.

• Using the same aspect ratio as your stream (16:9, e.g. 1920 × 1080) makes positioning easy.
• Place characters near the edges and effects across the whole screen.

2. Use a file (recommended)

1. In ESKEES Studio, choose Export ▾ → Export for OBS (transparent HTML) and save name-obs.html.
2. In OBS, click “+” under Sources and choose Browser.
3. Tick Local file and choose the HTML you saved.
4. Set Width and Height to your stream size (e.g. 1920 and 1080).
5. To handle the work's audio in OBS, tick Control audio via OBS; it appears in the audio mixer.

The work is embedded in the HTML, so that one file is all you need while you're online (the engine loads from the ESKEES Player CDN).

3. Use a URL

If your work is already uploaded, put this in the Browser source URL:

https://showcase.eskees.com/overlay?src=(URL of your work)

• src is the URL of a .eskx / .emg. File URLs from eskees share and the official samples work as is. Files on your own server need CORS enabled.
• &fit=contain (fit inside; default) / cover (fill and crop) / stretch chooses how to match when the aspect ratios differ.
• Save data isn't kept (each stream starts fresh).
• If the work can't be opened, the reason appears in a red bar at the bottom left.

To try it: https://showcase.eskees.com/overlay?src=https://showcase.eskees.com/official/starter.eskx (an official sample; this one has a background).

Notes

• Mouse and keyboard input don't reach the work in an OBS Browser source (it's for display).
• If things are misplaced, check that the source's Width/Height match OBS Settings → Video → Base (Canvas) Resolution.
• If it isn't transparent, check that the work's canvas has no background image or colour placed on it.