canvas-video-cropper v0.1.4

Belivvr canvas video cropper

Before

After

  interface Props {
    targetVideo: HTMLVideoElement;
    canvas: HTMLCanvasElement;
    view: HTMLCanvasElement;
    ratio: number;
    width: number;
    height: number;
  }
  
  export function makeEditedVideo({
    targetVideo,
    canvas,
    view,
    ratio,
    width,
    height,
  }: Props): void;

Step

1. prepare pseudo canvas, view canvas, choose the video that you want to crop.

2. use function makeEditedVideo for crop.

3. if success, get video like this. (id = 'maked-video')