📄 Documentation: Smart Screen Recorder (Video + Audio)

1. Overview

Smart Screen Recorder is an OutSystems Reactive Web component that allows you to record your browser’s screen, including audio, with just a few clicks.
Users can choose to capture:

• Entire screen

• Specific application window

• Specific browser tab (with audio)

The recording is saved locally in WebM format 

2. Installation

1. Download & Install from Forge

   • Go to the OutSystems Forge.

   • Search for Smart Screen Recorder (Video + Audio).

   • Download and install it into your OutSystems environment.

2. Add the Block to Your Screen

   • Open your Reactive Web app in Service Studio.

   • Drag and drop the ScreenRecorder Block from the component into your desired screen.

3. Publish Your App

   • Click 1-Click Publish to deploy the app with the recording functionality.

3. Configuration

• Required Scripts: The recorder logic is already bundled with the component. No extra dependencies are required.

• Browser Permissions: Ensure the browser has permissions to capture the screen and microphone.

• Audio Capture: When choosing a tab for recording, enable the "Share Tab Audio" checkbox in the browser's share dialog.

4. Limitations

• Screen and audio recording requires user permission — there is no way to bypass the browser’s built-in security prompt.

• Audio capture is only available when recording a browser tab and enabling "Share Tab Audio".

• Does not currently support direct cloud uploads (local download only).

Browser Support

• Chrome, Edge, Firefox (desktop) — full support.

• Safari — limited / evolving support.

• Mobile browsers — not widely supported.

• Requires HTTPS or localhost.

⚠ Always inform users that recording is in progress and obtain consent before capturing their screen or audio.