Add Transparent WebM Alerts to OBS Studio

Using transparent WebM video files as alerts is an excellent way to elevate the production value of your live streams. This guide provides a straightforward, step-by-step walkthrough on how to import, configure, and optimize transparent WebM files as alert overlays in OBS Studio, ensuring your custom stream alerts trigger seamlessly during your broadcasts.

Step 1: Add a Media Source to OBS

To display a local WebM video file in OBS Studio, you need to use a Media Source. 1. Open OBS Studio and navigate to the Scenes dock. Select the scene where you want the alert to appear. 2. Go to the Sources dock, click the + (Add) button at the bottom, and select Media Source. 3. Give the source a descriptive name (e.g., “Subscriber Alert Video”) and click OK.

Step 2: Configure the File Settings

Once the properties window opens, configure the settings to ensure the video plays correctly as an alert: 1. Keep the Local File box checked. 2. Click Browse, locate your transparent WebM file on your computer, and select it. 3. Uncheck “Loop”: Alerts should usually only play once per trigger. 4. Check “Restart playback when source becomes active”: This ensures that every time the alert is triggered (by toggling its visibility), it starts playing from the very beginning. 5. Check “Show nothing when playback ends”: This automatically hides the video once the alert finishes playing. 6. Click OK to save the settings.

Step 3: Position and Scale the Overlay

With the source added, you can now position it on your stream canvas: 1. Select the Media Source in your Sources list. 2. Click and drag the red bounding box in the preview window to resize and position the alert to your desired location. 3. To test the placement, toggle the eye icon next to the source off and on again in the Sources dock. This will trigger the WebM file to play from the start.

Integrating WebM Alerts with Stream Platforms

If you are using an alert management service like Streamlabs or StreamElements instead of manually triggering a local file: 1. Log into your alert platform dashboard. 2. Navigate to your Alert Box settings and select the specific alert category (e.g., Follows, Subs). 3. Under the media/image settings, upload your transparent WebM file. 4. Copy the unique Widget URL provided by the platform. 5. In OBS Studio, add a Browser Source instead of a Media Source, paste the Widget URL, and set the width and height to match your stream resolution (usually 1920x1080).