streamlabs_obs_remote

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
streamlabs_obs_remote [2019/09/29 21:08]
dante557 Finished the guide
streamlabs_obs_remote [2020/09/14 21:14] (current)
dante557 Adjusted size of screenshots.
Line 1: Line 1:
-~~NOTOC~~ 
 ====== Streamlabs OBS Remote ====== ====== Streamlabs OBS Remote ======
  
 Within Deepbot it is now possible to control StreamLabs OBS in the same way that OBS Studio can be controlled. The best part is that a seperate plugin is not required as this functionality is built into the program itself. Just like with OBS Studio remote integration you can perform basic actions like enabling/disabling a source and switching to a different scene. Within Deepbot it is now possible to control StreamLabs OBS in the same way that OBS Studio can be controlled. The best part is that a seperate plugin is not required as this functionality is built into the program itself. Just like with OBS Studio remote integration you can perform basic actions like enabling/disabling a source and switching to a different scene.
 +
 +In order to do that a number of settings need to be enabled within Streamlabs OBS to facilitate this interation.
  
 ---- ----
Line 11: Line 12:
     * Streamlabs OBS     * Streamlabs OBS
     * Deepbot v0.11.3.4 or above     * Deepbot v0.11.3.4 or above
 +
 +----
 +=====Assumptions=====
 +----
 +  * Streamlabs OBS and Deepbot are on the same PC
 +    * If this is not the case you will need to look into port forwarding. The port to forward is **59650**. A guide on how to port forward in these cases can be found at [[https://portforward.com/|https://portforward.com/]]
 +  * You have NOT accessed the developer menu in StreamLabs OBS before and have no idea where this menu is located.
 +    * Once the developer menu options mentioned in this guide are enable you shouldn't need to touch them again.
  
 ---- ----
Line 16: Line 25:
 ---- ----
  
-This guide is assuming that both StreamLabs OBS and Deepbot are on the same PC. If they are not, you will need to look into port forwarding and making sure that port 59650 is open in your router settings. A guide on how to port forward in these cases can be found at [[https://portforward.com/|https://portforward.com/]]+**1.** In a place of your choice create a shortcut to the Streamlabs OBS executable. 
 +  * If you have not created a shortcut yourself before please click the following link to see a guide on how to do so how to create a shortcut please click the following link [[https://etc.usf.edu/techease/win/files-sharing/what-is-a-shortcut-and-how-do-i-create-one/|Creating Shortcuts]]
  
-**1.** Open Streamlabs OBS and Deepbot.+**2.** On your newly created shortcut, right click then click propertiesYou should get a screen similar to the below
  
-**2.** In Streamlabs OBS, click on the gear/cog icon in the bottom left corner. This will open the settings window up. +{{::streamlabsobsproperties1.png?300|}}
-    * **A.** On the settings window click "Remote Control" +
-    * **B.** Click "Click to Show". This should bring up a windows firewall prompt. Make sure to accept this.+
  
-**3.** In your web browser of choicego to the following webpage[[http://deepbot.tv/integrations/slobs/index.html|http://deepbot.tv/integrations/slobs/index.html]] +**3.** At the end of the targetadd --adv-settings 
-**4.** Click connect if they are not already showing green.+    * The target should then look similar to <code>"C:\Program Files\Streamlabs OBS\Streamlabs OBS.exe" --adv-settings</code> 
 +  
 +**4.** Open streamlabs OBS from your newly created shortcut
  
-You should technically be good to go from this point forwardYou can start creating commands within Deepbot and these will start affecting StreamLabs OBS. Just remember that you will need to keep the webpage open for this interaction to work.+**5.** Open the settings menu by clicking the cog icon (See item 1 in the following screenshot)
  
-In Deepbot the following screenshot shows where to change the settings within your custom commands so that it affects Streamlabs OBS+{{:streamlabs_obs_dev_menu.png?nolink&600|}}
  
-{{:streamlabsobsdeepbotoptions1.png?500|}}+**6.** In the menu that appears click on "Developer" (See item 2 in previous screenshot)
  
-**Note:** The names that you provide are **Case Sensitive** so make sure that the names you provide match+**7.** Copy the API Token that is displayed (See item 3 in previous screenshot). You may need to click "Show" before you are allowed to copy this. Save this for later.
  
-----+**8.** Enable both options listed under "Websockets (See item 4 in previous screenshot). Ensure that the port selected is 59650 (You can change this port but for the sake of the guide we will assume the default port is being used.)
  
-If you still cannot connect after this point you may need to get double check to make sure that remote access has been enabledThe best way to do this would be from the advanced options within Streamlabs OBSThere are a few steps, however, that need to be done before these options can be accessed. Open Deepbot then follow these steps.+**9.** Click DoneThis should save your settings.
  
-**1.** Create a shortcut on your desktop for StreamLabs OBS +**10.** Open Deepbot as usual and connect
-    * If you don't know how to create a shortcut please click the following link [[https://etc.usf.edu/techease/win/files-sharing/what-is-a-shortcut-and-how-do-i-create-one/|Creating Shortcuts]]+
  
-**2.** On your newly created shortcutright click then click propertiesYou should get a screen similar to the below+**11.** In your web browser of choicego to the following webpage: [[http://deepbot.tv/integrations/slobs/index.html|http://deepbot.tv/integrations/slobs/index.html]] 
 +  * The page in question should look similar to the below 
 +  {{:streamlabs_obs_remote_webpage.png?nolink&600}} 
 +   
 +**12.** In the "SL OBS Remote Token" box paste in the API key you copied in step 7 of this guide.
  
-{{::streamlabsobsproperties1.png?300|}}+**13.** Click connect on both sides. This should then switch to state that it is connected and change the colour to green
  
-**3.** At the end of the target, add --adv-settings +Congratulations! After following the previous steps you should now be all connected and Streamlabs OBS all set up to be able to trigger scene and source changes 
-    * The target should then look similar to <code>"C:\Program Files\Streamlabs OBS\Streamlabs OBS.exe" --adv-settings</code>+To select a scene/source to manipulate you can change settings within your custom commands in the OBS Remote section
  
-**4.** Open streamlabs OBS from your newly created shortcut then click on the gear/cog icon in the bottom left corner.+{{:streamlabsobsdeepbotoptions1.png?500|}}
  
-**5.** In the settings window that opens up, click "Developer" +**Note:** The names that you provide are **Case Sensitive** so make sure that the names you provide match
- +
-**6.** On the developer settings tick "Enabled" and "Allow Remote Connections" under the Websockets heading +
- +
-{{:streamlabsobsdevsettings1.png?400|}} +
-    +
-**7.** In your web browser of choice, go to the following webpage: [[http://deepbot.tv/integrations/slobs/index.html|http://deepbot.tv/integrations/slobs/index.html]] +
- +
-**8.** Click connect if they are not already showing green.+
  
-After all this, you should now be good to go. Enjoy your new functionality, Streamlab OBS users :)+ Enjoy your new functionality, Streamlab OBS users :)
  • streamlabs_obs_remote.1569791301.txt.gz
  • Last modified: 2019/09/29 21:08
  • by dante557