Meld Studio

Meld Studio shows your elements with a Browser layer: a layer that displays a web page, here a small file the app keeps on your PC. You copy the file’s location from the app and paste it into Meld. It takes about a minute.

Meld Studio on Linux

Meld Studio runs on Windows and macOS only. On Linux, use OBS Studio: the app adds elements to it for you.

Note

Menu names in Meld Studio can differ slightly between versions. If a name doesn’t match exactly, look for the closest one.

Open the Meld guide in the app

Already picked Something else when you first opened Stream UI Fun Studio? Skip to step 3.

1. Click your channel name at the top right of the app. If you haven’t set up your channel yet, it says Set up your channel. The Your channel panel opens.

   

2. Scroll down to What do you stream with?, click Something else, then click Save. You only do this once: the app remembers it.

   

   OBS Studio is picked in this picture. Click Something else instead.

3. In Elements, click the element you want. It opens in the editor, where you can customize it first.

4. Click Add to my stream (1), at the bottom right of the editor.

   

5. The Add it to your stream window opens on Streamlabs Desktop, the first app in the list. That’s normal: it does this every time. In the list of apps on the left (1), click Meld Studio.

   

Use OBS Studio too?

OBS Studio stays at the top of the list. Its Set it up automatically button still adds elements to OBS for you.

Copy the path and note the size

The top of the guide shows The file for a browser source (Local file):

• Click Copy path (1). The button says Copied for a moment, and the path is ready to paste.
• Note the size (2), shown next to Show in folder, for example Size 1000 × 340. You’ll need it in Meld in a moment.

Each element has its own path and size. This one is YouTube Subscribe Bar.

Keep this window open while you work in Meld, so you can check the steps and the size.

Add it in Meld Studio

These are the app’s three steps, with a little more detail.

1. In Meld Studio, pick the scene you want the element in. Click + to add a layer and choose Browser.

2. Click in the layer’s URL field and press Ctrl + VCmd + V to paste the path you copied. The path ends in index.html.

3. Set the layer’s size to the size shown in the app (for example 1000 × 340), then place the layer where you want it on your scene.

The element plays once as soon as the layer loads, so you may just catch it sliding in and out. That’s a good sign: it works.

The file has everything the element needs, so Stream UI Fun Studio doesn’t have to be open while you stream. Open it when you want to change the element, and it updates the file for you.

Leave the file where it is

Don’t move, rename or delete the file or its folder. Meld reads the element from there, and the app updates it there when you make changes.

Full-screen elements

Elements that are 1920 × 1080, like YouTube Channel Intro and YouTube End Screen, cover the whole scene on a 1920 × 1080 canvas. Set the layer to 1920 × 1080.

How it plays in Meld

• It plays once each time the layer loads: when you add it, when Meld Studio starts, and when you reload the layer.
• Between plays, the layer is see-through. After the animation it disappears, so an “empty” layer is normal. Elements that stay on screen, like Socials Bar, animate in and then stay.
• There’s no repeat timer here. Play it again every and Play when the scene becomes visible are options of the automatic Add to OBS dialog, which only works with OBS Studio. The Meld guide doesn’t set them.
• Also added it to OBS with the app? Then OBS and Meld use the same file, so a Play it again every time you picked in Add to OBS repeats the element in Meld too. To keep them apart, add a copy to Meld instead. Make the copy before you add the element to OBS: a copy starts with the play settings of the element it’s made from.
• It doesn’t react to follows or subs. Free elements are animations you play on cue, not alerts. How elements play explains this in more detail.

To play it again, reload the browser layer. Look in the layer’s settings for a refresh or reload option.

Update it after you change something

You don’t need to copy the path again. When you change the element (or your channel name or picture), the app updates the file at the same path within a couple of seconds. Meld keeps showing the old version until the layer reloads:

1. Make your changes in the app’s editor.

2. In Meld Studio, reload the browser layer. If you can’t find a reload option in your version, restarting Meld reloads it.

3. The element plays again with your changes.

Caution

Reloading plays the element. If you reload while you’re live and the layer is in your live scene, your viewers see it play.

Want two versions of the same element, like a Light one and a Dark one? Make a copy. Each copy has its own path, so you can add both.

Test it before you go live

1. In Meld Studio, switch to the scene with the element.

2. Reload the browser layer (look in the layer’s settings for a refresh or reload option, or restart Meld). Watch the element play once.

3. Check that it’s the right size and in the right spot.

Happy with it? Don’t reload the layer again while that scene is live.

If something looks wrong

• The layer stays empty. It probably already played. Reload the layer and watch it.
• Meld shows a blank page or an error. Check that you pasted the whole path and that it ends in index.html.
• It’s cut off or the wrong size. Set the layer to exactly the size shown in the guide.
• Copy path didn’t work. The app says “Couldn’t copy. Select the text and press Ctrl+C instead.” Click in the path box, press Ctrl + ACmd + A, then Ctrl + CCmd + C.

More fixes are in Troubleshooting.

Next steps

How elements playWhen an element plays, and when it doesn't.

Test your elementsMore checks, mostly for OBS.

Customize an elementChange the text, colors and pictures.

Pick your streaming appGuides for the other apps.