How to create a basic transition effect between two videos?

Proud2be_a_newbie

How can I create a basic fade transition effect between two videos?

Let us say we have video1.mov playing and after that is done, play video2.mov right away.

But when video1 is done playing, the last few seconds, the frames fade out and when video2 starts playing, the first few frames fade in.

kfrajer

• You need to work first in detecting when you are almost at the end of the movie. Can you do that?
• Take two images, fade one into the other one. can you do that?
• Fade one image into another one based on a percentage.
• Then play two movie one after the other one.
• The last step is merging all the previous steps.

Do you have the video library installed in processing? You can install it through the Library manager. Then go to Files>>Examples and then go to Libraries>>Video>>Movie and open frames.pde as this file is a good example to start from.

Kf

jeremydouglass

As kfrajer says, separate what you are trying to do into separate problems:

1. timing when a movie ends
2. cross-fading

For the timing:

• movie.duration() returns the length of the movie in seconds https://processing.org/reference/libraries/video/Movie_duration_.html
• movie.time() returns the current play location in the movie https://processing.org/reference/libraries/video/Movie_time_.html

Use those to detect when you are n seconds away from the end of a Movie -- if so, trigger an event (e.g. fade movieA down, fade movieB up).

For the fading:

Cross-fading between either two images or between two videos always works in the same way. Here is a previous discussion with an example sketch that demonstrates cross-fading between two videos:

• https://forum.processing.org/two/discussion/comment/79151/#Comment_79151

GoToLoop

https://forum.Processing.org/two/discussions/tagged/playbin2.about_to_finish

Proud2be_a_newbie

Thank you everybody for your responses.

jeremydouglass,

I was able to get the desired effect working in the end, thanks to that tutorial!