FabricJs 6 and React Tutorial | Add, Control, and Export Videos in Canvas HTML - Part 3

Welcome to part 3 after a short break! This video required more effort, and I hope to make future videos less complex.
As a product designer exploring the Canvas API, I know there might be better ways to implement video recording and playback within Fabric.js 6, but I hope the logic I’ve structured here will give you a solid foundation to kickstart your own app.
Let me know in the comments what you’d do differently. I might extend the recording part in the future with animation mode, allowing users to create simple animations in the canvas.
In this video, I’ll walk you through:
👉 Uploading and playing videos directly on your Fabric.js 6 canvas
👉 Recording the canvas and exporting it as a video
👉 Real-time controls for video playback and recording
By the end of this tutorial, you'll have a dynamic video management tool built right into your React app. Perfect for anyone looking to enhance their canvas projects with video functionality.
Check out the previous video: FabricJs 6 and React Tutorial | Building a Dynamic Settings Panel - Part 2 • FabricJs 6 and React T...
Example Canvas App: app.sebikostud...
FabricJS: www.npmjs.com/...
Icon Library: icons.sebikost...
React Component Library: system.blocksi...
If this video helped you, please like, subscribe, and hit the notification bell! Let me know in the comments what you'd like to see next.
#fabricjs #reactapp #canvasapi #webdevelopment #videoediting #productdesign #UIUX #softwaredeveloper #designsoftware #reactjs #frontend #codingtutorial #fabricjstutorial #javascript #fabricjstutorial
------------------------------
🎵 Track Info:
Title: Purple LoFi Chill Beats - Reverse [lofi hip hop/chill beats] (No Copyright)(Royalty Free)
Purple LoFi Chill Beats is a French author and composer of royalty-free Lo-Fi music.
/ lofiwavemusic
---

[@davipondev]

A really cool walkthrough! I had never attempted canvas capture before.
From an engineer’s perspective, your video is inspiring and I could start playing with those primitives.

[@eduardaskuliesa8308]

Please G I need more of this content about FabricJs

[@alexdin1565]

you are amazing you makes learning vert easy
please can you make video about how we can make canvas responsive so we can change width and hight such portrait or landscape
and if you can show us how we can cut corp or edit the video it will be also nice thanks again