Up next in 10
Build a FFMPEG WASM Images to Slideshow Video Editor With Audio in Browser Using HTML & JavaScript
Jun 24, 2025
Buy the full source code of application here:
https://procodestore.com/index.php/product/build-a-ffmpeg-wasm-images-to-slideshow-video-editor-with-audio-in-browser-using-html-javascript/
Hi Join the official discord server to resolve doubts here:
https://discord.gg/cRnjhk6nzW
Visit my Online Free Media Tool Website
https://freemediatools.com/
Buy Premium Scripts and Apps Here:
https://procodestore.com/
Show More Show Less View Video Transcript
0:03
uh hello guys welcome to this live
0:05
stream so in this live stream i will
0:07
show you a complete editor that i
0:10
developed inside the browser which
0:12
converts uh all your images into a
0:15
slideshow or a video and you can even
0:18
put audio in the background as well so
0:20
let me show you the actual tool uh which
0:22
is deployed on free media tools.com the
0:25
tool name is images to video maker
0:28
and from a bunch of images you can
0:30
create a mp4 video so let me show you
0:33
the tool here it's built using fmpp uh
0:37
web assembly library and it runs
0:39
entirely in the browser no server so
0:42
serverside code is involved right here
0:44
it is deployed here on free
0:46
mediatools.com images to video editor
0:49
and the interface looks like this here
0:51
you can drag and drop multiple images of
0:54
png jpg or any format that you have so
0:59
let me select a bunch of images in the
1:02
slideshow so you can select multiple
1:04
images here so after selecting all these
1:07
images you will see this slider here you
1:10
can control the duration of uh how much
1:13
second each image should appear in the
1:15
video so by default each image is
1:18
appearing for 3 seconds but you can
1:20
change the duration using the slider
1:22
that you see right here it's a complete
1:25
editor
1:27
you can change the slider for each image
1:31
by default it appears for 3 seconds
1:35
you can remove each image and you can
1:37
even put audio for each image as well by
1:41
having this
1:44
and then you can even put a global
1:46
background audio for this slideshow so
1:49
you have this option to choose a audio
1:51
file so this can be a mp3 wave file so
1:54
let me put a
1:56
it can be a background music as well you
1:58
can put inside the slideshow or your
2:01
voice over as well you can control the
2:03
volume as well using the slider it said
2:06
it is set to 50% so you can change to
2:09
increase the audio as well
2:11
after that we have these buttons here to
2:14
generate the live preview of the video
2:16
so if i click the generate preview
2:17
button you will see in the background
2:19
ffmppg will start doing its process it
2:22
will generate the slideshow from this
2:24
bunch of multiple images and that audio
2:26
file that we put right here and you will
2:29
see it will display the live preview in
2:31
this video player so you just wait for
2:34
the fabg to do the processing and now
2:37
you can see we had selected five images
2:40
and the total length of the video is 15
2:43
second each image is appearing for 3
2:45
seconds let me just turn on the audio as
2:48
well canva clone remove background from
2:50
image kind of offline editor that i
2:53
developed inside html so as you can see
2:55
each image is appearing for 3 seconds
2:57
after that the next image comes and a
3:00
canva clone remove background from im so
3:03
you can see the background audio is also
3:05
playing and then you can now download
3:08
this video so this video downloads as
3:11
mp4 as you can see and now you can play
3:13
this offline locally inside your video
3:15
player it's a very simple application
3:18
but very powerful as well it will save
3:21
you a lot of time because from a bunch
3:23
of images you can create a slideshow
3:25
video with you can put your background
3:27
music as well and uh the full source
3:30
code of this application is given you
3:32
can directly purchase it uh after
3:34
purchasing it you will get a zip file uh
3:37
which will contain this directory
3:39
structure you will have all the
3:40
executables compiled into a single
3:43
folder which is the ffmpg web assembly
3:46
and this index html file here so you can
3:48
see it's a single file which is using
3:51
html css and javascript and it's around
3:55
about 638 lines of code here this is
3:58
actual source code of this video editor
4:00
which converts your images to video or
4:03
slideshow so after you purchase it you
4:06
can simply run this locally as well and
4:08
now you can see we are running it
4:10
locally on local host 3000
4:13
and again you repeat the same process
4:15
you se select a bunch of multiple images
4:21
and then you put your background music
4:25
and then click on generate preview so
4:27
this will generate the live preview it
4:30
will also show you this progress bar so
4:32
that you see how much time is remaining
4:35
and after that it will generate your mp4
4:37
video this is really useful if you are a
4:40
content creator if you want to build out
4:43
bulk videos from a bunch of images you
4:45
can see it has created this mp4 video if
4:48
i play this guys welcome to this
4:49
alongside with the audio as well you a
4:52
canva clone remove background from image
4:54
kind of a offline so if you want to
4:58
purchase it first of all you can try
4:59
this at the checkout page i've given
5:01
this demo link of this tool right here
5:04
so before purchasing it you can try this
5:06
tool so if you like this tool then you
5:09
can purchase the source code of this so
5:11
automatically after purchase you will be
5:13
redirected to google drive where you
5:15
will get this full source code
5:18
so all the executables of ffmppg web
5:21
assembly is stored inside this umd
5:23
folder so it's easy for you to use ffmpg
5:26
directly in the browser so your
5:29
application will run smoothly and if you
5:32
don't know about fmfmppg it's a command
5:34
line
5:37
library for working with audio video and
5:39
image it's an open-source library uh so
5:42
originally this library was built to
5:44
work for command line but uh fmpp web
5:47
assembly is a solution to execute this
5:49
library directly in the browser so this
5:51
is their github page and we are using
5:54
this actual library for building this
5:57
application directly in the browser so
6:00
you can just say it's a mini video
6:02
editor which directly runs in the
6:04
browser you don't need any third party
6:06
software for using this it's completely
6:09
free to use it doesn't require any
6:12
internet as well you select a bunch of
6:14
images
6:19
and then you can see you can select the
6:22
duration of each image you can even put
6:24
audio for each image as well or you can
6:27
set background audio as well then you
6:30
simply click the button generate preview
6:32
and then it will
6:35
make this video instantly directly in
6:38
the browser so it's it's a image to
6:41
video slideshow so you can try this and
6:45
then if you like it then you can
6:47
purchase the full source code of this
6:49
application uh thank you very much for
6:51
watching this hello guys welcome to this
6:53
video so in this video live stream
6:57
and i will be seeing you in the next one
#Online Media
#Multimedia Software