Supper Club × How Descript Built A Next Gen Video Editor In The Browser With Andrew Lisowski

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.9 • 1.2K Ratings

🗓️ 18 August 2023

⏱️ 61 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

In this supper club episode of Syntax, Wes and Scott talk with Andrew Lisowski about working on Descript, web streams vs local storage, using state machines, writing CSS with Radix, monorepos, and more. Show Notes 00:35 Welcome 01:07 What is Descript? Descript | All-in-one video & podcast editing, easy as a doc. Work — Sandwich 02:21 Who is Andrew Lisowski? Andrew Lisowski (@HipsterSmoothie) / X hipstersmoothie.com Descript (@DescriptApp) / X devtools.fm 04:51 How does Descript interact with the webcam? 08:52 Web streams vs local first Web Streams Explained — Syntax Podcast 587 10:06 How are you exporting video? GitHub - Yahweasel/libav.js: This is a compilation of the libraries associated with handling audio and video in ffmpeg—libavformat, libavcodec, libavfilter, libavutil, libswresample, and libswscale—for emscripten, and thus the web. Riverside.fm - Record Podcasts And Videos From Anywhere 14:40 How does Descript deal with recording fails? 17:17 How does Descript design and build the UI? 19:37 What did you like about state machines? XState - JavaScript State Machines and Statecharts 24:12 How are you writing your CSS with Radix? Themes – Radix UI Home | Open UI 30:30 How does the marketing site’s tech stack compare? 31:44 Playwright vs Cypress Fast and reliable end-to-end testing for modern web apps | Playwright JavaScript Component Testing and E2E Testing Framework | Cypress 36:26 What tech do you use for monorepos? 37:01 What’s your build tool? Workspaces | Yarn - Package Manager Turbo webpack 40:18 Moving to the web means moving things to the backend 41:37 Descript focuses AI tools on helping creators Eye Contact: AI Video Effect | Descript 50:50 Supper Club questions Topre Switch Mechanical Keyboards REALFORCE | Premium Keyboard, PBT, Capacitive Key Switch Iosevka Github Dark High Contrast - Visual Studio Marketplace 56:21 SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Lexical shadcn/ui Shameless Plugs devtools.fm 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 Wes Bos on Bluesky Scott on Bluesky Syntax on Bluesky

Transcript

Click on a timestamp to play from that location

0:00.0	I sure hope you're hungry who I'm starving wash those hands pull up a chair and secure that feedback
0:08.0	Because it's time to listen to Scott Tolinsky and Wes Boss attempt to use human language to converse with and pick the brains of other developers
0:16.5	I thought there was going to be food so buckle up and grab that a
0:21.1	Handle because this was going to get why I'd sold
0:25.8	This is the syntax supper club
0:30.6	Oh
0:36.6	Welcome to sit-tax
0:38.6	Today, we have a really awesome guest from
0:42.9	Descript Andrew Luzowski we're going to be talking all about
0:46.6	Descript we're going to be talking about what makes Descript a really interesting app technically
0:52.1	We're going to be talking about some of the redesign and design system effort along with just in general the cool stuff
0:59.1	They have going on over at Descript. So Andrew welcome to sit-tax. How's it going my man? It's going pretty good
1:06.6	I'm excited to be here. Yeah
1:08.6	I think we should mention just right off the bat for anybody listening
1:12.2	I know people sort of dip their toes in descript is a frickin video editor built with browser tech
1:18.3	blows my mind. I'm really excited to have this interview. I've been trying to get
1:23.1	somebody on the podcast to talk about
1:26.6	How they built like like like heavy lifting tech like not like like notion is is pretty heavy, but like
1:33.6	The big two are figma and Descript, which is graphics editor and video editor and they're all built with with web tech
1:40.4	And how that's even possible blows my mind. So I'm pretty excited to have you on. So thanks a lot
1:45.4	Yeah, when I when I joined Descript
1:47.2	Figma was one of the things that I looked at and I was like, okay, that's amazing
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.