Skip to main content

Images and video

Every file you add to the canvas lives in the media library: the Media Library tab on the left. The header shows how much is used (limit: 200 files) and has a search by name.

Media library

Add to the canvas​

Hover a card and click +. The component appears in the center of the canvas. The pencil renames the file and the trash can deletes it. If the file is already used on the canvas, the editor offers to delete it together with those components.

Upload a file​

  1. Click Upload.
  2. Drop a file into the window, paste it from the clipboard (Ctrl+V) or click to choose one.
  3. Optionally turn on Remove background and set a name.
  4. Click Upload.

Supported formats: images JPG, PNG, GIF, WebP; video MP4, WebM, MOV. File size up to 10 MB.

tip

Use PNG or WebP for a transparent background. For short animations pick GIF or video under 30 seconds: they load faster in OBS.

The By link button takes a direct https link to an image (PNG, JPEG, GIF, WebP, AVIF). The server downloads it once and saves it to the library as a regular file with the same limits (10 MB, 200 files). The link itself is not stored, so if the image is replaced at the source, yours stays the same. Video and audio cannot be added by link.

Add by link

Video, GIF and YouTube​

  • A GIF plays as an animation.
  • A video has Volume, Loop video and Hide after playback in the properties panel. Sound is off by default.
  • A YouTube video is added with the Add YouTube button in the toolbar (a regular link, youtu.be, embed or Shorts; a ?t= timestamp is respected). Its properties offer play, pause, volume, mute, loop and hide after it ends. Live streams, age-restricted videos and videos with embedding disabled are not supported.

Stream as a background​

To place components over the real picture, click Capture screenshot (one frame) or Start live stream (a live picture) in the toolbar. The frame comes from your channel's Twitch preview, so the buttons work while you are live; otherwise the editor says the stream is offline. This is only a backdrop for the editor: it never reaches the media library or OBS.