Video.js v10 skin

Tally

Four cameras. One timeline. You call the shots.

Artemis II · April 1, 2026

Four cameras are standing by.

GO FOR LAUNCH

Then press 1 to 4 to cut between cameras.

That's a wrap

Run it again and cut it your way.

You just directed a launch.

ROLL IT AGAIN
MISSION T-00:10
CAMERAS
DIRECTOR
VIEW
SOUND

You're the director

Pick the camera

Four cameras filmed the same moment. Tap any one, or press 1 to 4, and that's the one you're watching. The red light shows your pick.

Everything stays in sync

Play, pause or skip around once and all four cameras move together. The marks on the timeline jump you straight to the big moments.

Or let it run itself

Don't feel like switching? Press AUTO and it picks the best camera for you. Touch any camera and you're back in charge.

Three ways to watch

See all four at once, make your pick big with the others on the side, or fill the screen with just the one you chose.

Watch your own cut

It remembers every switch you make. When it's over, play back your version of the launch, start to finish.

1234 cameras A auto V view Space play M mute F full screen

Use your own cameras

Tally isn't tied to this launch. Point it at any videos filmed at the same time: a concert, a game, a class, a wedding. You list the cameras, and it does the rest.

export const cams = [
  { id: 1, name: 'Ground',  src: 'ground.mp4', master: true },
  { id: 2, name: 'Onboard', src: 'onboard.mp4', offset: 0.34 },
  { id: 3, name: 'Chase',   src: 'chase.mp4',   offset: 0.49 },
  { id: 4, name: 'Air',     src: 'air.mp4',     offset: 1.0 },
];

// Optional: marks on the timeline, and a script for AUTO
export const events   = [{ t: 0, label: 'Liftoff' }];
export const autoCuts = [[-10, 1], [-7, 2], [5, 4], [11, 3]];

Built on Video.js v10: its play, seek, mute and full screen parts, plus two small custom elements for the clock and the camera switching.