js获取视频编码

一.背景

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

二.插件

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

三.完整html代码


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <input type="file" id="inputFile" accept="video/*">
</div>
<script type="text/javascript" src="https://unpkg.com/mediainfo.js@0.1.4/dist/mediainfo.min.js"></script>
<script>
    //主要时获取视频编码，有些浏览器不支持某些视频编码
    function getFileEncodeInfo(file) {
        return new Promise((fileEncodeResolve, fileEncodeReject) => {
            //format结果值的格式（选择：object，JSON，XML，HTML或text）
            MediaInfo({ format: 'object' }, (mediainfo) => {
                const getSize = () => file.size
                const readChunk = (chunkSize, offset) =>
                    new Promise((resolve, reject) => {
                        const reader = new FileReader()
                        reader.onload = (event) => {
                            if (event.target.error) {
                                reject(event.target.error)
                            }
                            resolve(new Uint8Array(event.target.result))
                        }
                        reader.readAsArrayBuffer(file.slice(offset, offset + chunkSize))
                    })
                mediainfo.analyzeData(getSize, readChunk).then((result) => {
                    fileEncodeResolve({
                        encodeFormat:result.media.track[1].Format,
                        result
                    });
                }).catch((error) => {
                    fileEncodeReject(error);
                })
            })
        })
    }
 
    document.getElementById('inputFile').addEventListener('change', async (e) => {
        const file = e.target.files[0]
        try {
            const fileEncodeInfo = await getFileEncodeInfo(file);
            //AVC各大浏览器都支持
            if(fileEncodeInfo.encodeFormat!=='AVC'){
                console.log('目前支持AVC(h264)视频编码格式')
            }else{
                console.log('视频编码格式正常')
            }
        }catch (error) {
            console.log('获取视频编码信息失败：',error)
        }
    })
</script>
</body>
</html>

相关阅读:
Axi_Lite接口的IP核与地址与缓冲与AxiGP0
Spring Boot整合swagger2
【读书笔记】《我们》
基于LSTM-Adaboost的电力负荷预测（Matlab代码实现）
SSM - Springboot - MyBatis-Plus 全栈体系（十七）
ARP欺骗
【算法】最优乘车——bfs（stringsteam的实际应用，getline实际应用）
【多线程进阶】JUC中常见类
一键接入大模型：One-Api本地安装配置实操
关于tcp发送成功但对端无法接收情况的思考

原文地址：https://blog.csdn.net/qq_39634880/article/details/133952666