Concatenating video with fade in and fade out effects overlapped

Brian Backhaus

September 20, 2019 10:42

Hi,
I want to concatenate videos like this: https://res.cloudinary.com/demo/video/upload/w_300,h_200,c_fill,e_fade:-1000/l_video:dog,fl_splice,e_fade:1000,w_300,h_200,c_fill/kitten_fighting.mp4
But the problem is that the second video starts to fade in after the first video ends. I want them to be overlapped: as the first video starts to fade out, the second should start to fade in. How can I do that?
I've played with `so` and `eo` parameters, but I didn't figure out the right way with `fl_splice`.

Thanks,
Bohdan

0

• 

  Brian Luk

  September 21, 2019 22:01

  Hi Bohdan,

  Thanks for reaching out! fl_splice is used to concatenate videos, so this is why you are seeing the video end before the second one begins. However, you can get what you are looking for in 2 ways: 

  1. You could upload a custom transition of the particular fade you want to have, and use our e_transition parameter: https://cloudinary.com/documentation/video_manipulation_and_delivery#concatenate_videos_with_custom_transitions

  2. Using our existing functionality, I was playing around and you could do something like this: https://res.cloudinary.com/demo/video/upload/w_300,h_200,c_fill,e_fade:-1000,du_5000,fl_splice/l_video:dog,e_fade:1000,w_300,h_200,c_fill,so_9/kitten_fighting.mp4

  First set a long duration (du_5000) of the original file to ensure that you are capturing the full length of both videos. Move fl_splice to the first transformation to dictate that you want to splice this containing video. When overlaying the dog video, use so_9 (start offset) to dictate when you want this video to transition in. The cat video is 10 seconds long and we set a 1 second transition, so I had the dog video start 9 seconds in to overlap the fade effect.

  Thanks,

  Brian

  1

Post is closed for comments.