Make A Video Converter With Svelte And FFmpeg In The Browser @JoyofCodeDev
Make A Video Converter With Svelte And FFmpeg In The Browser  @JoyofCodeDev
Uploaded December 2023 | Updated September 2026, 2 weeks ago
Video converter using Svelte and FFmpeg.

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

🔗 File Drag And Drop: developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/File_drag_and_drop
🔗 File: developer.mozilla.org/en-US/docs/Web/API/File
🔗 FFmpeg: https://ffmpegwasm.netlify.app/

🔖 Timestamps

0:00 Intro
1:12 Project Setup
1:44 State
2:56 Markup
7:38 Styles
8:44 Drop Zone Feature
13:50 FFmpeg Setup
16:04 Loading FFmpeg
19:36 Using FFmpeg To Convert Videos
27:11 Video Conversion Progress
29:18 Downloading Videos

#joyofcode #sveltekit #svelte #ffmpeg
Make A Video Converter With Svelte And FFmpeg In The BrowserHow To Make A Blazing Fast Search For Your SvelteKit SiteUsing WebSockets With SvelteKitHow To Make A Custom Markdoc RendererHow Does This Library Animate Code? 🤔Improve Your Coding Workflow Using These Free AI ToolsThe Comprehensive Introduction To SvelteKitHow To Make A SPA With SvelteKit (SSR vs. CSR)Different Ways To Share State In Svelte 5Simple SvelteKit Page Transitions Using The View Transitions APII Tried Every Svelte UI LibraryTypeScript Fundamentals - #13 Type Narrowing Using Type Guards and Type Predicates
Joy of Code |

Make A Video Converter With Svelte And FFmpeg In The Browser

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER