Streaming 101

Ever wanted to try streaming an application, a game, or just your face to Twitch?

Transcript

1. Streaming 101 Jake Bathman 1
2. Goals • Know what “streaming” is • Set up a Twitch channel • Set up OBS • Start your first stream 2
3. Important • I am currently streaming (publicly) • You are going to stream something on your computer soon. Be cognizant of: • Client code/projects • Personal information (passwords, email addresses, photos, URLs/bookmarks, emails, notifications, etc.) 3 Turn on Do Not Disturb before streaming
4. First Steps 4
5. Step 1: Get a Twitch Account 1. Sign up: twitch.tv/signup • Username will be your streaming URL, e.g. twitch.tv/jakebathman 2. Confirm your email
6. 1. Go to your Dashboard • twitch.tv/{username}/dashboard/settings 2. Copy Stream Key 3. Paste somewhere secret (e.g. 1Password) Step 2: Twitch Stream Key Treat your Stream Key like a password
7. Step 3a: Install Soundflower 1. Download DMG: github.com/mattingalls/ Soundflower/releases/tag/2.0b2 2. Install the program
8. Step 3b: Configure MIDI 1. Open /Applications /Utilities /Audio MIDI Setup.app 2. + Create Multi-Output Device 1. ☑ Soundflower (2ch) 2. ☑ Check Built-in Output 3. Select Multi-Output Device in your Mac’s Audio Output
9. Step 4a: Install OBS 1. Download: obsproject.com 2. Install the program
10. Step 4b: Configure OBS Stream • Service: Twitch • Server: Auto • Stream key: { paste your key }
11. Step 4c: Configure OBS Video • Base (Canvas) Resolution: 1920x1080 • Output (Scaled) Resolution: 1920x1080 Audio • Desktop Audio Device: Soundflower (2ch) • Mic/Aux Device: Built-In Microphone
12. Your First Scene 12
13. What are you streaming? • Application window • Programming (VS Code/Sublime) • Creative (Adobe Illustrator) • Full screen or monitor • Video Game • Custom
14. Add Sources 1. Video Capture Device • FaceTime HD Camera 2. Window Capture • Select window Right-click > Transform > Fit to screen
15. Start Streaming 15
16. Start Streaming • Click the button! • Check out your stream • twitch.tv/{username} • Check Stream Health on Dashboard • twitch.tv/{username}/dashboard/live
17. You did it! 17
18. Streaming 201 • Graphics (a.k.a. “overlays”) • Videos • Live text • Web views
19. Streaming 201 • On-screen chat • Animated overlays/ graphics 19 IRL jinnytty
20. Streaming 201 • Act as background instead of cam/game • Can include fixed or dynamic text • Useful as a secondary scene 20 Full frame graphics tightenco
21. Streaming 201 • Full-screen application or camera, focused on the craft • Sometimes includes another cam angle showing detail/hands 21 Creative siri
22. Streaming 201 • Full-screen application or camera, focused on the craft • Sometimes includes another cam angle showing detail/hands 22 Creative cnotbusch
23. matthewkheafy Streaming 201 • Multiple camera angles • Focus on audio quality 23 Music
24. Streaming 201 • Can have multiple cameras/people • Sometimes a fixed game/ video as primary focus 24 IRL Games/Talk 2m2s chessbrah
25. Streaming 201 • Game is primary content, usually with a small camera • Can include game- specific overlays (e.g. player statistics) • Real-time keyboard/ controls overlay or camera 25 Video Games ninja_with_no_l
26. Streaming 201 Lua scripting means you can add custom actions and sources Example: DrLupo’s replay mode, triggered by 3+ people in chat sending !replay 26 OBS Scripting
27. Resources • Streamer resources: https://stream.twitch.tv • Inspector: https://inspector.twitch.tv