All Collections
Stream Design Factory
Stream Design Factory- Adding Webcam Frame
Stream Design Factory- Adding Webcam Frame
Caolan Cregan avatar
Written by Caolan Cregan
Updated over a week ago

In this article, I'll explain how to add a Camera Frame Source into your Editor from the VBI Stream Design Factory.

Step #1-

Click ADD SOURCE from the Stream Design Dashboard:

Step #2

Select Camera Frame under Source Settings to adjust your Camera Frame Type. All packages come with a 4:3 frame and a 16:9 frame to choose from, but some offer animated versions as well. Pick which design fits your brand.

Step #3

Click SAVE. You'll be directed to the Editor, with your source added.

Your source will be added to the most recent scene you were on. Make sure your scene is correct. If you add a source to the wrong scene, simply right click the source and COPY, then PASTE (Duplicate) to the preferred scene. Delete the source.


Adjust the source for optimal sizing. You can click any of the squares on the source to increase or decrease the size. Additionally, when holding ALT and clicking on a square, you can trim the source borders.

Feel free to drag the source around the preview for the exact placement you want. (For example- bottom left, top right, bottom right, etc.)

Step #5

You'll need to adjust your webcam source's size and placement, and make sure the Camera Frame source is listed ABOVE the webcam source, so the image sits behind the frame, giving it a crisp, professional look.

Your source has been added. You can edit your Overlay anytime in the Stream Design Factory MY SOURCE LIST dashboard.

Thanks for reading!

Did this answer your question?