Chinaunix首页 | 论坛 | 博客
  • 博客访问: 32703
  • 博文数量: 8
  • 博客积分: 171
  • 博客等级: 入伍新兵
  • 技术积分: 105
  • 用 户 组: 普通用户
  • 注册时间: 2011-12-26 00:21
文章分类

全部博文(8)

文章存档

2012年(1)

2011年(7)

我的朋友

分类: 系统运维

2011-12-26 00:41:07

HTML 5支持很多种格式的音视频编码与封装格式,使之可与flash player相抗衡。

支持封装格式有mp4, m4v, mov, flv, ogv, webm, avi等。

其中支持的视频压缩格式有:H.264, Theora, VP8,音频压缩格式有mp3, aac, vorbis等。

在HTML 5语言中,视频的支持很简单,
  1. <video src="somevideo.ext" width="320" height="240" autoplay></video>
为了防止浏览器确认可以播放文件某个视频,可以准备一个视频的多个备份,由HTML 5沟通用哪个文件格式进行播放,示例:
  1. <video width="320" height="240" controls>
  2.     <source src="video.mp4" type='video/mp4; codec="avc.42E01E, mp4a.40.2"'>
  3.     <source src="video.webm" type='video/webm; codec="vp8, vorbis"'>
  4.     <source src="video.ogv" type='video/ogg; codec="theora, vorbis"'>
  5. </video>
也可以通过preload来控制页面加载时开始加载视频,但不开始播放,也可以为preload设为none来保证视频在用户的需求下才开始加载,而播放都可以由Javascript代码来触发。比如如下页面实现:
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset=gb2312" />
  5. Canvas










  6. " preload>



  7. By zanosy@126.com


阅读(1093) | 评论(0) | 转发(0) |
0

上一篇:Canvas的使用方法

下一篇:地理位置信息

给主人留下些什么吧!~~