We've been trying to crack this code all week, reaching out to everyone to see if you have any solutions?
- We want the user to upload a video and in the next step he will select a small 5 second loop of the video which will be made as a gif.
- Old developer was able to do this by splicing the video at 10 seconds instead of 5 but not re-encoding it meant that it would sometimes be beyond 12 seconds and in some cases less than 7.
- We changed the code to force keyframes with re encoding so that it splices the video at exactly 5 seconds to show the loop.
- These slices are shown to the user using html5 video player.
- Upon selection of the loop that sliced video is converted to gif.
Everything is working in the vice order. The issue is when the user uploads a large sized and length video this slicing and re-encoding takes forever and that cause the user to feel the site is not working properly.
What we want is very simple:
- Show 5 second portion of the video on loop.
- If user wants to select another loop he/she clicks the next button and is taken to the next 5 second loop which would be either at 25% of the video or some other
- On selection of that portion it converts it into gif.