Stylize

Camera shake effect for video

Handheld camera energy on a steady shot. The picture is zoomed in slightly so its edges never show.

Shown on A VW bus on a causeway

Before · the same request without it

After · Handheld energy on a steady shot. The frame's edges never show.

The entry

Add it to a clip's effects list. Entries run in the order you write them.

{
  "type": "shake"
}

Settings

Name	Accepts	Default	What it does
amount	0 to 1or keyframes	0.3	0 to 1, how far the frame moves. 0.2 to 0.4 is handheld, 1 is an earthquake.
speed	0 to 1or keyframes	0.3	0 to 1, how fast it moves.

Run it

The whole request behind the render above. Paste it as it is, or swap the file for your own.

TypeScript SDK cURL

import { createClient, outputUrl } from "@rendobar/sdk";

const rb = createClient({ apiKey: process.env.RENDOBAR_API_KEY });

const job = await rb.jobs.run({
  type: "compose",
  params: {
    schemaVersion: 1,
    output: {
      format: "mp4",
      resolution: {
        width: 960,
        height: 540
      }
    },
    timeline: {
      tracks: [
        {
          clips: [
            {
              asset: {
                type: "video",
                src: "https://cdn.rendobar.com/compose/showcase/media/road.mp4"
              },
              start: 0,
              effects: [
                {
                  type: "shake"
                }
              ]
            }
          ]
        }
      ]
    }
  },
});

console.log(outputUrl(job));

Install with npm i @rendobar/sdk. jobs.run() submits and waits, so it returns the finished job in one call.

curl https://api.rendobar.com/jobs \
  -H "Authorization: Bearer $RENDOBAR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"type":"compose","params":{"schemaVersion":1,"output":{"format":"mp4","resolution":{"width":960,"height":540}},"timeline":{"tracks":[{"clips":[{"asset":{"type":"video","src":"https://cdn.rendobar.com/compose/showcase/media/road.mp4"},"start":0,"effects":[{"type":"shake"}]}]}]}}}'

Returns immediately with a job id. Poll GET /jobs/{id} or register a webhook rather than blocking on the request.

Questions

What does the shake effect do in compose?

Handheld camera energy on a steady shot. The picture is zoomed in slightly so its edges never show. Handheld energy on a steady shot. The frame's edges never show.

How do I add camera shake to a video with an API?

Send a compose job to the Rendobar API with this entry in the timeline: {"type":"shake"}. Add it to a clip's effects list. Entries run in the order you write them. The request on this page is complete and renders as shown.

What are the default settings for camera shake?

Every setting has a default, so the type on its own is enough: amount 0.3 and speed 0.3. Set only the ones you want to change.

Footage and sound

Loyalty Freak Music - 04 - Sweet Sun.ogg, by Loyalty Freak Music. CC0.
Volkswagen T2.webm, by Coverr. CC0.

Glitch Digital break-up for a beat or a scene change, kept light enough that the shot underneath still reads. Pixelate Large square pixels over the whole picture. Posterize Flatten the picture into a few steps of each color, like a screen print. RGB shift Red and blue pulled apart sideways for an analog edge, kept to a fringe so the shot underneath still reads. Scan lines The dark lines of a CRT monitor. Sketch The picture as a pencil drawing.

See all 77 in the effects reference →