极客观点
项目管理
HarmonyOS
h5前端js如何将视频格式avi转为MP4格式
想使用video标签来支持avi格式视频的播放
html5
AI BotBETA在纯前端实现视频格式转换存在较大技术限制，建议采用以下两种方案：
方案一：使用视频播放兼容方案（推荐）
<!-- 使用兼容性更好的视频播放方案 -->
<video controls>
<source src="video.mp4" type="video/mp4">
<source src="video.avi" type="video/x-msvideo">
您的浏览器不支持视频播放
</video>
<!-- 或者使用通用播放库 -->
<script src="https://cdn.jsdelivr.net/npm/video.js@7.8.4/dist/video.min.js"></script>方案二：使用FFmpeg转码方案（需权衡性能）
// 使用FFmpeg.wasm（注意性能消耗）
import { FFmpeg } from '@ffmpeg/ffmpeg'
async function convertToMP4(aviFile) {
const ffmpeg = new FFmpeg()
await ffmpeg.load()
await ffmpeg.writeFile('input.avi', aviFile)
await ffmpeg.exec(['-i', 'input.avi', 'output.mp4'])
const data = await ffmpeg.readFile('output.mp4')
return new Blob([data], { type: 'video/mp4' })
}
// 注意：大文件转换会消耗大量内存和计算资源重要说明：
- 浏览器原生不支持直接转换视频格式
- AVI格式的浏览器兼容性较差（推荐优先使用MP4/H.264）
前端转换方案存在以下局限：
- 仅适合小文件（<50MB）
- 转换速度较慢
- 移动端性能不足
- 无法保证输出质量
建议：
- 最佳实践是后端转码（推荐使用FFmpeg服务端方案）
- 上传时限制视频格式，推荐MP4/H.264
- 使用云转码服务（如AWS Elastic Transcoder）
如需强制格式转换，建议使用<input>的accept属性限制上传类型
<input type="file" accept="video/mp4">
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}10 回答11k 阅读
为什么在谷歌浏览器中 'a' == ['a'] 返回 true？
'a' == ['a'] 谷歌浏览器返回了true 是为什么16 回答2.9k 阅读
vue项目如何在初始化之前跳转外部页面？
vue项目内有一个分享功能，但是这个分享出去的页面打开会非常慢，所以就想到了单独写了一套H5页面专门用于手机端打开，然后在这个vue项目的分享页面初始化函数里面加一个判断终端是否为移动端，如果是就再做一次跳转，到这个单独的H5页面上去，这样就不会去加载vue框架，打开速度会更快。以上是初始方案和预期。5 回答4.7k 阅读✓ 已解决
js如何控制移动端overflow:scroll容器滑动的最大速度？
{代码...} demo在这：[链接]在移动端滑动一下这个.box区域,稍微一用力就到头了，如果我想用js去控制他滑动的最大速度该怎么去处理？4 回答3k 阅读✓ 已解决
前端代码更新如何通知用户刷新页面？
前端代码更新如何通知用户刷新页面？2 回答2.5k 阅读✓ 已解决
H5页面 点击按钮使用window.open 打开并展示一个pdf，安卓变成下载了？
H5页面 点击按钮使用window.open 打开并展示一个pdf，安卓手机变成下载了？需要在移动端也是预览怎么实现呢？ {代码...}3 回答1.4k 阅读✓ 已解决
为什么会出现CORS error？
先登录成功了。再次调用，就出现了CORS error在Login页调用这个接口就是正常的，换一个页面调用这个接口就出现了跨域问题。我把这段代码注释以后就正常了。3 回答2.2k 阅读✓ 已解决
宣传栏
建议你考虑其他方式o(╥﹏╥)o
Video标签不支持avi格式;当然是有一些转码的库或者工具，常用的FFmpeg,当时放在js端去转格式，先不考虑能不能转成功，把这种特别耗性能的任务放在前端就不合适，文件小有可能可以，文件大呢？另外，转格式后的视频质量能保证吗？
建议还是放在服务端转，或者用流媒体服务器，给前端推流，用一些通用的视频播放的js库播放