Stream Package Manual Installation
1. Creating the Social Media Scene:
- Click the “+” icon and then “Add Scene”. Name your scene as “Social Media”.
- Inside the “Sources” box, click on the “+” icon and then on “Text (GDI +)”.
- Check the “Create New” option and name it as you wish. Duplicate the names, until you get four texts on your screen.
- Open the folder containing the Stream Package you purchased, go to “Icons” -> “Social Media”, select the icons you want to display and drag them into the “Sources” box in OBS Studio.
- Select all icons, right-click, click on the “Transform” option, then on “Center to screen”. Set one icon at a time with the size and position you want.###
2. Creating the Starting Scene:
- Inside the “Scenes” box, select the “Starting” option. Open the Stream Package folder, go to the “Screens” folder, and drag the “Starting.webm” file to the “Sources” box in OBS Studio.
- Click on the gear icon in the “Properties” option and check the “Loop” box.
- To include the Social Media scene, click on the “+” icon inside the “Sources” box, select the “Scene” option, click on “Social Media” and “Ok”. Adjust the size and position you want.###
3. Creating the BRB (“Be Right Back”) Scene and the Offline Scene:
- Follow the same steps as the “Starting” Scene, ensuring to name it correctly according to the scene you are creating, and drag the right file.###
4. Creating the Intermission Scene:
- Follow the same steps as the “Starting” Scene, but name it “Intermission” and drag the right file for your Intermission scene.
- To include the webcam, in the “Sources” box, click the “+” icon, then “Video capture device” and click “ok”. In the video capture properties options, select “Custom” in the “Resolution FPS/Type” option, and then click on “1920×1080” inside the “Resolution” option.
- Adjust the webcam video to the ideal size, go to the “Sources” box, select the “Video Capture Device” option and drag it under the “Intermission.webm” option.
- To add your Display Capture, click the “+” icon in the “Sources” box, select “Display capture” and adjust accordingly.
- To include icons, go to the Stream Package folder, click inside the “Icons” folder, then in the “Label” folder. Select the icons you want and drag them to the “Sources” box. Adjust one at a time in your desired positions.
- For the chatbox, log into your Streamlabs account, select the “All Widgets” option, click on “Chat Box” and copy the URL. Go back to OBS Studio, click on the “+” icon inside the “Sources” > “Browser” box, name it “Chatbox”, paste the URL into the “URL” option inside “Properties for Chatbox”, and adjust it in the chat location.###
5. How to Setup the Transition:
- In the “Scene Transitions” section, choose the "Stinger" option. Name it "Transition" and click OK. Click on the “Browse” option, select the Stream Package folder, search for the “Transition” folder and select the “Transition.webm” file. Preview the transition and adjust the transition duration (e.g., 1000 or 1200 MS).###
6. Creating the Live Scene:
- In the “Scenes” box, click the “+” icon and name the scene as “Live”.
- Open the Stream Package folder, open the “Overlay” folder, select and drag to screen the “Webcam.webm” file, and twice the “Overlayslot.webm” file.
- Go to the “Label” folder, select the icons you want to appear on your screen and drag them to the “Sources” box.
- Configure your Live screen by selecting the “Live” option inside the “Scenes” box, then go to the “.webm” files inside the “Sources” box and click on the gear icon next to the Filters option. Check the box that corresponds to the Loop for all the “.webm” files.
- Adjust the files on the screen to your preference, and to include the webcam in the live scene, click on the “+” icon inside the “Sources” box and choose the “Video Capture Device” option. Select “Custom” from the “Resolution FPS/Type” option and then click on “1920×1080” within the “Resolution” option. Adjust it to the optimal size, go to the “Sources” box, select the “Video Capture Device” option and drag it under the “Game Capture” option.
- (Optional) To move all icons at once, click the “+” icon in the “Sources” box, select the “Group” option, name it, move all the files inside “Sources” to the group folder you just created.
Stream Alerts Quick Install via Streamlabs
Unzip the Downloaded File: After purchasing a stream package from StreamSpell Store, locate and unzip the downloaded file on your computer.
Access the Tutorial: Navigate to the stream package folder, open the “Tutorials” folder, and double-click the “Animated_alerts_setup” web file.
Create a New Widget Theme: Wait for the “Create a New Widget Theme” option to appear, click on it, name the stream package you are using, and select the “Create” button.
Use the Created Widget Theme: Click the “Use” button next to the option you just created. This will open a page where you’ll find the URL code of the alerts. Copy this URL code.
Add Alerts to OBS Studio: Return to OBS Studio, click on the “+” icon inside the “Sources” > “Browser” box, name it as “Alert” > “Ok”, and paste the code inside the “URL” option in the “Properties for Alert” box. Position the alert box to your preference on the screen.
Test the Alerts: Go back to the Streamlabs webpage, and click on the test options like “Test Follow” to ensure the alerts are working properly.
Select Your Streaming Platform: On the Streamlabs website, click on the down arrow icon next to your avatar and select the platform you are using to adjust the settings accordingly.