播放器如何自动识别MP4、M3U8、FLV等视频格式,加载正确插件类型播放视频

admin

常见网络视频格式

常见网络视频格式主要指的是那些适合在网络上传输和播放的视频格式,这些格式通常具有较小的文件大小和较快的加载速度,以便用户可以快速观看视频属性。以下是一些常见的网络视频格式及其特点:

M3U8是一种视频格式,主要用于在网络上传输流媒体数据。它是一种基于文本的播放列表文件,主要应用于HTTP Live Streaming(HLS)流媒体服务中。M3U8文件包含了多个较小的视频片段(.ts文件)的URL地址列表,这些片段独立存储并可以被播放器软件读取并自动按照顺序播放。M3U8格式的特点包括分段传输和灵活播放实时流媒体,这使得它能够根据可用网络带宽调整正在播放的流媒体的质量,灵活地在多种码率、分辨率之间切换,保证画面/声音的连贯。

MP4/M4V格式:MP4是一种非常普遍的视频格式,其视频编码通常采用H.264,音频编码采用AAC。M4V是MP4的一种特殊类型,主要用于网络视频点播和移动设备。M4V格式的视频编码也采用H.264或H.264/AVC,能够以较小的体积实现较高的清晰度。M4V格式也被称为苹果的视频Podcast格式,广泛应用于iPod、iPhone和PSP等移动设备。

FLV格式:FLV(Flash Video)是一种流媒体格式,由Sorenson公司开发。它以其极小的文件大小和极快的加载速度而着称,使得在网络上观看视频文件成为可能。FLV格式被广泛用于各种视频分享网站,如YouTube、优酷、土豆等,以及需要快速加载视频属性的网站。

MPD全称为\“Media Presentation Description\”,是一种描述视频广播和点播属性的描述文件。在DASH(动态自适应流媒体)中,MPD文件被用来描述媒体的表示形式和标识符,支持用不同的码率、尺寸、格式、语言等多个版本的同一份属性。

识别视频类型

如何去视频各种各样的视频,其实非常简单,这些视频都有一个共同点:文件后缀名。

MP4视频的后缀名:xxx.mp4

M3U8视频后缀名:xxx.m3u8

FLV视频后缀名:xxx.flv

所以,只要加以区分视频文件后缀名就能轻松识别出视频类型了,例如:

//视频地址
var vid = "https://18ma.cn/demo.mp4";

if(vid.indexOf('.mp4')>-1){
	console.log('读取到 MP4 ...');
}

播放器识别

在播放器中如何实现自动识别视频格式,正确加载对应插件来播放视频呢?

以应用较为广泛的H5播放器Dplayer为例:

//引用Dplayer播放器和HLS、flv、dash等插件
<link href="https://18ma.cn/demo/DPlayer.min.CSS" rel="stylesheet">
<script src="https://18ma.cn/demo/hls.min.js"></script>
<script src="https://18ma.cn/demo/flv.min.js"></script>
<script src="https://18ma.cn/demo/dash.min.js"></script>
<script src="https://18ma.cn/demo/DPlayer.min.js"></script>
<script src="https://18ma.cn/demo/JQuery.min.js"></script>

然后加入视频格式判断、定义插件类型

此处为隐藏内容,请评论后查看隐藏内容,谢谢!

这样就能让Dplayer播放器自动识别视频格式并加载对应插件播放了,更多web播放器以及第三方插件使用原理相通,以此类推即可。

文章版权声明:除非注明,否则均为十八码原创文章,转载或复制请以超链接形式并注明出处。

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 13 条评论,12417人围观)
网友昵称:phonedai
phonedai V 评论者 沙发
06-11 回复
学习一下!谢谢分享
网友昵称:luobote
luobote V 评论者 椅子
06-17 回复
学习一下!谢谢分享
网友昵称:13344556677
13344556677 V 评论者 板凳
06-22 回复
学习一下!谢谢分享
网友昵称:jarod
jarod V 评论者 凉席
06-26 回复
学习一下!谢谢分享
网友昵称:xianchao
xianchao V 评论者 地板
06-29 回复
感谢分享
网友昵称:ajkick
ajkick V 评论者 6楼
06-30 回复
文章不错,写的很好!
网友昵称:benben2020
benben2020 V 评论者 7楼
08-03 回复
学习一下!谢谢分享
网友昵称:583455189
583455189 V 评论者 8楼
08-15 回复
赞、狂赞、超赞、不得不赞、史上最赞!
网友昵称:gdzjs
gdzjs V 评论者 9楼
08-22 回复
文章不错,写的很好!
网友昵称:gdzjs
gdzjs V 评论者 10楼
08-22 回复
学习一下!谢谢分享[Addoil]
网友昵称:sb
sb V 评论者 11楼
09-16 回复
看看文章不错,写的很好!
网友昵称:caoni
caoni V 评论者 12楼
10-18 回复
顶顶顶

目录[+]