Wes and Scott talk about building v_framer, Scott’s custom multi-source video recording app, and why Electron beat Tauri and native APIs for the job. They dig into MKV vs WebM, crash-proof recording, licensing with Stripe and Keygen, auto-updates, and the real challenges of shipping a polished desktop app.
<h3 class="code-line">
<a></a>Show Notes</h3>
<ul>
<li class="has-line-data">
<a href="#t=00:00">00:00</a> Welcome to Syntax!
<ul>
<li class="has-line-data"><a href="https://madcss.com/">March MadCSS</a></li>
</ul>
</li>
<li class="has-line-data">
<a href="#t=02:28">02:28</a> Why screen recording apps are so frustrating</li>
<li class="has-line-data">
<a href="#t=07:14">07:14</a> The requirements behind Scott’s app, <a href="https://vframer.video/">v_framer</a>
</li>
<li class="has-line-data">
<a href="#t=09:47">09:47</a> <a href="https://v2.tauri.app/">Tauri</a>, <a href="https://developer.apple.com/documentation/webkit/wkwebview">WKWebView</a>, and blurry screen recording headaches</li>
<li class="has-line-data">
<a href="#t=13:00">13:00</a> Why switching to <a href="https://www.electronjs.org/">Electron</a> was a game changer</li>
<li class="has-line-data">
<a href="#t=14:02">14:02</a> <a href="https://blackboard.sh/electrobun">Electrobun</a> and the hybrid desktop experiment</li>
<li class="has-line-data">
<a href="#t=16:29">16:29</a> Browser-based capture vs native APIs</li>
<li class="has-line-data">
<a href="#t=18:50">18:50</a> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>
</li>
<li class="has-line-data">
<a href="#t=22:32">22:32</a> Notarization, certificates, and shipping a Mac app</li>
<li class="has-line-data">
<a href="#t=24:52">24:52</a> One-time purchases, trials, and selling desktop software</li>
<li class="has-line-data">
<a href="#t=26:37">26:37</a> Self-hosting <a href="https://keygen.sh/">Keygen</a> for license keys</li>
<li class="has-line-data">
<a href="#t=30:27">30:27</a> A scrappy Google Sheets-powered waitlist</li>
<li class="has-line-data">
<a href="#t=31:56">31:56</a> Keyboard shortcuts, FPS locks, and app customization</li>
<li class="has-line-data">
<a href="#t=34:50">34:50</a> CI/CD and painless auto-updates with Electron</li>
</ul>
<h3 class="code-line">
<a></a>Hit us up on Socials!</h3>
Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href="https://www.instagram.com/syntax_fm/">Instagram</a> <a href="https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href="https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a>
Wes: <a href="https://twitter.com/wesbos">X</a> <a href="https://www.instagram.com/wesbos/">Instagram</a> <a href="https://www.tiktok.com/@wesbos">Tiktok</a> <a href="https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href="https://www.threads.net/@wesbos">Threads</a>
Scott: <a href="https://twitter.com/stolinski">X</a> <a href="https://www.instagram.com/stolinski/">Instagram</a> <a href="https://www.tiktok.com/@stolinski">Tiktok</a> <a href="https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href="https://www.threads.net/@stolinski">Threads</a>
Randy: <a href="https://twitter.com/randyrektor">X</a> <a href="https://www.instagram.com/randyrektor/">Instagram</a> <a href="https://www.youtube.com/@randyrektor">YouTube</a> <a href="https://www.threads.net/@randyrektor">Threads</a>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

983: Why I Chose Electron Over Native (And I’d Do It Again)

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews