How can i merge a video.webm with images/slides which have events.vtt

[sahilkundu]

I downloaded a video from a education app.
Video runing on app as normal.
After downloading teacher video got separately from slide as images.
in Android/data/app-folder their are three files
one is video.webm, 2nd is events.vtt and third is folder called images which contains all images of video sliding.
How can we merge video.webm(in which showing only teacher voice and face not with ppt) and other has image in images folder.

In below image here is the structure

[Attachment 72867 - Click to enlarge]

I also attaching a file of folder :- https://www.upload.ee/files/15524678/co.gradeup.android.zip.html

Question-: How can we merge these images with video.webm?

[[ss]vegeta]

Question-: How can we merge these images with video.webm?

1. Find a different way to download the video fully with the teacher and the slides in one video.

2. ffmpeg can make a video out of images. ffmpeg can merge your new video of images with the video of the teacher. However, the problem is, how to automatically extract how long the images/slides last in the video, to match what the teacher is saying. Now, in the .vtt file there are some codes and, probably, the "s" value is for the slide. So someone with a good regex knowledge might be able to extract the necessary information on how long each slide/image should last and then add that to the ffmpeg commands to make the video of the images/slides. But I doubt anyone will go through this.

If you are willing to do this manually, just google how to do the stuff with ffmpeg.

[ProWo]

I think you need the app to render everything correctly.
It is likely that the video will be displayed as PIP (picture in picture) in the images.

[sahilkundu]

Yes @ProWo, Video displayed as PIP above the images.
Here is the SS.
[Attachment 72869 - Click to enlarge]

Information in the segment.vtt file here:- https://www.upload.ee/files/15524678/co.gradeup.android.zip.html