Water ripple warp

The picture wobbles as if seen through moving water, with the warp pattern changing every few frames. Underwater, dream and memory beats.

Apply this to my video: "Water ripple warp" from the 24fps video editor library.
Preset JSON: https://24fps.dev/video-editor/effects/water-ripple-cc2/preset.json (pass its "preset" to the engine).
Engine (MIT, no dependencies, ES module): https://24fps.dev/editor/engine.js. Download the engine next to your page (curl -O) rather than importing cross-origin, then import { mount } from "./engine.js" in a <script type="module"> served over http.
Wiring: root = a position:relative box at the video's size. media = { main }: main is a wrapper holding my video, filling the root. Then const fx = mount(root, { kind: "effect", preset, media }) and call fx.render(seconds) every frame. It is seek-safe: drive it from the GSAP timeline in HyperFrames or call render(frame / fps) in Remotion. Before capturing frames, await (fx.ready ?? document.fonts.ready).
Field reference: https://24fps.dev/video-editor/llms.txt. Keep sizes as fractions of the frame height so it works at any resolution. Credit: 24fps.dev/video-editor
Same idea
Also called: Ripple, 波纹扭曲, 水波纹, S-Point Ripple, Rippling Glow, Multi Ripples, Ripple Blur, Glitter Ripple, Ripple Wave, Water Fantasia, Bouncy Ripple, Water Shine, Telepath Sonic, Ripple Zone, Net Ripple, Ripple Flow, Glitch Ripple, Liquid Ripple
Technique
Water displacement warp
Footage
Man talking to camera, Pexels

Similar effects & grades