Setting Up A Twitch Stream For Vainglory [Mac & iOS]

What is Twitch?

Twitch is a website that allows users to stream themselves playing video games for the world to see! You may have seen the awesomeness that is ShinKaigan streaming Vainglory on Twitch and thought, wouldn’t it be cool to do that too? I want to be famous like him! Well, now, you can! (Fame sold separately).

Requirements

A Mac (dedicated GPU is recommended)  (PC can stream, but not for this guide)
Mac OS X Yosemite Operating System
USB to Lightning cable
Internet connection with at least 1Mbps upload
Soundflower (free download)
Quicktime (free, included in Yosemite)
OBS (free download)
A Twitch account (free, sign up here)

Connecting your iOS device to Quicktime

Plug your iPhone / iPad into your Mac via lightning to USB cable. Avoid USB hubs as sometimes this can cause problems. Open QuickTime Player, located in your Applications folder. Go to File, New Movie Recording. Your internal camera will likely be shown in a window. Click on the down arrow next to the big red record button.

Make sure “Camera” is set to iPhone, and Microphone is set to “iPhone” if you would like game-audio. Another thing to check is that volume slider in the photo. If it’s all the way down, there will not be any game audio. Lastly, make sure your “vibrate” switch isn’t on. Again, you will not have in-game audio if the ringer is turned off.

Configuring Soundflower

Next, we are going to configure Soundflower so that we can route the in-game sound to both OBS and your headphones. Install SoundFlower from the above link. When you launch it, a menu-let will appear near the clock / wireless / volume controls of the menu bar. Click on the black flower drop down and go to Audio Setup.

 

 

 

 

In the Audio Setup window, click the + button on the bottom left and select “Create Multi-Output Device”.

Highlight your new “Multi-Output Device” and on the right hand side, select your headphones (built-in Output) or in my case, C-Media USB audio device. Also select Soundflower (2ch). Now your audio will get sent to both OBS and your headphones! In order for your Mac to use this new Multi-Output device, you must select it in System Preferences > Sound > Output.

Configuring OBS

This is the OBS interface. The black portion of the screen is what streams to Twitch. We can make this fancy by adding an “Overlay” window with a graphic. Overlays should be the same resolution and dimensions you want to stream. For my stream, I use a 1920×1080 overlay.

Click the green + button in the “Sources” section.  Select “Image”. Browse for the image you would like to use.

 

 

 

 

Next we need to import our game feed from Quicktime. Click the green + again, this time selecting “Window Capture”. From the Drop down menu, select “[Quicktime Player] Movie Recording”.

The game feed should drop onto your overlay. You can resize and reposition it to fit your overlay window.

Now we need to configure our settings for streaming. Click the “Settings” button in the main window.  These are my Output settings.

I have a fast upload (350Mbit) so I use a 3500 bitrate. If you have a slow upload, you may want to lower this number. ShinKaigan has a 1Mbit upload so he uses 1300. I left CPU usage to the default “veryfast”. I’m not sure how this affects the quality of the stream.

For the “Audio” section, make sure “Desktop Audio Device” is set to “Soundflower (2ch)”.  Then make sure your “Mic/Auxiliary Device” is set to your microphone (Built-in input or USB Audio device).

These are the video settings that worked best for me. Your “Base resolution” will greatly affect the speed at which OBS can render. Make sure if you have a Retina-enabled Mac, to lower your base resolution. Next, set the “Scaled resolution” to 720p (or lower if you have a slower graphics card). I am running a 27″ iMac 3.4Ghz Quad i5 with Geforce 775M. Lastly, I selected “Bicubic” as my filter. Why? Because ShinKaigan said to!

Connecting OBS to Twitch

Go to your Twitch dashboard. Click “show key”. Copy and paste this into the “Stream key” field of the “Stream” tab in OBS settings.

Connecting Chat Plugin

Download and install the OBS CLR Browser plugin. Then go to https://nightdev.com/obschat/. Click the green INSTALL button. Skip the download (it’s for PC) and click “Next”. Follow the on screen instructions. At the end of the wizard, you will get a link to copy and paste. In OBS, click the + button under “Sources”. Select “BrowserSource”.

Copy and paste the obschat link into the URL field. You can manually adjust the height and width of your chat window. The smaller pixel size you use, the larger the text will be.  You can position and resize this window on your overlay.

Connecting the Twitch Alerts Plugin

Go to http://www.twitchalerts.com/. Click on the “Launch Twitchalerts” button. It will ask you to link to your Twitch account. On the left navigation, click on “Alert Box” under “Stream Widgets”. Set up the alerts how you want. Then copy the link that’s in the input box under “How to”.

In OBS, click the green + button and select “Browser Source” again. Paste the URL into the URL field. Position it how you would like. To see how it looks, go back to the website and click the “Test Follow Alert” button.

Other Useful Tips

Put your device into guided access. This will prevent text messages, phone calls, and embarrassing photos from creeping into your stream.  Don’t login to your account while streaming! Passwords show on screen!

Go Stream!

Do it! Click the button! You’re now LIVE on twitch!