Embed

Embedding video #

Owncast supports embedding your video stream directly into any other web site or source without having to setup a player.

The video-only URL to your stream content lives at: http://your.host/embed/video.

Here’s some example HTML you can use.

<iframe
  src="http://your.host/embed/video"
  title="Owncast"
  height="350px" width="550px"
  referrerpolicy="origin"
  scrolling="no"
  allowfullscreen>
</iframe>
Embedding video was first supported in Owncast 0.0.2.

It will look something like:

Embedding chat #

Owncast supports embedding your chat directly into any other web site or source.

The chat-only URL lives at: http://your.host/embed/chat.

One common use is adding the chat into your live stream.

Using OBS #

  1. Click the + or right mouse click to add a new source. Choose Browser from the list.

  2. For a new source, you will need to add the name. Type in “Chat”.

  3. In the Browser Source settings, you will need to change the URL to your Owncast instance’s /embed/chat url.

  4. You can use the Custom CSS to tweak how the browser shows in your video. The following example will add some space around the box, give it a semi-transparent dark background; and increase the overall font size to a base unit of 24px. You may change any of these settings to fit your presentation layout. Note that the overall message text color is white.

    html {
      margin: 0px;
      padding: 20px;
      background-color: rgba(0,0,0,0.5);
      font-size: 24px;
    }

  5. Click ‘OK’ to save your chat settings and re-position the new chat source in your scene.

Embedding chat was first supported in Owncast 0.0.2.