在做一个视频上传功能时,测试提出上传的部分视频没有办法播放,于是找了半天,发现是编码格式的问题,并 不是所有的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的bufferlet 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('请检查视频格式后再上传')}
)

js 判断视频编码格式是不是avc格式的相关推荐

  1. 【opencv】6.视频编码格式与封装格式

    视频编码格式与封装格式,opencv2.4.8不能读取h265编码格式的视频文件 (1)编码格式是编码格式,封装格式(也可以说容器)是封装格式.编码格式有H.265.JPEG.MPEG-4 Video ...

  2. JS 判断input输入框日期时间格式是否符合YY-MM-DD HH:MM:SS和是否符合实际日期规范方法以及SQL时间日期格式转化存储

    JS 判断input输入框日期时间格式是否符合YY-MM-DD HH:MM:SS和是否符合实际日期规范方法以及SQL时间日期格式转化存储 先获取input文本框内输入值 <p>日 & ...

  3. JS 判断字符串是否为JSON格式

    JS 判断字符串是否为JSON格式 参数:字符串 function strIsJSON(str) {// 判断是否为字符串if (typeof str == 'string') {try {// 解析 ...

  4. 音视频编码格式与封装格式

    一.编码格式与封装格式 编码格式:存在的目的主要是压缩原始数据的体积.用来存储/传输编码数据,并按一定规则把音视频.字幕等数据组织起来,播放器可以按照这些信息来匹配解码器.同步音视频. 封装格式:适应 ...

  5. js 判断视频大小、上传视频

    前端上传视频时肯定需要考虑大小是否超限,格式是否符合,这里我们简单的做一下校验 首先我们先用input上传视频 <input type="file" id="tea ...

  6. JS判断视频Video的播放、暂停、结束完成及获取长度事件监听处理

    日常应用场景中,可能会遇到这么一个情况,需要判断用户是否完整的观看完了一部视频,在这个场景中,和视频相关的事件大体涉及到几个部分,获取视频长度,视频开始播放,暂停播放和播放结束,下面来看下如何通过Ja ...

  7. js判断两个时间段(格式为xx:xx,24小时制)是否重叠

    例如检测一时间09:00~18:00与其它选择的时间段是否存在重叠,我自己的思路如下 将时间处理格式为Number格式进行比较,例如09:00~18:00处理为900和1800 判断已转换格式的检测时 ...

  8. (一) 音视频基础_Mpeg4封装格式音视频编码格式_解封装解码_像素格式_PCM音频-采样率-通道-planar_MP4标准和h264格式的NAL的GOP分析

    封装:从文件中把音视频读出来 解码:将音视频解压出来 重采样:将音视频转换成声卡显卡支持的格式,视频需要做像素格式的转换MPEG(或叫MPEG-4)是一套用于音频﹑视频信息压缩的编码标准. MPEG- ...

  9. OpenCV视频篇——视频文件格式--视频封装格式--视频编码格式区分

    目录 一.前言 二.视频文件格式(文件格式) 三.视频封装格式(视频格式) 1.AVI 2.QuickTime 3.高级流格式文件 4.RealVideo 5.NAVI 6.DivX 7.MPEG 四 ...

最新文章

  1. phpstudy2018升级MySQL5.5为5.7.24教程(图文)
  2. 华为,15万大军孤独行走在世界上
  3. 一文带你了解mysql sql model的only_full_group_by模式含Error 1055问题分析
  4. web开发:jquery之DOM
  5. C++ —— C++程序编译的四个过程
  6. 工程经济作业1答案_2015年一级建造师铁路工程真题及答案1
  7. RAID原理分析总结-运维工作记录
  8. 挑战Textarea——把textarea中的HTML写入数据库
  9. Windows Live Writer配置步骤
  10. [Python]利用python+ffmpeg合并B站视频及格式转换
  11. H3C WA4320H-ACN 无线AP硬改支持集客256M内存启动
  12. log4j2配置日志默认最大个数,以及自动删除过期日志文件的配置
  13. raptor的基本符号有_Raptor运算符号、函数、子过程介绍大全
  14. Todd Lammle's CCNA IOS Commands Survival Guide
  15. 逍遥安卓模拟器卡android,逍遥安卓模拟器怎么设置不卡 逍遥模拟器不流畅解决方法...
  16. 构建自己的NFTmint网站
  17. Spring Boot 结合 FreeMarker导出word文件
  18. deepin efi 启动u盘_用Deepin Linux ISO镜像启动或U盘引导只显示一个光标的解决
  19. 【入门级】学习卡尔曼滤波
  20. __construct 与 __destruct 区别

热门文章

  1. .NET Framework Initialization Error
  2. fastadmin 权限问题
  3. modbus 调试经验
  4. java为什么要抛出异常_java抛出异常是怎么回事?
  5. 证书及证书管理(keytool工具实例)
  6. 《C++》第1章——第111章
  7. gmtsar哨兵一号卫星两景数据拼接
  8. linux inet_init
  9. 美女MVP教你轻松学习Excel VBA-方洁影-专题视频课程
  10. 标准工时产能如何计算?工厂现场管理必学