How to Add Alerts to OBS Without Covering the Stream

Browser Source is the normal path

OBS describes Browser Source as a web browser you can add directly to OBS. That is why so many alert systems give streamers a URL: OBS loads the page, renders the alert, and keeps it inside a scene.

The easy mistake is pasting the URL and calling it done. Width, height, placement, CSS, refresh behavior, and scene visibility all affect how the alert behaves live.

Placement before decoration

Place the alert where it will not cover faces, captions, minimaps, chat, or the main action. Only after that should you tune animation and style.

• Create a dedicated alert browser source.
• Use a consistent width and height.
• Test with a real alert message.
• Switch scenes and confirm refresh behavior.

The test alert is not enough

A test alert proves that the URL can render. It does not prove the alert works during a stream. Real alerts compete with game capture, camera, captions, music, chat overlays, and scene changes.

Before going live, trigger the alert while switching scenes and while audio is already playing. Then record it and watch it back at a small size. That catches the problems the OBS canvas hides.

• Test over the actual scene, not a blank canvas.
• Use long names and long messages.
• Check the audio mixer while the alert plays.
• Confirm scene changes do not replay or hide alerts unexpectedly.