Did you know that you can show your viewers the incoming messages from all platforms on your stream's feed with Restream Chat's embed option? This tutorial will use OBS Studio but any software that supports Browser Sources will work mostly the same way! 

🧐 How to embed Restream Chat on OBS

  1. To begin, you'll need to open Restream Chat.

  2. You will then locate your settings in the bottom right corner.

    Restream Chat Settings

  3. Select the "Embed in stream" section. From this page, you can edit many functions of the embedded chat, like the theme, message alignment, size, opacity, and more.

    Restream Chat Embed in Stream
  4. Once you've tuned the settings to your liking, click "COPY" next to the URL at the top.

    OBS Studio Sources Browser
  5. From OBS Studio (or similar software), click the "+" under Sources and select "Browser".

    OBS Studio, Sources
  6. Name the source something like "Restream Chat," and click OK.

    Restream Chat Source OBS
  7. Click on the URL box in the pop-up window and remove the current URL. Once the default URL is gone, paste the URL you copied earlier into the box, then click OK.

    OBS Source URL Restream Chat

    Every time you make a change in your Chat settings, select the Chat source and click refresh to get the updated look.

    OBS Refresh Restream Chat Source

    💡 Looking for a more advanced configuration? From this same section, you can also do CSS editing.

  8. You'll then see the chat on top of your stream in the OBS Preview window. You can adjust the size like you would with any normal source.

OBS Preview window Restream Chat

👉 Next steps

👍 Keep exploring


Would you like to learn some tricks from the community?

Join our Facebook Community and Twitter.

Can't find the right answer?

Contact the Restream Support team via our 24/7 Live Chat.

Did this answer your question?