Javascript 如何在angular 9中修剪视频并将其上载到服务器？

我正在我的项目中实现一个类似facebook故事的功能。上传视频时，我想将时间范围设置为30秒。如果视频的持续时间大于30秒，则用户必须设置该视频的任何部分，但该视频的持续时间不能超过30秒。我使用的是angular 9和codeigniter

<input type="file" class="btn btn-block" (change)="createStoryEvent($event)">

    createStoryEvent(event: any) {
    const file = (event.target as HTMLInputElement).files[0];
    var reader = new FileReader();
    reader.onload = () => {
      this.file = reader.result as string;
    }
    reader.readAsDataURL(file)
  }