Up next in 10
How to Compile & Run FFMPEG WASM in Browser Full Working Project in HTML & Javascript Web App
Jun 19, 2025
Buy the full source code of the application here:
https://procodestore.com/index.php/product/how-to-compile-run-ffmpeg-wasm-in-browser-full-working-project-in-html-javascript-web-app/
Official Website:
https://freemediatools.com
Show More Show Less View Video Transcript
0:05
uh hello guys uh welcome to this uh live
0:07
stream so in this live stream I will
0:08
show you that how to run the ffmpg web
0:12
assembly library directly in the browser
0:15
i will show you a full working example
0:18
it's a simple web application which
0:20
actually takes your video and extract
0:23
all the audio which is present inside
0:26
your video it's a very simple example
0:28
which runs fmppg directly in the browser
0:30
you can see we are running this
0:32
application in the browser on localhost
0:34
3000 and uh let me choose a video file
0:39
which contains some audio so it's a
0:41
simple MP4 video file and as soon as I
0:44
select this you will see this progress
0:46
bar will be shown to you and until it
0:48
reaches 100% you will get this
0:50
notification that your MP MP3 file has
0:53
been generated now you can click the
0:55
download MP3 button to actually listen
0:57
to your audio
1:03
uh welcome friends my name is Gotham so
1:06
this free media tools FMPG installed so
1:08
just type so in this way guys you can
1:10
take example of any video which contains
1:12
audio and if you only want to extract
1:15
the audio you can use this like this so
1:19
it's a very simple example but the main
1:21
thing is that we are using this ffmpg
1:24
web assembly library if you just write
1:27
this on Google this GitHub repo will
1:30
come they basically designed this tool
1:33
to run fmpp directly in the browser by
1:38
default fmpp is a command line specific
1:40
library but they actually developed this
1:44
on top of it to run fmpg directly in the
1:47
browser
1:48
so by default if you visit fmmppg-org
1:53
it's a complete crossplatform solution
1:56
where you can convert video from one
1:59
format to another or do these operations
2:02
so you can access fmppg directly in the
2:05
command line right here like this so I
2:08
have given this code guys if you are
2:10
interested in purchasing the source code
2:12
of this it's a full working example and
2:14
you can see I have uh compiled all the
2:18
FMMPG web assemblies libraries into a
2:21
single project so that you can actually
2:24
run this project very easily if you are
2:26
developing some kind of FMPG related
2:28
project so the setup process will be
2:30
very simple if you purchase it the link
2:32
is given in the description and if you
2:34
purchase it you will be redirected to
2:36
Google drive where you will get get this
2:38
directory structure you just need to
2:39
extract it and you will see all the
2:42
binaries all the files related to FMPPG
2:45
web assembly i have included this and
2:47
this is a simple index.html file that
2:50
you will run inside the browser so just
2:52
inside your VS code you can just uh
2:55
install a third party extensions such as
2:58
live server so which will actually start
3:00
a simple HTTP server and uh I've already
3:04
installed it so right here simply serve
3:07
this and by default it will open at
3:10
localhost 3000 and just make sure that
3:13
your port number matches so inside this
3:15
index html right here whatever is your
3:18
port number you just need to replace
3:20
here so mine is 3,00
3:23
so now you will not you will not get any
3:27
sort of error so typically we get shared
3:30
error buffer is not defined or you get
3:32
cause issues but if you select the video
3:35
file you will see it will now process
3:38
your file
3:42
instantly as you select
3:51
a video here
3:53
and it will
3:57
process it you will see now you will see
3:59
this progressing bar and if you check
4:01
the console it is basically processing
4:04
your video second by second and you will
4:07
get this once it reaches 100% you will
4:10
get this notification download MP3
4:12
button will be generated so it's a very
4:14
simple example but it's very powerful it
4:16
will save you a lot of time because you
4:18
don't need to start it from scratch you
4:21
can use it this working code and just
4:24
modify this index html file to make any
4:26
sort of other application let's suppose
4:29
audio converter you can extract video
4:33
and convert them to images so it's a
4:36
simple project so full working project
4:40
which works entirely in the browser and
4:42
it uses this ffmpg web assembly library
4:45
so if you are planning to actually start
4:47
a project related to FMPPG web assembly
4:50
so this will be a great example so you
4:53
can directly purchase it guys the link
4:54
is given in the description and thank
4:57
you very much for watching this video
4:59
and also check out my website guys which
5:02
is freemediattools.com which contains uh
5:05
unlimited number of tools regarding
5:07
audio video and image and I will be
5:10
seeing you guys in the next live stream
#Software
#Multimedia Software