Picture

Twitch

OBS

StreamerBot

Table of contents

  1. Description
  2. Setup
  3. Styles
    1. 1. Steam
    2. 2. Minecraft
    3. 3. Zelda Navi
    4. 4. Streamerbot
  4. Changelog

Description

A collection of different first word notifications to use for your OBS overlay.

Picture

Setup

  1. Go into Streamerbot and head to the tab Servers/Clients -> WebSocket Server and start the websocket server. Leave the adress at 127.0.0.1 and the port at 8080. Check Auto Start as well. You can set a password, but you don’t have to. If you do, make sure Enforce for All Requests stays unchecked.

    Picture

  2. Choose the notification style of your choice here.

  3. Copy the URL

    Picture

  4. Go into your OBS, create a browser source and paste the URL in there. Preferably set the resolution to your canvas size.

    Picture

    Picture

  5. Done 🥳

To have the notification in multiple scenes, don’t create an individual browser source in every scene, but instead create a new nested scene and put just a single browser source in there. Then place that scene into all your other scenes. This way you won’t have to create 20 browser sources for 20 scenes.

Styles

All styles are playing a notification sound.

You can add ?excludedaccounts=streamelements+tawmaebot+sery_bot at the end of the URL to not trigger for certain accounts. Each account is seperated by a + symbol.

1. Steam

Picture

https://tawmae.github.io/FirstWords/Steam.html

2. Minecraft

Picture

https://tawmae.github.io/FirstWords/Minecraft.html

3. Zelda Navi

Picture

https://tawmae.github.io/FirstWords/Zelda.html

4. Streamerbot

Picture

https://tawmae.github.io/FirstWords/Streamerbot.html

Changelog

Date Changes Version
December 01, 2024 Release 1.0.0