Shake, medium

Moderate handheld shake with slight roll. Zooms 6% to hide edges. Impacts, bass drops, vehicles and action beats.

Apply this to my video: "Shake, medium" from the 24fps video editor library.
Preset JSON: https://24fps.dev/video-editor/effects/shake-standard/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: Zoom Shake / camera shake, Shaky Zoom, Calcium Shake, Error Shake, Shake 3, Shake 1, Shake 2, Shake Down, Zoom Shake, Shake, Camera Shake, 抖动运镜
Technique
Camera shake effect
Footage
City lights bokeh, Pexels

Similar effects & grades