HTML5视频Video 音频Audio

视频协议 视频格式 Flash HTML5
HTTP flv
HTTP f4v
HTTP mp4
HTTP m3u8
HTTP webm
HTTP ogg
RTMP flv
RTMP f4v
RTMP mp4
RTMP 直播流

万能播放插件js ckplayer
http://www.ckplayer.com/

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 项目旨在为对每个人都开放的网络开发高质量、开放的视频格式,其重点是解决视频服务这一核心的网络用户体验。

MOV(QuickTime)它是Apple公司开发的一种音频、视频文件格式,用于存储常用数字媒体类型。QuickTime用于保存音频和视频信息,包括Apple Mac OS,MicrosoftWindows95/98/NT/2003/XP/VISTA,甚至WINDOWS7在内的所有主流电脑平台支持。

WMV微软推出的一种采用独立编码方式并且可以直接在网上实时观看视频节目的文件压缩格式。WMV格式的主要优点包括:本地或网络回放、可扩充的媒体类型、部件下载、可伸缩的媒体类型、流的优先级化、多语言支持、环境独立性、丰富的流间关系以及扩展性等。

MPG/MPEG(.mpg, .mpeg)

Realmedia(.rm, .rmvb)

AVI(.avi)

Flv/swf

时间: 2024-09-28 19:57:47

HTML5视频Video 音频Audio的相关文章

web前端入门到实战:HTML5的video和audio

从理论上来说,HTML5引入的<audio>和<video>元素,使用起来和<img>元素一样简单.对于支持HTML5的浏览器,不再需要使用插件(像flash)来在HTML文档中嵌入音频和视频: <audio src="background_music.mp3"'> <video src="news.mov" width=320 height=240> 实际上,使用这些元素的时候要更加巧妙.由于各家浏览器制

HTML5视频Video元素

一.视频文件格式     HTML5 支持三种视频文件格式(即编解码器).?1.Ogg Theora 使用的文件扩展名为 .ogg或 .ogv,支持它的浏览器包括 Firefox3.5+. Chrome 4+. Opera 10.5+ 以 及Android 版 Firefox.?2.MP4(H.264)使用的文件扩展名为.mp4 或 .m4v,支持它的浏览器包括Safari 3.2+. Chrome 4-?(参见提示).Internet Explorer 9+.iOS(MobileSafari)

HTML5中Video和Audio

相关属性 src属性 该属性指定媒体数据的URL地址. autoplay属性 在该属性中指定是否在页面加载后自动播放,使用方法: <video src="test.mov" autoplay></video> preload属性 在该属性中指定视频或音频数据是否预加载.如果使用预加载的话,浏览器会预先将视频或音频进行缓冲,这样可以加快播放的速度,因为播放时数据已经预先缓冲完毕. 该性情有三个可选值:none,metadata与auto,默认值为auto. non

HTML5视频video

直到现在,仍然不存在一项旨在网页上显示视频的标准. 目前,大多数视频是通过插件(比如 Flash)来显示的.然而,并非所有浏览器都拥有同样的插件. HTML5 规定了一种通过 video 元素来包含视频的标准方法. 当前HTML5只支持三种格式的视频. 格式 IE Firefox Opera Chrome Safari Ogg No 3.5+ 10.5+ 5.0+ No MPEG 4 9.0+ No No 5.0+ 3.0+ WebM No 4.0+ 10.6+ 6.0+ No 注: Ogg =

Html5视频、音频、API控件---第二天

1.video.audio标签<video src = "movie.mp4" controls = "controls"><video>或者<video controls = "controls"><source src = "movie.mp4"> <video>属性 值 描述autoplay autoplay(可省略) 视频自动播放controls contro

HTML5视频、音频播放事件属性与API控件

1.video.audio标签 <video src = "movie.mp4" controls = "controls"><video> 或者<video controls = "controls"> <source src = "movie.mp4"> <video>2.HTML5视频API 控件 (1)获得video标签 ①通过DOM对象 var video

【转】Android 4.4中播放HTML5视频&lt;video&gt;的Bug

近期Nexus 4手机自动升级到Android4.4,本来挺好的一件事儿,结果发现自己的应用中出现一个Bug,应用中使用了Webview播放HTML5视频,代码如下: <video width="480" height="280" poster="test.jpg" src="test.mp4" preload="auto"></video> 在4.3版本之前播放正常,新版本中播放时

[转] Android 4.4中播放HTML5视频&lt;video&gt;的Bug

近期Nexus 4手机自动升级到Android4.4,本来挺好的一件事儿,结果发现自己的应用中出现一个Bug,应用中使用了Webview播放HTML5视频,代码如下: <video width="480" height="280" poster="test.jpg" src="test.mp4" preload="auto"></video> 在4.3版本之前播放正常,新版本中播放时

HTML5视频video开发demo例子

HTML5的video可以使用DOM的方式进行控制.video元素同样拥有方法.属性和事件. 比如它拥有的方法用于播放.暂停以及加载等.其中的属性(比如时长.音量等)可以被读取或设置. 其中的 DOM 事件能够通知您,比方说,video元素开始播放.已暂停,已停止,等等. 废话少说了,看下面的实例吧. 为视频创建简单的播放/暂停以及调整尺寸控件: <!DOCTYPE html> <html> <body> 欢迎大家关注我的博客!如有疑问,请加QQ群:135430763共