• js获取视频编码

    一.背景

    有些浏览器不支持某些视频的编码方式导致播放出现问题，这个时候要限制视频上传

    二.插件

    https://unpkg.com/mediainfo.js@0.1.4/dist/mediainfo.min.js

    三.完整html代码

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Title</title>
    6. </head>
    7. <body>
    8. <div>
    9.     <input type="file" id="inputFile" accept="video/*">
    10. </div>
    11. <script type="text/javascript" src="https://unpkg.com/mediainfo.js@0.1.4/dist/mediainfo.min.js"></script>
    12. <script>
    13.     //主要时获取视频编码，有些浏览器不支持某些视频编码
    14.     function getFileEncodeInfo(file) {
    15.         return new Promise((fileEncodeResolve, fileEncodeReject) => {
    16.             //format结果值的格式（选择：object，JSON，XML，HTML或text）
    17.             MediaInfo({ format: 'object' }, (mediainfo) => {
    18.                 const getSize = () => file.size
    19.                 const readChunk = (chunkSize, offset) =>
    20.                     new Promise((resolve, reject) => {
    21.                         const reader = new FileReader()
    22.                         reader.onload = (event) => {
    23.                             if (event.target.error) {
    24.                                 reject(event.target.error)
    25.                             }
    26.                             resolve(new Uint8Array(event.target.result))
    27.                         }
    28.                         reader.readAsArrayBuffer(file.slice(offset, offset + chunkSize))
    29.                     })
    30.                 mediainfo.analyzeData(getSize, readChunk).then((result) => {
    31.                     fileEncodeResolve({
    32.                         encodeFormat:result.media.track[1].Format,
    33.                         result
    34.                     });
    35.                 }).catch((error) => {
    36.                     fileEncodeReject(error);
    37.                 })
    38.             })
    39.         })
    40.     }
    41.  
    42.     document.getElementById('inputFile').addEventListener('change', async (e) => {
    43.         const file = e.target.files[0]
    44.         try {
    45.             const fileEncodeInfo = await getFileEncodeInfo(file);
    46.             //AVC各大浏览器都支持
    47.             if(fileEncodeInfo.encodeFormat!=='AVC'){
    48.                 console.log('目前支持AVC(h264)视频编码格式')
    49.             }else{
    50.                 console.log('视频编码格式正常')
    51.             }
    52.         }catch (error) {
    53.             console.log('获取视频编码信息失败：',error)
    54.         }
    55.     })
    56. </script>
    57. </body>
    58. </html>

  • 相关阅读:
    C++多线程的用法（包含线程池小项目）
    mysql 数据库迁移
    【云原生 | Kubernetes 系列】K8s 实战 配置 Pod 的服务质量（QoS）类
    二进制部署ETCD单机版
    2064：交换值（信奥赛一本通）
    Django--31Django知识体系梳理总结
    硬链接及软连接引出的inode
    nginx负载均衡
    Eureka
    证券公司可以提供免费股票level2接口吗？
  • 原文地址：https://blog.csdn.net/qq_39634880/article/details/133952666