Browser

A Browser source lets you embed any URL as a layer — stream overlays, alert pages, custom widgets, and interactive web content.

DualStream uses a modern Chromium-based engine. If you're building custom overlays, test in Chrome or Edge for the most accurate preview.

Add a Browser Layer

1. Click the Browser button in the Toolbar at the bottom of the viewport.
2. Enter the URL in the inline configuration form.
3. The browser layer appears on your canvas.

Browser Interaction

Browser layers support full interactivity — click links, fill forms, scroll, and navigate without leaving DualStream.

To enable interaction:

1. Select the Browser layer.
2. Click the mouse pointer icon in the toolbar above the layer.

While interaction mode is active, transform controls (resize, move) are temporarily disabled. Toggle it off to reposition the layer.

Audio Track

If your browser source produces audio (alerts, music players, etc.):

1. Select the Browser layer.
2. In the Inspector Panel, enable Add an audio track for the source.
3. Toggle CUE to monitor the audio through your headphones.

Lock Size

Enable Lock Size to prevent the browser's internal resolution from changing when you resize the layer. Useful for pages that break at unexpected dimensions.

Inspecting with DevTools

Debug custom overlays using Chrome or Edge DevTools:

1. Open your browser and navigate to chrome://inspect#devices or edge://inspect/#devices.
2. Find the Browser source listed under Remote Targets.
3. Click Inspect to open a full DevTools window.

Live-edit CSS, check console logs, debug network requests — all while the source is running in DualStream.