使用flv.js实现html5播放flv格式视频文件

最近因为项目需要播放flv格式视频文件,但我使用是html5的vedio标签进行播放,它支持3种视频格式:mp4,WebM,Oog,是不支持的flv格式,无奈,好在网上不少大神佳作。解决我困境。

在vue项目中安装flv.js文件
npm i flv.js --save

将flv.js文件导入相关组件中。


image.png

创建video元素标签来播放视频内容。

          
image.png

flvjs.isSupported()是否支持,若支持。则 flvjs.createPlayer创建flv播放器对象,加载到video元素中进行播放即可


image.png

参考文档
https://www.bysb.net/2943.html

https://blog.csdn.net/weixin_45316326/article/details/99053910

你可能感兴趣的:(使用flv.js实现html5播放flv格式视频文件)