文章插图
切图网长期致力于web前端开发,难免会和各种视频、音频打交道,除了常见的mp4、mp3等格式,其实还有m3u8、oga等等其他没有那么常见的格式,那么你都了解了吗?下面介绍一下html5常见的音视频格式和解决方案 。
万能播放插件js
1.ckplayerhttp://www.ckplayer.com/
2.Sewise Player
一款专业的免费网页HTML5视频、流播放器,它功能强大,体积小,跨平台,兼容性好,使用方便简洁 。确定html5与flash播放的优先级 。支持跨终端播放,不仅适用PC端播放,也适配ipad、iphone、android手机、平板电脑等移动终端 。支持多系统多平台,PC端支持Window、MacOS、Linux 等,移动端支持Android、IOS、Window Phone等 。兼容HTML5,确保98%的互联网用户可以看到您的视频 。支持多浏览器兼容,IE6/7/8/9/10、Chrome、Firefox、Safari、Opera等 。接收来自任何地方的音视频流 支持mp4、m3u8、oga、webm、theora、flv、f4v等视频格式播放 。支持Flash播放m3u8文件,以及AES-128解码播放 。支持播放地址AMF, AJAX, JOSNP类型请求 。支持PC与Mobile平台播放器自动识别功能 。支持浏览器HTML5与Flash特性检测 。
3.hls
http://www.bootcdn.cn/hls.js/
仅支持hls(m3u8)地址,不支持flv,mp4,mov,f4v,3gp格式,做了跨平台的适配, 支持PC终端,Android安卓终端,iOS苹果终端,WP终端的正常播放 。
m3u8是m3u的一种,是utf-8格式的,Apple 为了提高流播效率开发的技术,特点是将流媒体切分为若干 TS 片段(比如每10秒一段),然后通过一个扩展的 m3u 列表文件将这些 TS 片段集中起来供客户端播放器接收 。可以做多码率的适配,根据网络带宽,客户端会自动选择一个适合自己码率的文件进行播放,保证视频流的流畅 。
MP4是一套用于音频、视频信息的压缩编码标准,支持所有音频和视频以及高级内容(或它们的混合),编码格式:H.264格式高清
MP4是遵循MPEG-4(ISO 14496-14)的官方容器格式定义的广义文件扩展名 。它可以流媒体化并支持众多多媒体的内容(多音轨(multiple audio)、视频流(video)、字幕(subtitlestreams)、图片(pictures)、可变桢率(variable-framerates)、码率(bitrates)、采样率(samplerates)等)和高级内容(advanced content)(官方称之为“Richmedia”(超媒体)或“BIFS”(Binary Format for Scenes/二进制格式场景),类似2D和3D图形,动画、用户界面、类DVD菜单,上述这些AVI搞不定的东西 。
其他相关的扩展名:
– .m4v:是.mp4文件的错误扩展名,由apple提出,支持视频+音频,m4v扩展名可以安全地更名为.mp4
– .m4a:是.mp4文件的错误扩展名,由apple提出,只支持音频,m4a扩展名可以安全地更名为.mp4
– .m4p:随iTunes发售的DRM(Digital Rights Management/数字版权保护技术)产权保护的文件,使用Apple开发的DRM sheme
– .m4e:由.sdp修改扩展名的来的文件,Envivio用其于流媒体播放 。
– .m4v, -.mp4v, -.cmp, -.divx, .-xvid, .264:raw的mpeg-4视频流(并非内含于mp4) 。
– .3gp, -.3g2:手机中使用的格式,其中储存的内容同样在.mp4未被定义(H.263, AMR(Adaptive Multi Rate/自适应多码率)) 。
OGG OGGVobis(oggVorbis)是一种音频压缩格式,类似于MP3等的音乐格式 。Ogg是完全免费、开放和没有专利限制的 。OggVorbis文件的扩展名是”.ogg” 。Ogg文件格式可以不断地进行大小和音质的改良,而不影响旧有的编码器或播放器 。
OGV是html5中的一个名为Ogg Theora的视频格式,起源于ogg容器格式 。
webm由Google提出,是一个开放、免费的媒体文件格式 。WebM标准的网络视频更加偏向于开源并且是基于HTML5标准的,WebM 项目旨在为对每个人都开放的网络开发高质量、开放的视频格式,其重点是解决视频服务这一核心的网络用户体验 。
以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!
「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助:- 零基础怎么自学手绘动漫? 手绘漫画学习
- 新手学理财的基础知识 怎么理财每天挣300元的方法
- 没说就是零卡是什么梗 没说就是零卡是什么意思
- 剪映怎么用(剪映零基础入门教程
- 兄弟打印机7080清零方法 兄弟打印机清零方法
- 皮肤的基础知识 皮肤知识
- 洗碗机理论基础 洗碗机工作原理
- 零成本创业项目推荐 2021年做什么最赚钱
- 零基础免费ps入门教程 ps教程入门视频知识
- 做自媒体新手入门基础知识 什么是自媒体运营