最近做了一个vue项目-的视频上传的功能，
需求是这样的：用户打开页面 ，会有一个打开摄像头的按钮，当用户点击按钮时，会打开手机摄像头对用户进行摄像。
问题：摄像完之后，iOS上传没有问题，安卓的一直在转圈，无法传成功。
之后检查 发现安卓前置摄像头录制10秒 文件就有20多M。而iOS只有几兆

想知道前端能不能压缩音频文件 有什么处理方法 对视频文件上传之前进行压缩？
网上搜索了很多方法 都没有用

视频上传方法：

<a href="javascript:;" class="a-upload">
  <input type="file" class="videoBtn" id="video"  @change="onUpload" accept="video/*" capture="user">
  开始录制视频
  </a>

 onUpload(event){
    var _this = this;
    let orderid = this.$route.query.orderid;
    console.log(event)
    var reader = new FileReader();
    var video = event.target.files[0];
    reader.readAsDataURL(video);
    reader.onloadend = function () {
        console.log(reader.result);
        _this.upLoadVideo(reader.result, orderid)
    }
},