How to control OBS from your phone or laptop so you can play fullscreen


#1

Over on my channel, I prefer to play games in true fullscreen to eek out all the FPS I can. When streaming, this means that I have to go through an annoying alt-tabbing in order to change settings. To get around this, I set up a local remote for OBS so I can control it with either my laptop or phone. Here’s how.

1. Install OBS Websocket

This simple plugin creates a websocket endpoint for OBS on a port that you specify. Don’t worry, as long as your PC is behind your router and your PC’s local IP is not set outside the DMZ, you’ll be fine (if you don’t know what that is, you likely haven’t set it up).

Download it from Github, here:

Once installed, you will see the controls in OBS’s menu:

Tools > Websocket server settings

obs-websocket

Even though it shouldn’t be accessible from outside your LAN, it’s always smart to set a password. You can choose any port that’s not in use. 4444 is a good default.

2. Bookmark OBS Remote

Now that your server is running on OBS over on your streaming/gaming PC, you’ll want to move over to your laptop or phone and open this URL: http://t2t2.github.io/obs-tablet-remote/

The Github project is here, but you don’t really need the source:

OBS Remote offers an array of panels that you can add and arrange how you see fit:

The ones I use are:

  • Scene Switcher (left)
  • Stream Status (middle)
  • Frame (right, see step #3)

Pretty self-explanatory except for the Frame panel. You want to be able to switch scenes (for example, go to a “BRB” scene or a “No Camera” scene) and you want to be able to start and stop the stream remotely.

3. Add Chat

For the Frame panel, I use a URL that is designed to be used within OBS itself. You can find the web chat url builder here: https://restream.io/webchat-app

Instead of putting it as a BrowserSource in OBS, I set all the opacity percentages to 100% and copy the url into OBS Remote:

This allows me to track the chat on all the platforms I stream to. If you’re only streaming to Twitch, a better option would be to embed your chat pop out link. For example: https://www.twitch.tv/vocino/chat?popout=

Most other platforms have similar pop out chats.

You could also insert other frames, like maybe the Twitch stream inspector to keep track of your stream’s health. You get the idea.

The Final Product

Here’s what the final product looks like as a simple starter layout. As you can see, it allows me to switch from my three scenes as well as start and stop both streaming and recording. On the right, I can watch the chat across platforms.

Happy streaming!
Team Strats


#2

Awesome post! I may look into this.


#3

I might look into this more. I choose not to use OBS because I prefer playing in fullscreen as well. This is why I use the Nvidia streaming software and then monitor the stream on my Chromebook with Twitch dashboard, Youtube creator studio, etc.


#4

Cool. If any questions come up I’ll update the OP with the replies.


#5

As sort of a side note, you can control the scene switching with keyboard shortcuts while full screen. I think there are ways to do a lot of things in OBS with shortcuts.


#6

Yes, and that’s what I used to do. The problem with that is that there’s no visual feedback about what the stream is outputting. It became difficult to know what scene was up or if I was currently recording, etc.

This is especially true in the scenario of a full match playthrough in a game. I would routinely come to the end of the match and be like “well let me mash the buttons of my hotkeys to ensure something is right.”

I found that having the visual up on my laptop anytime was much easier to manage.


#7

I had this problem when I first dabbled in streaming. I really don’t see how anyone is successful solely using one display. Even if I were streaming with a console I think I would want to watch the stream with a tablet, phone, or anything just to see how it looks.


#8

FWIW, I still use the keyboard commands usually. But now I can see an overview of what’s going on at all times.


#9

Nice write up @Vocino! To further clarify some things for users, you might want to update the download link to the actual installer (https://github.com/Palakis/obs-websocket/releases) and add in the part about getting your streaming computer’s IP and possibly setting up a static IP for your streaming computer so you don’t have to worry about it after a reboot.

Also in step 2, add in the part to click on the pencil icon and then the + bar on the right side in order to get to where your screenshot is.

Another useful panel is an events feed, for example streamlabs is: https://streamlabs.com/dashboard/recent-events - I haven’t played around with it over multiple days so im not sure if you have to login to the website before starting this remote control in order for it to load properly.

— My Layout —


Vertical Frame 1: https://www.twitch.tv/xesty/chat
Vertical Frame 2: https://streamlabs.com/dashboard/recent-events
Vertical Splitter


#10

Great point. Duh! I should add this as a full step.


#11

Awesome guide there.