ffmpeg scale down video dynamically (squeeze-back) or zoompan out to smaller than original
I have 2 videos, I'm trying to overlay one on top of the other, and have it shrink down in an animated fashion until it appears like a picture-in-picture setup. Then, after a few seconds it should scale back up.
This is what I am trying to achieve (these would be videos, not images):
This is the closest I've been able to get, but, crucially, zoompanning "out" (as opposed to "in") does not appear to work; so, of course, this does not work:
ffmpeg -i bg.mov -i top.mov -filter_complex "[0:v]zoompan=z='pzoom-0.1':d=1, setpts=PTS-STARTPTS[top]; [1:v]setpts=PTS-STARTPTS+2/TB, scale=1920x1080, format=yuva420p,colorchannelmixer=aa=1.0[bottom]; [top][bottom]overlay=shortest=0" -vcodec libx264 out.mp4
Is this achievable with ffmpeg?
Use the scale filter with animation, available since v4.3.
Here's something to get you started. This will expand the top layer from 480 px height to 1080 height in 2 seconds and then back to 480 px in 2 seconds.
ffmpeg -i bg.mov -i top.mov -filter_complex "[0:v]scale=1920x1080,setpts=PTS-STARTPTS[bg]; [1:v]setpts=PTS-STARTPTS+2/TB, scale=-1:'480+600*abs(sin((t-2)*2*PI/8))':eval=frame[top]; [bg][top]overlay" -vcodec libx264 out.mp4
- ffmpeg scale down video dynamically (squeeze-back) or zoompan out to smaller than original
- How to hide background of matchedTransitionSource?
- Keep two view positions synchronized during animation
- Reduce Spacing between Scrollable tabs in compose
- Why is my JavaScript animation not being detected as starting by my 'animationstart' event listener?
- Animating items in a LazyVerticalGrid
- Can I play random attack animations without making state for each animation?
- Play tile animation when it is set
- Matplotlib FuncAnimation Step-by-Step Animation Function
- SwiftUI - phaseAnimator: prevent opacity change?
- Matplotlib animation doesn't clear previous frame before plotting new one
- SwiftUI - animating VStack order and content at the same time without glitches
- SwiftUI: matchedGeometryEffect and clipShape Animation Bug
- A Javascript if statement for a keyframes in CSS?
- SVG animateMotion (calcMode spline) not working in FF and Safari
- How do I mimic grass being cut using JavaScript and CSS?
- How to properly implement an animated theme change?
- I am a newbie who wants to make a game
- React - animate mount and unmount of a single component
- Infinite Background Position Animation
- How to animate/transition text value change in SwiftUI
- Set default transition for go_router in Flutter
- The saved animated plot keeps looping although Matplotlib FuncAnimation(...,repeat=False)
- How to make a smooth animation when widgets change?
- Controlling fps with requestAnimationFrame?
- How to resolve SwiftUI animation conflicts
- Is there a way to expand a circle from its middle point to both left and right?
- Trying to animate background element by hovering foreground element in SVG. I suspect I need :has() for that but can't figure out how
- Issue using matchedGeometryEffect animation in ScrollView
- Stopping a CSS animation but letting its current iteration finish