当前位置：首页 > news >正文

js获取视频编码

news 2026/2/8 21:43:36

一.背景

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

二.插件

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.sizeconst 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>

js获取视频编码

一.背景有些浏览器不支持某些视频的编码方式导致播放出现问题，这个时候要限制视频上传二.插件 https://unpkg.com/mediainfo.js0.1.4/dist/mediainfo.min.js 三.完整html代码 <!DOCTYPE html> <html lang"en"> <head><meta ch…...

编程日记 2023/10/22 13:59:03

560. 和为 K 的子数组 --力扣 --JAVA

题目给你一个整数数组 nums 和一个整数 k ，请你统计并返回该数组中和为 k 的连续子数组的个数。子数组是数组中元素的连续非空序列。解题思路数组项累加可以使用双层循环进行遍历；子数组的长度是不确定的，也可能存在1 1 2和1 1 - 1…...

编程日记 2023/10/22 13:57:00

【趣味随笔】农业机器人的种类与发展前景

📢：如果你也对机器人、人工智能感兴趣，看来我们志同道合✨ 📢：不妨浏览一下我的博客主页【https://blog.csdn.net/weixin_51244852】 📢：文章若有幸对你有帮助，可点赞 👍…...

编程日记 2023/10/22 13:55:59

使用CountdownLatch和线程池批量处理http请求，并处理响应数据

背景和问题背景：最近项目的一个接口数据，需要去请求其他多个服务器的数据，然后统一返回； 问题点：如果遍历所有的服务器地址，然后串行请求就会出现请求时间过长，加入需要请求十个服务器&…...

编程日记 2023/10/22 13:54:58

记录--怎么写一个可以鼠标控制旋转的div？

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助说在前面鼠标控制元素旋转在现在也是一个很常见的功能，让我们从实现div元素的旋转控制开始来了解元素旋转的具体原理和实现方法吧。效果展示体验地址 code.juejin.cn/pen/7290719… 实现…...

编程日记 2023/10/22 13:53:57

JVM第十八讲：调试排错 - Java 问题排查之工具单

调试排错 - Java 问题排查之工具单程序员想要有更好的发展，排查问题的能力一定得加强。举个例子：cpu100% 怎么排查，线上接口逐渐变慢了该怎么排查？慢查询该如何治理？你的思路是啥？本文是JVM第十八讲&#…...

编程日记 2023/10/22 13:52:54

JAVA基础-正则表达式(12)

目录 Java 正则表达式正则表达式实例正则表达式语法 Matcher 类的方法索引方法查找方法替换方法start 和 end 方法 Java 正则表达式正则表达式定义了字符串的模式。正则表达式可以用来搜索、编辑或处理文本。正则表达式并不仅限于某一种语言，但是在每种语言中有细…...

编程日记 2023/10/22 13:51:53

[论文笔记]GPT-1

引言今天带来论文Improving Language Understanding by Generative Pre-Training的笔记，它的中文题目为：通过生成式预训练改进语言理解。其实就是GPT的论文。自然语言理解可以应用于大量NLP任务上，比如文本蕴含、问答、语义相似和文档分类。虽然无标签文本语料是丰富的，…...

编程日记 2023/10/22 13:50:52

【3D 图像分割】基于 Pytorch 的 VNet 3D 图像分割1（综述篇）

在上一个关于3D 目标的任务，是基于普通CNN网络的3D分类任务。在这个任务中，分类数据采用的是CT结节的LIDC-IDRI数据集，其中对结节的良恶性、毛刺、分叶征等等特征进行了各自的等级分类。感兴趣的可以直接点击下方的链接，直达学习&…...

编程日记 2023/10/22 13:49:51

css之Flex弹性布局

文章目录 🐕前言：🏨定义flex容器 display:flex🏨在flex容器中子组件进行排列🪂行排列 flex-direction: row🪂将行排列进行翻转排列 flex-direction: row-reverse🏅按列排列 flex-direction: col…...

编程日记 2023/10/22 13:48:50

web.xml配置详解

在Java Web应用程序中，web.xml是一个XML配置文件，用于定义和配置Servlet、过滤器、监听器和其他Web应用程序组件的行为和属性。web.xml文件通常位于Web应用程序的WEB-INF目录下，用于描述Web应用程序的部署信息和配置。以下是一些web.xml配置的…...

编程日记 2023/10/22 13:47:49

关于我学习Go语言在CSDN分享的心得体会

最近我一直在学习Go语言，并通过CSDN平台分享我的学习心得和体会。在这篇博客中，我将与大家分享我在学习Go语言过程中的经验和收获。希望通过这篇博客能够帮助其他Go语言初学者更好地掌握这门语言，并与广大Go语言爱好者进行交流和互动。选择…...

编程日记 2023/10/22 13:46:47

Java类的Builder应用以及使用@Data和@Builder高效应用Builder

⭐Java Builder模式：是Java设计模式之一，它属于对象创建型模式，是将一个复杂对象的构建与它的表示分离，使得同样的构建过程可以创建不同的表示。结论一：使用lombok的Data和Builder注解构建Java类的Builder简洁高效&am…...

编程日记 2023/10/22 13:45:46

【Qt控件之QTabWidget】介绍及使用

描述 QTabWidget类提供了一个带有选项卡的小部件堆栈。选项卡小部件提供了一个选项卡栏（参见QTabBar）和一个“页面区域”，用于显示与每个选项卡相关联的页面。默认情况下，选项卡栏显示在页面区域的上方，但可以使用…...

编程日记 2023/10/22 13:43:44

Linux实战——网络连接模式的三种模式

Linux可以分为三种网络模式： 桥接模式 （vmnet0) 仅主机模式 (vmnet1) NAT模式 (vmnet8) 当我们下载了vmware之后，在电脑会出现两个虚拟网卡，VMware Network Adapter VMnet1、VMware Network Adapter VMnet8。可以通过查找控…...

编程日记 2023/10/22 13:42:43

嵌入式实时操作系统的设计与开发（任意大小的内存管理）

任意大小的内存管理是根据用户需要为其分配内存，即用户需要多大内存就通过acoral_malloc2()为之分配多大内存，同时每块分配出去的内存前面都有一个控制块，控制块里记录了该块内存的大小。同时未分配出去的内存也有一个控制块，寻…...

编程日记 2023/10/22 13:41:42

文件读取结束的判定

大家好啊，我们今天来补充文件操作的读取结束的判定。被错误使用的feof 牢记：在文件读取过程中，不能用feof函数的返回值直接用来判断文件的是否结束而是应用于当文件读取结束的时候，判断是读取失败结束，还是遇到文件尾…...

编程日记 2023/10/22 13:40:40

《基于 Vue 组件库的 Webpack5 配置》9.module.exports 可为数组类型且注意编译顺序

module.exports常见是对象类型，其实也可用数组类型；注意编译顺序，从后往前编： 也就是说先编 another.js，再编 index.js；所以代码第 9 行不能设置为 true，仅在第一次，也就是代码第19…...

编程日记 2023/10/22 13:39:39

CUDA学习笔记（四）device管理

本篇博文转载于https://www.cnblogs.com/1024incn/tag/CUDA/，仅用于学习。 device管理 NVIDIA提供了集中凡是来查询和管理GPU device，掌握GPU信息查询很重要，因为这可以帮助你设置kernel的执行配置。本博文将主要介绍下面两方面内容&…...

编程日记 2023/10/22 13:38:37

【算法练习Day25】重新安排行程N 皇后解数独

📝个人主页：Sherry的成长之路 🏠学习社区：Sherry的成长之路（个人社区） 📖专栏链接：练题 🎯长路漫漫浩浩，万事皆有期待文章目录重新安排行程N 皇后解数独总…...

编程日记 2023/10/22 13:37:36

Cursor实现用excel数据填充word模版的方法

cursor主页：https://www.cursor.com/ 任务目标：把excel格式的数据里的单元格，按照某一个固定模版填充到word中文章目录注意事项逐步生成程序1. 确定格式2. 调试程序注意事项直接给一个excel文件和最终呈现的word文件的示例，…...

编程新知 2025/8/23 5:46:26

Xshell远程连接Kali（默认 | 私钥）Note版

前言:xshell远程连接，私钥连接和常规默认连接任务一开启ssh服务 service ssh status //查看ssh服务状态 service ssh start //开启ssh服务 update-rc.d ssh enable //开启自启动ssh服务任务二修改配置文件 vi /etc/ssh/ssh_config //第一…...

编程新知 2026/1/28 2:18:42

1、泄露代码示例 void X::SetApplicationBtn() {CMFCRibbonApplicationButton* pBtn GetApplicationButton();// 获取 Ribbon Bar 指针// 创建自定义按钮CCustomRibbonAppButton* pCustomButton new CCustomRibbonAppButton();pCustomButton->SetImage(IDB_BITMAP_Jdp26)…...

编程新知 2026/1/22 15:14:25

【OSG学习笔记】Day 16: 骨骼动画与蒙皮（osgAnimation）

骨骼动画基础骨骼动画是 3D 计算机图形中常用的技术，它通过以下两个主要组件实现角色动画。骨骼系统 (Skeleton)：由层级结构的骨头组成，类似于人体骨骼蒙皮 (Mesh Skinning)：将模型网格顶点绑定到骨骼上，使骨骼移动…...

编程新知 2026/2/1 5:42:50

在鸿蒙HarmonyOS 5中使用DevEco Studio实现录音机应用

1. 项目配置与权限设置 1.1 配置module.json5 {"module": {"requestPermissions": [{"name": "ohos.permission.MICROPHONE","reason": "录音需要麦克风权限"},{"name": "ohos.permission.WRITE…...

编程新知 2025/10/3 17:30:30