Embedding #
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>
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 #
Click the
+
or right mouse click to add a new source. ChooseBrowser
from the list.For a new source, you will need to add the name. Type in “Chat”.
In the Browser Source settings, you will need to change the URL to your Owncast instance’s
/embed/chat
url.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; }
Click ‘OK’ to save your chat settings and re-position the new chat source in your scene.