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

#wasm #webdev #tutorial

Install the quiz app 🤓

Use code lORhwXd2 for 25% off your first payment.

My VS Code Theme

- Atom One Dark
- vscode-icons
- Fira Code Font

[joaovaz]

What people see: WASM allows one to run server tasks on the client
What I see: serverless SQL injection

[thomasjardanedeoliveirabou]

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

[Apoorvpandey]

I ran into these errors:
1. ffmpeg was not loading in browser:
Soln: downgrade ffmpeg version to 0.9.0
2. SharedArray buffer error:
Soln: Run chrome wuth this flag "chrome "

[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?

[jakobarsement]

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.

[captainlennyjapan]

Can someone please help? I cannot move forward due to SharedBufferArray undefined error...

[jaforewit]

In your Rust to WASM video, I'd love to see some sort of visuals in rust port over to visuals on the browser

[rubenpoppe]

Hi Jeff, could you do a video on how to use 'raw' wasm code? In this video you use a wrapper javascript library.

[CodingUnited]

How 'bout a 2d Rust game compiled to WASM? The game could be a flappy bird clone.

[fevicoI]

We are about to enter an age, when there would be no OS. Just JS & Chrome. Your OS would be Chrome and everything else loaded in WASM. SMFH.

[nithinchinni]

Can you fix the codebase that you shared in GIT. When I tried to run it, it throws an error: ffmpeg-core.js:22 Uncaught (in promise) ReferenceError: SharedArrayBuffer is not defined

[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

[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

[nadawhoever]

I cloned the repo and it gave me this error "SharedArrayBuffer is not defined"

[jessejordan]

Great stuff as always.

Still can't believe Nathan Fielder is this knowledgeable on web dev!

[surbhigoel]

not working on crome v92....can you suggest how to set cors?

[aminehl]

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

[acollierr]

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

[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.

[amoldalwai]

3:53 great way to add a preloader, never thought of it that way