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

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.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获取视频编码

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

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

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

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

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

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

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

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

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

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

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

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

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

[论文笔记]GPT-1

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

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

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

css之Flex弹性布局

文章目录 &#x1f415;前言&#xff1a;&#x1f3e8;定义flex容器 display:flex&#x1f3e8;在flex容器中子组件进行排列&#x1fa82;行排列 flex-direction: row&#x1fa82;将行排列进行翻转排列 flex-direction: row-reverse&#x1f3c5;按列排列 flex-direction: col…...

web.xml配置详解

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

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

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

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

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

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

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

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

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

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

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

文件读取结束的判定

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

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

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

​CUDA学习笔记(四)device管理

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

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

​&#x1f4dd;个人主页&#xff1a;Sherry的成长之路 &#x1f3e0;学习社区&#xff1a;Sherry的成长之路&#xff08;个人社区&#xff09; &#x1f4d6;专栏链接&#xff1a;练题 &#x1f3af;长路漫漫浩浩&#xff0c;万事皆有期待 文章目录 重新安排行程N 皇后解数独总…...

别再折腾Python版本了!Windows Server上Seafile 5.0.3保姆级安装避坑指南

Windows Server上Seafile 5.0.3企业级部署全攻略 当企业需要搭建私有云存储时&#xff0c;Seafile凭借其出色的文件同步和团队协作功能成为热门选择。但在Windows Server环境部署时&#xff0c;Python版本兼容性问题往往成为技术人员的噩梦。本文将彻底解决这个痛点&#xff0…...

云容笔谈·东方红颜影像生成系统STM32项目联动展示:物联网设备触发个性化图像生成

云容笔谈东方红颜影像生成系统STM32项目联动展示&#xff1a;物联网设备触发个性化图像生成 最近我捣鼓了一个挺有意思的小项目&#xff0c;把一块STM32开发板和AI图像生成模型给连起来了。简单来说&#xff0c;就是让硬件设备能“感知”周围的环境&#xff0c;然后根据这些数…...

PX4飞控调试实录:我是如何用Simulink搞定四旋翼‘点头’和‘摇晃’问题的

PX4飞控调试实战&#xff1a;从Simulink模型到消除四旋翼振荡的完整历程 那是一个周五的深夜&#xff0c;实验室里只剩下我和那架倔强的四旋翼。它在悬停时总像喝醉了一样&#xff0c;时而高频颤抖&#xff0c;时而缓慢点头。Pixhawk飞控板上的蓝色LED灯在黑暗中闪烁&#xff0…...

中年人最贵的错觉,是靠“闭眼许愿”去赌一个残酷的未来

周四下班&#xff0c;北京下了场雨。我刚出地铁14号线&#xff0c;就被老同事大杨拽去了旁边的一家小饭馆。大杨今年39&#xff0c;在一家传统IT企业干了八年客户总监&#xff0c;背着大兴一套房的上万块月供&#xff0c;家里还有个刚上小学的吞金兽。几杯扎啤下肚&#xff0c;…...

C++ MapViewOfFile 内存映射实战:解锁Windows大文件高效处理

1. 为什么需要内存映射技术&#xff1f; 如果你曾经尝试用传统方式读取几个GB的大文件&#xff0c;可能会遇到性能瓶颈。我做过一个实验&#xff1a;用fread逐块读取1GB的日志文件&#xff0c;耗时超过3秒&#xff1b;而改用内存映射方式&#xff0c;同样的文件仅需不到0.5秒。…...

VH6501实战:手把手教你用CANoe脚本精准触发CAN总线干扰(附避坑点)

VH6501深度实战&#xff1a;CANoe脚本触发干扰的进阶技巧与排错指南 当你第一次用VH6501的CanDisturbanceFrameTrigger类配置触发条件时&#xff0c;是否遇到过这些情况&#xff1a;精心设置的触发位置总是莫名其妙地偏移到下一位&#xff1f;validityMask参数像天书一样难以理…...

Windows 11下ROS2 Humble与PyCharm环境搭建全攻略(附常见错误解决方案)

Windows 11下ROS2 Humble与PyCharm环境搭建全攻略&#xff08;附常见错误解决方案&#xff09; 在机器人操作系统&#xff08;ROS&#xff09;生态中&#xff0c;Windows平台的支持一直是个痛点。随着ROS2 Humble版本的发布&#xff0c;微软与开源社区的深度合作为Windows开发者…...

生产环境如何安全兼容从备份中提取单表数据_跨版本数据恢复方案

...

云端全自动AI漫剧生成工作流:从模型选型到完整实现

云端全自动AI漫剧生成工作流:从模型选型到完整实现 一、绪论 1.1 漫剧产业的AI化浪潮 漫剧作为“文字故事+静态漫画+动态效果”的新型内容形态,凭借低制作成本、高传播效率的优势,正迅速成为短视频平台的流量新风口。然而,传统漫剧生产流程高度依赖人工协作——从剧本改…...

ESP32按键防抖实战:用硬件消抖电路+软件延时解决LED闪烁问题

ESP32按键防抖实战&#xff1a;硬件消抖电路与软件延时双重保障方案 当你在深夜调试ESP32项目时&#xff0c;LED灯突然不受控制地闪烁&#xff0c;按键反应迟钝或误触发——这很可能是机械按键抖动在作祟。作为物联网开发中最基础的输入设备&#xff0c;机械按键的抖动问题困扰…...