<HTML5秘籍>——第五章(音频与视频)

背景:在没有HTML5,可以通过两种方式向网页中添加视频。一种过时的方式是使用<embed>元素把视频硬塞进页面中。然后浏览器就可以使用Windows Media Player、Apple QuickTime或其他视频播放器创建一个视频窗口,并把它放在页面中。另一种是使用Flash,使用<object>和<embed>元素编写一大堆乱七八糟的标记,必须适当地编码视频文件。但是,最严重的问题还在于苹果的移动设备iPhone和iPad。它们根本就不支持Flash。

当前,即使现在使用HTML5,恐怕我们还是得准备一个Flash视频作为后备文件,以应付那些落后的浏览器(比如,IE8)


1.使用Flash不用HTML5的理由有:

①有许可限制的内容。HTML5视频文件没有任何版本保护措施。事实上,任何人都可像下载图片一样下载HTML5视频,只要右键单击即可(但现在试了一下慕课网的HTML5视频,是不能下载的啊)。

②录制视频或音频。HTML5不支持从一台电脑到另一台电脑传送音频或视频流。要使用访客机器上的麦克风和摄像头,还得用Flash。

③自适应视频流。

④低延迟、高性能音频

⑤动态创建或编辑音频

因此,HTML5音频和视频还是制定中,高级的东西还是得靠Flash


2.音频

<audio src="rubber.mps" controls></audio>

MIME类型(有时候也叫内容类型)就是一小段信息,表示某种Web资源的内容类型


3.后备措施:讨好每一款浏览器

①使用多种格式      ②用Flash播放器替代

<audio controls>
  <source src="rubber.mp3" type="audio/mp3">
  <source src="rubber.ogg" type="audio/ogg">
</audio>

<video controls width="700" height="400">
  <source src="beach.mp4" type="video/mp4">
  <source src="beach.webm" type="video/webm">
</video>


当然上面的都是放上Flash的

就写到这吧,这一章自己还是用不上,就先这样吧,到有用到的时候再看一下

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值