Yesterday, I did my first official live coding on Twitch. If you're interested in following me on Twitch, I'm nickytonline there as well.
It felt very natural live-coding. I talked to my audience pretty much the whole time. Thank you to the 12 people that watched. 👏🏻 My colleague @maestromac was kind enough to jump in on the chat to say hi.
We're in the second week of our development cycle at DEV, so I was working on building out some Preact components to build out our new comment subscription component.
I haven't decided on the frequency of live-coding yet, but I'm hoping to do it at least twice a week.
The rest of this article will assume you are on macOS, but I imagine the process is pretty much the same.
If you are new to streaming like me, the defacto tool appears to be OBS Studio.
Before installing OBS, ensure that Twitch is set up correctly. Assuming you've created your Twitch account, navigate to your channel settings, e.g. https://dashboard.twitch.tv/u/nickytonline/settings/channel
Two things to note here. One, you will need to copy the Primary Stream Key. This is required for OBS so that it can stream to Twitch. The other thing to note is that Store past broadcasts should be enabled (assuming you want to save your broadcasts). I forgot to do this initially. Since most will have a free account, broadcasts are stored for up to 14 days and then scrapped.
Once OBS is installed, go to the OBS preferences and add your Twitch Primary Stream Key.
When you load up OBS you are presented with a blank scene. The scene is what you will use to place your webcam in the stream as well as your display output. You can add a lot more to it, but let's keep things simple.
If you are going to stream, you absolutely need a second monitor. I run OBS on my laptop screen and the display capture is my external monitor. If you're interested in my setup, check out my uses page.
I got everything set up but noticed my display source in the scene was completely black. I was Googling to see if it was a macOS version, a hardware issue, etc.
It turns out it was just a setting in the Security & Privacy system preferences. Ensure that OBS has access to Screen Recording.
From there as soon as you are ready to stream on Twitch, simply click the Start Streaming button in the Controls section at the bottom right of the OBS window.
UPDATE APR 3, 2020:
Nick Taylor (he/him)Thanks for everyone who popped by the stream today!
I've pretty much decided on my streaming frequency. I'll be streaming Monday-Friday 10-11am Eastern. Enjoy the weekend peeps and see you Monday. 👋🏻 twitter.com/nickytonline/s…15:48 PM - 03 Apr 2020Nick Taylor (he/him) @nickytonlineAlright, I have a nicer looking Twitch frame that I made, but still nothing amazing as I am no designer. All that to say, I'll be streaming again tomorrow doing dev for DEV at 10am Eastern. https://t.co/xwF1jJbZQS #DEVcommunity https://t.co/4UFelXPZ02