如何在前端页面播放avi，wmv格式的视频

如何在前端页面播放avi，wmv格式的视频

方案：ffmpeg

在做视频相关的东西的时候，突然发现有的视频有url地址，但是你最后都没办法播放，以前都没有在意这些问题，细细一查，发现video这个标签对于一些视频格式的播放不是很支持。还好有之前的rtsp视频流的经验，就很快想到了ffmpeg。
对于一个开发来说，不可能说是去详细的了解一个工具，大部分的情况是能用就行，所以官方文档走起。
https://ffmpegwasm.netlify.app/docs/getting-started/examples/
作为一个合格的搬砖人员，科学上网那是相当丝滑，官方文档给了我解决方案，当然要拿来用用了。

直接去下载代码，跑到本地用一用。

git地址我也放在这里：https://github.com/ffmpegwasm/ffmpeg.wasm.git

你需要直接下载整个包，然后再apps这个文件夹下进入vue-vite-app进行npm i ,然后运行就好。最后界面就是一个简单的界面

在上上个图片中，我圈起来了一个url地址，这个地址就是视频的地址，代码中提供的这个视频地址需要你科学的加载，所以你自己找一个avi或者其他格式的视频。
点击start按钮就是让ffmpeg进行解码操作

解码完毕，就可以播放。这个项目的主要依赖如下图

具体了解去npmjs.org搜索@ffmepg/ffmpeg，这里我就不放链接了。
但是这个方式有一个缺点，那就是实时解码需要时间，依据视频的质量大小而定，so…
你自己思量吧，我就是提供一个方案。