WASM + React... Easily build video editing software with JS & FFmpeg

Use Web Assembly to build an app that converts video files to GIF (using FFmpeg), entirely from a frontend React JavaScript application. fireship.io/lessons/wasm-vide...
Source Code: github.com/fireship-io/react-...
FFmpeg.wasm ffmpegwasm.github.io/
#wasm #webdev #tutorial
Install the quiz app 🤓
iOS itunes.apple.com/us/app/fires...
Android play.google.com/store/apps/de...
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font

[@thomasjardanedeoliveirabou9993]

Sadly the Source Code doesn't work anymore because of the Spectre Vuneability in modern browsers. They disabled SharedArrayBuffer which was essential for this to work (for some reason, i am not an expert on this). So before you try this, try to find a more recent video =D

[@jakobarsement8266]

Been watching these for about a year now and dude, your videos are tremendous. You are a tremendous instructor. You keep it cutting-edge, concise, and super informative. Thank you.

[@Apoorvpandey]

I ran into these errors:

[@acollierr17]

Been looking forward to this, Jeff! Definitely going to expand on this sometime in the future on my own project. Thanks!

[@edwincarlsson9014]

I’ve been looking forward to this!

[@DrSwad]

Awesome work man <3 Your contents are so extremely useful. I try to watch all your new videos and learn something new from every one them. Your videos have helped me incredibly to learn about all these exciting new frameworks. I'm a student right now and can't save much after dealing all my educational and livelihood expenses. But once I get to stand on my own feet, I'd most definitely support your initiative. Please keep up the good work. Lots of love <3

[@mikemartire1612]

I definitely asked for this video and you delivered, thanks a bunch! Great video as always Jeff, very very useful

[@joaovaz3473]

What people see: WASM allows one to run server tasks on the client

[@miguel_bogota]

I don't know how you make this videos so interesting always!! Thank you, I think an AssemblyScript video will also be awesome.

[@CodeWithAndrea]

Awesome video as usual! Really cool to see how to use all these things together!

[@YahirTrejo]

Man that was amazingly simple, I was scared of web assembly but I might start learning now. Also unrelated but have you considered doing a react course?

[@wizamit]

This is awesome. Thank you for this great introduction to WA ❤

[@yampolskie]

It seemed tough to build but you made it look so easy!

[@OBLIVIOUSKARI]

Omg I’m so pumped for the rust web assembly video. I am a rust dev and would like to get some benefit from it on the web

[@prashoonbhattacharjee8211]

This tutorial is fantastic!! Got a lot of value from this tutorial!!

[@NicolaiWeitkemper]

Amazing! I can't wait to see more WASM content.

[@davidhusicka8440]

Really excited for the rust video. I could port my CLI app to web if you keep on your promise. Amazing as usual! Keep it up!

[@jessejordan8569]

Great stuff as always.

[@aminehl6025]

Thank you very much <3 <3 idk if you'll see this but thank you very much I already knew about WASM and was already thanking very much the developers who ported it to js. I'm trying to convert an HEVC input to an h.264 output on the go without any backend or anything and this just made it possible

[@MrChernicharo]

Amazing! More videos on WebAssembly please!