Howdy! Some folks have asked about my setup — especially my streaming setup — so I figured I'd outline the tools I'm using and how here. If you're curious about a part of my setup that isn't mentioned here, reach out to me on Twitter!
Provided Amazon links are affiliate links, and I may earn a cut of any sales made by using these links.
Streaming Setup #
My camera is the Logitech C922x Pro Stream Webcam, and my microphone is the Samson Q2U. Before the Samson Q2U, I used the Fifine K678 microphone, and was pretty happy with that as well!
My streaming software of choice is OBS. While there are forks and similar projects that are geared more specifically for streaming on Twitch, OBS is free and — especially crucial for an accessibility stream like Some Antics — supports closed captions. I'm using ratwithacompiler's Closed Captioning OBS Plugin for auto-generated caption support.
The layout of my OBS scenes is powered by Eleventy sites which have been pulled into OBS as browser sources. You can navigate to the scenes yourself, if you'd like, or peruse through the scenes' source code. The onscreen Twitch chat display is part of that web tech, and was built with the ComfyJS Twitch chat library. I've abstracted some of my learnings from building my own chat display into showmy.chat and
eleventy-plugin-twitch-chat — go check them out if you need your own chat display!
Guests are booked with Calendly. Conversations with guests are pulled into OBS by using a Zoom call as a window source.
I use Descript to create vetted captions for the YouTube backlog.
My editor of choice tends to be Visual Studio Code. Currently, I'm using b1mind's Night Mind theme, in part because its colors aren't too washed out for streams.
My terminal is iTerm with the Starship prompt. I've loaded it up with a bunch of custom aliases.
I use a variety of tools for testing websites for accessibility, but my two biggest tools are macOS's VoiceOver screenreader and Axe DevTools by Deque Systems.
This Site's Stack #
This particular site is built with Eleventy and hosted on Netlify.
The brand font used in headings everywhere is Nexa, the body font is Inter, and the monospace font used for code snippets is Fira Mono.