
Hasty Treat - 300th Episode Tech Chat

O epizodě podcastu
In this Hasty Treat, Scott and Wes talk about their 300th episode and the tech behind it.
LogRocket - Sponsor
LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax .
Show Notes
02:15 - The things we tried
- Zoom Breakout rooms
- Hopin - $$$
- Streamyard
04:24 - What we used
- Discord
- Room as a waiting room
- Roles to give access
- An a/v room where Wes and Scott were hanging
- Lots of questions about Slack vs Discord
- OBS
- ObS to stream to three locations
- ObS Streamlabs does this easily
- Screen capture did a better job than using the video source from Discord
- Youtube, Youtube, and MUX
- Streamlabs can stream to 4 sources at once
- MUX
- How we got Syntax.fm/live to work
- Create a new live stream on Mux via their UI
- Get stream address and key
- Point Streamlabs to it
- HLS m3u8 address from Mux into a HLS react player
- Looping intro video
- Principle for mac
- Watch how I did it on youtube - https://www.youtube.com/watch?v=I6pSlESq_bY
- Music
- Song Scott wrote
- Recording Audio
- Wes recorded two streams locally
- All audio on stream was piped through BlackHole on Scott’s machine
- Used Loopback to pipe Discord audio into an input
- Scott + Guest were on the same channel, possibly compressed
- Sounded good!
Links
- Zoom
- Hopin
- Streamyard
- Discord
- OBS
- MUX
- Slack
- Spectrum
- Streamlabs
- VLC
- Twitch
- react-hls-player
- Principal
- BlackHole
- Loopback
Tweet us your tasty treats!
- Scott’s Instagram
- LevelUpTutorials Instagram
- Wes’ Instagram
- Wes’ Twitter
- Wes’ Facebook
- Scott’s Twitter
- Make sure to include @SyntaxFM in your tweets
In this Hasty Treat, Scott and Wes talk about their 300th episode and the tech behind it.
LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
Show Notes 02:15 - The things we tried
Zoom Breakout rooms
Hopin - $$$
Streamyard
04:24 - What we used
Discord Room as a waiting room
Roles to give access
An a/v room where Wes and Scott were hanging
Lots of questions about Slack vs Discord
OBS ObS to stream to three locations
ObS Streamlabs does this easily
Screen capture did a better job than using the video source from Discord
Youtube, Youtube, and MUX Streamlabs can stream to 4 sources at once
MUX
How we got Syntax.fm/live to work Create a new live stream on Mux via their UI
Get stream address and key
Point Streamlabs to it
HLS m3u8 address from Mux into a HLS react player
Looping intro video Principle for mac
Watch how I did it on youtube - https://www.youtube.com/watch?v=I6pSlESq_bY
Music Song Scott wrote
Recording Audio Wes recorded two streams locally
All audio on stream was piped through BlackHole on Scott’s machine
Used Loopback to pipe Discord audio into an input
Scott + Guest were on the same channel, possibly compressed
Sounded good!
Links Zoom
Hopin
Streamyard
Discord
OBS
MUX
Slack
Spectrum
Streamlabs
VLC
Twitch
react-hls-player
Principal
BlackHole
Loopback
Tweet us your tasty treats! Scott’s Instagram
LevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
Popis podcastu
Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.