Everyone riding with frameworks, packages and apis, this guy is just writing in 50-100 complex image processing in vanilla Javascript. I want to see more please!
this guy said at the end of his video : 'hope you like it', after making such a perfect and epic tuto. This guy is fooling us boiz xD Really simple and clear tutorial. thanks ma man keep up the good work.
Thanks for your tutorial. I get a problem. The video computed haven't the same size from the video tag. Instead he took the size of the original video size, so it looks like a zoom of the top left corner of the video. Did I miss something?
So I use a coef to restrain the video without the zoom effect. let coef = 800/1920 // 1920 is the width of my videos ctx_tmp.drawImage(video, 0, 0, video.videoWidth*coef, video.videoHeight*coef) The both videos have to be at the same size. I have to add this line in the init() function too. video2.play()
wow! That's looks amazing! Honestly saying, for me that always looked like something complicated and I used to avoid this sort of tasks) Thanks to you, the barrier is broken)
I am new to canvas related things, but when i execute your code in my local... i get below error.. please help me on this... "Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The source width is 0. "
Can we save the processed green screen video to our storage?😂 So we don't need to have a video editing application or we can create an online green screen video editor.
I LOVE Tutorials without librarys. I want to learn something and not to learn how to use a library and how to use 3 methods of it in 20 links of code and think I am done with learning, while I am not anything about the materia but using a library from an other Person....
Everyone riding with frameworks, packages and apis, this guy is just writing in 50-100 complex image processing in vanilla Javascript. I want to see more please!
this guy said at the end of his video : 'hope you like it', after making such a perfect and epic tuto. This guy is fooling us boiz xD
Really simple and clear tutorial. thanks ma man keep up the good work.
such a simple and well explained content keep it up man!
I love the simplicity. U are the man
This is awesome! We can make an entire image editor en on the web! Thanks
Thanks for your tutorial.
I get a problem.
The video computed haven't the same size from the video tag. Instead he took the size of the original video size, so it looks like a zoom of the top left corner of the video.
Did I miss something?
So I use a coef to restrain the video without the zoom effect.
let coef = 800/1920 // 1920 is the width of my videos
ctx_tmp.drawImage(video, 0, 0, video.videoWidth*coef, video.videoHeight*coef)
The both videos have to be at the same size.
I have to add this line in the init() function too.
video2.play()
wow! That's looks amazing! Honestly saying, for me that always looked like something complicated and I used to avoid this sort of tasks) Thanks to you, the barrier is broken)
can we create a full feature clint side video editor with js
How to seek to a particular frame in video in JavaScript?
I wish I could cut out better, but this is really great work
Amazing tutorial video! Thank you so much for sharing. 👍👍👍
Is there any way for nongreen backgrouned images
how can I create download button to download edified video?
Great sir really great teacher for learning web development
Is it remove only green screen or anything which is in background. For example my room or nature in background . Is this also removed
will it keep audio also?
Why does my video not play when i run the program
can we capture the video?
Congla man .., you are the Master !
how to do this with react native pls help bro ?
Output canvas is there. But the output video or the duplicate is not displaying there..Why is that ☹️
It was an excellent video.... great...
I am new to canvas related things, but when i execute your code in my local... i get below error.. please help me on this...
"Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The source width is 0. "
i didn't know js can do that!!!!
How to do this in react native?
Nice tutorial. I want to learn conversion of images to video in AVI format using javascript. Mentor can you put a video regarding.
This is gold! Thanks man!
In my laptop its not working please
Tell me where to use this js
Todo un genio❤
I loved it....... ❤❤❤
How to download the video we have changed the background please explain
you'll need to use webm encoder lib like whammy. add each frame to the encoder and compile the video file
Well, you're damn right; I really enjoyed every second, to the point explanation. Thanks dude.
Greetings from Tanzania 🇹🇿
you may use bandicam or similar apps to record it from screen while playing
dear mentor plz teach us about shaders and how interactively they work with three js or babylon.....
Cool video! Just question, is it possible to export canvas with new effect to video file?
you may use bandicam or similar apps to record it from screen while playing
If you want to learn video editing in JavaScript than view the following playlist
ua-cam.com/play/PLOITgGWlzuT6SlsmmVA2AkuyR-sxlKmzo.html
awesome explanation! thank you!
Amazing tutorial !
doesnt work for me could you pls help me
Omg...JS shows some magic...
Can anyone recommend a way to download canvas video
you may use bandicam or similar apps to record it from screen while playing
i dont understand the rgb part, but it is cool
simple and meaning clear
simply great
that is sweet!
Can we save the processed green screen video to our storage?😂
So we don't need to have a video editing application or we can create an online green screen video editor.
🙊 increíble...
Amazing bro. How can i get source code
video description
@@RedStapler_channel good job. Please make video like youtuber" online tutorials" with source code and thankyou
This is great but can you export it
you may use bandicam or similar apps to record it from screen while playing
Awesome
F*ck! That girl didn't let me focus! 🤪🧐🤓
I LOVE Tutorials without librarys. I want to learn something and not to learn how to use a library and how to use 3 methods of it in 20 links of code and think I am done with learning, while I am not anything about the materia but using a library from an other Person....
But the stapler is White!
❤
Can we save the processed video?😂
you'll need additional lib to convert canvas frame to video like whammy.js
@@RedStapler_channel nice info. Thanks
you may use bandicam or similar apps to record it from screen while playing