Use your videos anywhere

Open beta

Stream UI Fun Studio is in open beta. If you find any bugs, please reach out at [email protected].

Each recipe below starts in the app and ends in the place you’ll use your video. Find yours, follow the steps, and you’re done.

You want to…	Save it as	Recipe
Play a video in OBS	WebM (Download)	OBS media source
Add it to TikTok LIVE Studio	WebM (Download)	TikTok LIVE Studio
Edit it into a video on your PC	MOV (Video editors)	Video editors
Edit it on your phone	MP4 on a green screen (Phone apps)	Phone apps
Post it in Discord	GIF (Discord)	Discord
Make a TikTok, Short or Reel	MP4 or MOV at 9:16	Vertical videos

Everything except Download is in More formats. If you’re not sure which format to pick, see Choose a format.

The app suggests saving every file in Videos\Stream UI Fun StudioMovies/Stream UI Fun StudioVideos/Stream UI Fun Studio, and you can pick another folder in the save window. Right after saving, Show in folder on the progress card opens the folder with your file selected.

About sound and other apps

WebM, MOV and MP4 videos include the element’s sound when one is picked for it. GIFs never have sound. See Sound in your video.

The steps inside other apps (OBS, TikTok LIVE Studio, CapCut, Premiere Pro…) can look a little different in your version. If a menu name doesn’t match, look for something similar.

OBS Studio: a video as a media source

For your live stream, Add to my stream is usually better: it adds the element to OBS for you, keeps it up to date, and can replay it on a timer. See Add to OBS Studio. A video file is handy when you just want a simple clip that loops, or plays when you show it.

1. In the editor, click Download and save the WebM.

2. In OBS, click + under Sources and choose Media Source. Give it a name and click OK.

3. Click Browse and pick your video. It’s in Videos\Stream UI Fun StudioMovies/Stream UI Fun StudioVideos/Stream UI Fun Studio unless you saved it somewhere else.

4. Choose how it plays, then click OK:

   • Tick Loop to play it again and again, with no pause between plays.
   • Or leave Loop off and tick Restart playback when source becomes active, so it plays each time you show the source (for example with a hotkey).

5. Drag the source where you want it on your scene.

If your video has sound, OBS also lists the media source in its audio mixer, where you can turn it up or down.

Play it on cue

A video never plays by itself when someone follows, subscribes or sends a gift. You decide when it plays: loop it, or show the source with a hotkey or a Stream Deck button when the moment comes. See Hotkeys and Stream Deck and How elements play.

TikTok LIVE Studio

TikTok LIVE Studio takes videos, so you add the element as a WebM with a see-through background.

1. In the editor, click Download and save the WebM.

2. In TikTok LIVE Studio, click Add source, choose Media (or Video) and pick the saved file.

3. Turn on looping if you want it to repeat, then move it into place.

Like any video, it won’t play by itself when someone follows or sends a gift: loop it, or show it when you want it.

The app shows the same steps in its TikTok LIVE Studio guide, with its own Download button (1).

More help, including how to open that guide: TikTok LIVE Studio.

Video editors on your PC (MOV)

MOV keeps the see-through background and works in desktop video editors like Premiere Pro, DaVinci Resolve and Final Cut. Using CapCut (phone or desktop)? Follow the Phone apps recipe instead.

1. In the editor, click More formats and choose Video editors.

2. Pick a Video size:

   • 16:9 1920×1080 if your project is 1920 × 1080. Then choose a Position (for example bottom left) and the clip already sits in the right spot.
   • Element if you’d rather move and resize it yourself in your editor.

3. Click Save video, then Save.

4. In your video editor, import the .mov file and put it on a track above your footage. Your footage shows through around the element.

• Big files are normal. MOV is made for editing quality.
• Black instead of see-through? Some editors need to be told to use the clip’s transparency (also called alpha). In DaVinci Resolve, for example, this is in the clip’s attributes. If your editor can’t show it, use a green-screen MP4 and its chroma key tool instead (see Phone apps; desktop editors work the same way).
• Final Cut Pro runs on a Mac. Copy the file to your Mac first.
• Sound: if the element has a sound picked, it comes in on the clip’s audio track.

Phone apps (MP4 green screen)

Most phone editors can’t read see-through videos. So you save an MP4 on a green background and let the app remove the green with its chroma key tool (it turns one color see-through).

1. In the editor, click More formats and choose Phone apps.

2. Pick a Video size: Element for just the element, or 9:16 1080×1920 for a tall video (see Vertical videos). With 9:16, also click a spot in the Position grid.

3. Leave Background on Green screen. If your element has green in it, pick Colour… and a color the element doesn’t use.

4. Click Save video, then Save.

5. Get the file onto your phone, for example with your cloud storage, a USB cable, or by sending it to yourself.

6. In your phone app, add the MP4 as an overlay on top of your clip. Select it and find the chroma key tool. In CapCut it’s usually under Remove BG or Cutout, then Chroma key.

7. Pick the green (or your color) with the color picker, then raise the strength until the background is gone.

Edges look green?

Raise the chroma key strength a little at a time. If parts of your element disappear too, go back to step 3 and choose a background color that’s far from the element’s colors.

Discord (GIF)

1. In the editor, click More formats and choose Discord.

2. Keep Video size on Element. It makes the smallest file.

3. Click Save video, then Save.

4. Click Show in folder on the progress card, then drag the .gif from File ExplorerFinderyour file manager into a Discord chat or channel.

The GIF loops forever and has no sound. Soft glows and shadows get hard edges, which is normal for GIFs.

Discord limits how big an upload can be, and the limit depends on your account. If Discord says the file is too big, save it again at Element size. If you use Advanced, keep Sharpness and Repeat at 1×.

Vertical videos for TikTok, Shorts and Reels

TikTok, YouTube Shorts and Instagram Reels use tall 9:16 videos, 1080 × 1920 pixels.

1. In the editor, click More formats and choose:

   • Phone apps (MP4 on a green screen) if you edit on your phone or in the TikTok, Instagram or CapCut editor.
   • Video editors (MOV, see-through) if you edit in Premiere Pro, DaVinci Resolve or another desktop editor.

2. Under Video size, pick 9:16 1080×1920.

3. Under Position, click where the element should go. The top or middle is safest: TikTok, Shorts and Reels put captions and buttons over the bottom and right side of the video.

4. Click Save video, then Save. Then follow the phone apps or video editors recipe to add it to your clip.

Here bottom middle is picked. For TikTok, Shorts and Reels, a spot in the top or middle row stays clearer of captions and buttons.

• The element keeps its size. A 1000-wide follow tag stays 1000 wide in the 1080-wide frame. Wide elements, like 1920-wide intros, shrink to fit.
• Want it bigger? Turn on Advanced in the editor. In More formats, set Sharpness to 2×: the element shows up to twice as big, but never bigger than the frame.
• Square posts: pick 1:1 1080×1080 instead.

Next steps

Choose a formatEvery option in More formats, explained.

Download a videoWhere your files go, and what to do if a download fails.

Pick your streaming appPut elements on your live stream in OBS, Streamlabs and more.

GlossaryMedia source, chroma key and other words explained.