html5新增属性与技术总结

简单介绍

HTML5 对视频和音频特性规范文档的制定是被讨论最多的。除浏览器自带支持的明显好处外,评论点集中在浏览器提供商对音频/视频格式 的不同选择。如果你准备使用HTML5的

音频: ogg (ogg, oga), mp3, wav, AAC

视频: ogg (ogv), H.264 (mp4)

另外你还需要留意一下 Google 的 VP8 视频解码,这个将被作为一个开源格式来结束(格式选择的)纷争。HTML5 提供的一个解决方案是 ,让你可以指定多个不同格式的源文件,以便于用户浏览器选择它认识的文件。对于 < IE9 和旧浏览器,你将需要一个折衷的解决方案。

当你第一次尝试 HTML5 的音频/视频,你可能会想知道这些可能对你有帮助的东东:

你的服务器必须支持你打算提供的音频/视频的 MIME 格式。你将需要检查一下其在本地服务器上是否被支持。

如果你使用 Safari 来检测 HTML5 的音频/视频支持,需要安装 QuickTime Player,没有QuickTime Player 的 Safari 什么都不能播放。

音频格式 ogg[ogg, oga]

介绍
Ogg全称应该是OGGVobis(oggVorbis)是一种新的音频压缩格式,类似于MP3等的音乐格式。Ogg是完全免费、开放和没 有专利限制的。OggVorbis文件的扩展名是.OGG。Ogg文件格式可以不断地进行大小和音质的改良,而不影响旧有的编码器或播放器。

软件下载:
foobar2000

foobar2000 演示

现场演示

mp3

MP3是一种音频压缩技术,其全称是 动态影像专家压缩标准音频层面3(Moving Picture Experts Group Audio Layer III),简称为MP3。 它被设计用来大幅度地降低音频数据量。利用 MPEG Audio Layer 3 的技术,将音乐以1:10 甚至 1:12 的压缩率,压缩成容量较小的文件,而 对于大多数用户来说重放的音质与最初的不压缩音频相比没有明显的下降。它是在1991年由位于德国埃尔朗根的研究组织Fraunhofer-Gesellschaft 的一组工程师发明和标准化的。用MP3形式存储的音乐就叫作MP3音乐,能播放MP3音乐的机器就叫作MP3播放器。

wav

WAV为微软公司(Microsoft)开发的一种声音文件格式,它符合RIFF(Resource Interchange File Format)文件规范,用于保存Windows平台的音 频信息资源,被Windows平台及其应用程序所广泛支持,该格式也支持MSADPCM,CCITT A LAW等多种压缩运算法,支持多种音频数字,取样频率和 声道,标准格式化的WAV文件和CD格式一样,也是44.1K的取样频率,16位量化数字,因此在声音文件质量和CD相差无几! WAV打开工具是WINDOWS 的媒体播放器。

aac

AAC(Advanced Audio Coding),中文称为“高级音频编码”,出现于1997年,基于 MPEG-2的音频编码技术。由Fraunhofer IIS、杜比实验室 、AT&T、Sony(索尼)等公司共同开发,目的是取代MP3格式。2000年,MPEG-4标准出现后,AAC 重新集成了其特性,加入了SBR技术和PS技术, 为了区别于传统的 MPEG-2 AAC 又称为 MPEG-4 AAC。

controls

如果出现该属性,则向用户显示控件,比如播放按钮。

autoplay

如果出现该属性,则音频在就绪后马上播放。

loop

如果出现该属性,则每当音频结束时重新开始播放。

preload

如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。

audio src

要播放的音频的 URL。

audio 演示:




视频格式 ogg[oga]

介绍
ogv影片格式需要由ogg容器格式说起,Ogg是一个自由且开放标准的容器格式,由Xiph Org 基金会所维护。Ogg格式并不受到软体专利的限制,并设计用 於有效率地串流媒体和处理高品质的数位多媒体。

「Ogg」意指一种档案格式,可以纳入各式各样自由和开放原始码的编解码器,包含音效、视讯、文字(像字幕)与後设资料的处理。

在Ogg的多媒体框架下,Theora提供有损的影像层面,而通常用音乐导向的Vorbis编解码器作为音效层面。人类演说的压缩编解码器Speex、无损的音 效压缩编解码器FLAC和OggPCM也可能作为音效层面使用。

「Ogg」这个词汇通常意指Ogg Vorbis此一音讯档案格式,也就是将Vorbis编码的音效包含在Ogg的容器中所成的格式。在以往,.ogg此一副档名曾经 被用在任何Ogg支援格式下的内容,但在2007年,Xiph Org基金会为了向後相容的考量,提出请求,将.ogg只留给Vorbis格式来使用。 Xiph Org基金会 决定创造一些新的副档名和媒体格式来描述不同类型的内容,像是只包含音效所用的.oga,包含或不含声音的影片(涵盖Theora)所用的.ogv和程式所用 的.ogx。

Xiph Org基金会对Ogg的参照实装,目前最新的版本是2005年11月27日释出的libogg 1.1.3。[2]另一个版本libogg2也可以在Xiph Org基金会的SVN 套件库中找到。这两个函式库都是在新BSD许可证下释出的自由软体。

因为其格式自由,和其参照实装并非Copyleft形式,无论自由或专有、商业或非商业的媒体播放器,甚至部分制造商的可携式媒体播放器和全球定位系 统接收器都采用了Ogg下的各种编解码器。

编码、转换工具

firefogg
Miro Video Converter
ffmpeg2theora[不建议使用,都是命令]
处理 HTML5 视频的 Mootools[与js交互]

视频格式 H.264[mp4]

介绍
H.264,同时也是MPEG-4第十部分,是由ITU-T视频编码专家组(VCEG)和ISO/IEC动态图像专家组(MPEG)联合组成的联合视频组(JVT,Joint Video Team)提出的高度压缩数字视频编解码器标准。H.264是ITU-T以H.26x系列为名称命名的标准之一,同时AVC是ISO/IEC MPEG一方的称呼。这个标准通常 被称之为H.264/AVC(或者AVC/H.264或者H.264/MPEG-4 AVC或MPEG-4/H.264 AVC)而明确的说明它两方面的开发者。该标准最早来自于ITU-T的称之 为H.26L的项目的开发。H.26L这个名称虽然不太常见,但是一直被使用着。该标准第一版的最终草案于2003年5月完成。

MP4,全称MPEG-4 Part 14,是一种使用MPEG-4的多媒体电脑档案格式,副档名为.mp4,以储存数码音讯及数码视讯为主。另外,MP4又可理解为MP4 播放器,MP4播放器是一种集音频、视频、图片浏览、电子书、收音机等于一体的多功能播放器。

video controls

如果出现该属性,则向用户显示控件,比如播放按钮。

video preload

如果出现该属性,则向用户显示控件,比如播放按钮。

poster

如果出现该属性,则向用户显示视频封面图片。

width

设置视频播放器的高度。

height

设置视频播放器的宽度。

video src

要播放的视频的 URL。

video loop

如果出现该属性,则当媒介文件完成播放后再次开始播放。

video autoplay

如果出现该属性,则视频在就绪后马上播放。

video demo


播放 暂停 静音

HTML5 Video Using OGG & MP4 Formats
(Works in Chrome 4+, Firefox 3.6+, Opera 10.5+ and Safari4+) Video From: www.bigbuckbunny.org