js 判断视频编码格式是不是avc格式的

最新推荐文章于 2023-10-20 19:33:51 发布

A small

最新推荐文章于 2023-10-20 19:33:51 发布

阅读量985

点赞数 2

文章标签： javascript 音视频 vue.js

本文链接：https://blog.csdn.net/zjmxbd/article/details/129245632

版权

在做一个视频上传功能时,测试提出上传的部分视频没有办法播放,于是找了半天,发现是编码格式的问题,并不是所有的mp4 视频都支持vide 标签播放,在这里用到了一个插件 mp4box,来判断这个视频是否是avc 格式的，在这直接贴代码吧(是在vue 项目里面使用)

import MP4Box from 'mp4box';
// 判断视频编码格式是不是avc格式的
export function base_videoInfo(file, success, fail) {
  let mp4boxFile = MP4Box.createFile();
  mp4boxFile.onReady = function (info) {
    let mime = info.mime.split(';');
    let codec = mime[1].split('=')[1];
    if (mime[0].indexOf('video') === -1 || codec.indexOf('avc') === -1) {
      fail();
    } else {
      success();
    }
  };
  if (file) {
    // 读取mp4的buffer
    let reader = new FileReader();
    reader.readAsArrayBuffer(file);
    reader.onload = function (e) {
      let arrayBuffer = e.target.result;
      arrayBuffer.fileStart = 0;
      mp4boxFile.appendBuffer(arrayBuffer);
    };
  }
}

// 在页面上的使用方法
base_videoInfo(file,
	() =>{
		console.log('执行正常上传文件步骤')
	},
	() =>{
		console.log('请检查视频格式后再上传')
	}
)