Up next in 10
Build a FFMPEG WASM Video Splitter & Trimmer Web App in Browser Using HTML & JavaScript
0 views
Jun 26, 2025
Buy the full source code of the application here: https://procodestore.com/index.php/product/build-a-ffmpeg-wasm-video-splitter-trimmer-web-app-in-browser-using-html-javascript/ Official Website: https://freemediatools.com
View Video Transcript
0:03
uh hello guys welcome to this video so
0:05
in this video I will show you
0:08
a videos editor that I developed inside
0:11
the browser it's a simple tool and it
0:14
executes directly in the browser so I
0:16
also deployed this on my website free
0:19
mediatools.com you can check out the
0:21
live demo so it's called as video
0:24
splitter and trimmer editor so here you
0:26
can split your v video into multiple
0:29
parts and also trim your video as well
0:31
so here you will select your video this
0:34
will construct a timeline of your video
0:38
so you can see I selected the video it's
0:40
3 minute 28 seconds it will show the
0:42
video in a video player then at the
0:45
bottom side it will construct this
0:47
timeline and using this timeline you can
0:50
con basically select the parts that you
0:53
want to trim out so as you basically do
0:57
this the starting and the ending time in
0:59
seconds will reflect here and we have
1:02
these buttons here to add this segment
1:05
kind of a web application so here you
1:07
select the options and then after this
1:08
is a complete kind of a web application
1:11
you can preview the selection that you
1:13
make and then you can add this segment
1:15
and similarly you can move your timeline
1:19
to select multiple segments
1:22
add this one as well
1:25
so you can see how easy it is to
1:28
construct multiple segments to trim your
1:31
video and now we have this button trim
1:33
and download and now the FMPPG will do
1:36
the processing and it will split your
1:38
video into multiple parts this is your
1:41
part one this is your part two and this
1:44
is your part three so this I constructed
1:48
entirely inside HTML CSS and JavaScript
1:51
and we have used ffmpg
1:55
web assembly library running this web
1:57
application on local host
2:01
so if you need the full source code of
2:03
this application the link is given in
2:04
the description after you purchase it
2:07
you will automatically be redirected to
2:08
Google drive where you will get this
2:10
index.html file plus you will also get
2:13
this folder which will contain the full
2:16
binary of ffmppg pre-ompiled so this
2:21
becomes easy for you to execute ffmpg
2:24
directly in the browser so now to run
2:26
this project it's very simple you can
2:28
run this project locally as well as you
2:31
can see after purchasing it it becomes
2:34
very much easy to run this project again
2:37
repeat the process
2:40
like this
2:43
trim and download
2:46
so very simple project and you will get
2:48
to know about how I built this once you
2:51
get the source code you can easily
2:52
modify this source code as well and add
2:54
additional features as well so round
2:56
about 651 lines of code here so it's a
2:59
little bit lengthy project but you will
3:02
get to know how I constructed this video
3:04
timeline editor to trim out or split
3:07
your video into multiple parts but you
3:10
can before purchasing it definitely try
3:12
this tool i basically on the checkout
3:15
page I've given the demo link
3:17
freemediatools.com
3:18
videoplitter tool so come to this tool
3:21
if you like it then only you can
3:23
purchase it the link is given in the
3:25
description and thank you very much for
3:27
watching this video