Make A Screen Recorder With Svelte And The Screen Capture API @JoyofCodeDev
Make A Screen Recorder With Svelte And The Screen Capture API  @JoyofCodeDev
Uploaded November 2023 | Updated September 2026, 2 weeks ago
Use Svelte and browser APIs to record videos.

🔴 Patreon: patreon.com/joyofcode
𝕏 Twitter: twitter.com/joyofcodedev
💬 Discord: discord.com/invite/k6ZpwAKwwZ
🔥 Uses: https://www.joyofcode.xyz/uses

🔗 Screen Capture API: developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API/Using_Screen_Capture
🔗 getDisplayMedia: developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia
🔗 MediaStream Recording API: developer.mozilla.org/en-US/docs/Web/API/MediaStream_Recording_API
🔗 Video Codecs: developer.mozilla.org/en-US/docs/Web/Media/Formats/Video_codecs#vp9

🔖 Timestamps

0:00 Intro
0:54 The Screen Capture API
13:32 Making The Recorder
37:10 Outro

#joyofcode #sveltekit #svelte
Make A Screen Recorder With Svelte And The Screen Capture APIWhats New In Svelte 5? (Runes, Events, Snippets)Spice Up Your Site With SvelteKit Page TransitionsMake a Svelte Todo App #15 - Adding Persistent StorageUsing Environment Variables With SvelteKitNow You Can Use TypeScript In Your Svelte MarkupTypeScript Fundamentals - #7 Type Aliases and InterfacesThe One Icon Library To Rule Them All (Iconify)Using The FLIP Animation Technique For Impossible Layout AnimationsMy Favorite Framework Just Got BetterHow To Use Global Styles In SvelteKitTypeScript Fundamentals - #16 Classes Have Superpowers
Joy of Code |

Make A Screen Recorder With Svelte And The Screen Capture API

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER