前端如何在上傳之前對(duì)視頻文件進(jìn)行壓縮？

最近做了一個(gè)vue項(xiàng)目-的視頻上傳的功能，
需求是這樣的：用戶打開(kāi)頁(yè)面 ，會(huì)有一個(gè)打開(kāi)攝像頭的按鈕，當(dāng)用戶點(diǎn)擊按鈕時(shí)，會(huì)打開(kāi)手機(jī)攝像頭對(duì)用戶進(jìn)行攝像。
問(wèn)題：攝像完之后，iOS上傳沒(méi)有問(wèn)題，安卓的一直在轉(zhuǎn)圈，無(wú)法傳成功。
之后檢查 發(fā)現(xiàn)安卓前置攝像頭錄制10秒 文件就有20多M。而iOS只有幾兆

想知道前端能不能壓縮音頻文件 有什么處理方法 對(duì)視頻文件上傳之前進(jìn)行壓縮？
網(wǎng)上搜索了很多方法 都沒(méi)有用

視頻上傳方法：

<a href="javascript:;" class="a-upload">
  <input type="file" class="videoBtn" id="video"  @change="onUpload" accept="video/*" capture="user">
  開(kāi)始錄制視頻
  </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)
    }
},