Video trim and captions

Edits a short fictional clip with a trim range and plain-text caption cues; no media is fetched.

media-video-edit · media/VideoEditPanel

media video

Props

durationMs
labels
onchange
value

Live example loads in an isolated same-origin preview frame.

Source (media-video-edit/entry.ts)

import { defineExample } from '../registry.ts';

export const mediaVideoEditExample = defineExample({
  id: 'media-video-edit',
  title: 'Video trim and captions',
  description:
    'Edits a short fictional clip with a trim range and plain-text caption cues; no media is fetched.',
  tags: ['media', 'video', 'captions', 'editing', 'a11y'],
  component: 'media/VideoEditPanel',
  props: ['durationMs', 'value', 'labels', 'onchange'],
  load: () => import('./MediaVideoEditDemo.svelte'),
});