1.Flash被HTML5取代 Flash绘图 —— Canvas/SVG绘图 Flash动画 —— Canvas/SVG绘图+定时器 Flash音视频 —— Video/Audio标签 Flash存储 —— WebStorage 2.HTML5新特性——视频播放 H5提供的VIDEO标签默认是一个300*150的inline-block。使用方法: <video src="x.mp4"> 您的浏览器不支持VIDEO标签 </video> <video> <source src="x.mp4"> <source src="x.ogg"> <source src="x.webm"> 您的浏览器不支持VIDEO标签 </video> Video标签/对象常用属性: autoplay: false,是否自动播放 controls: false,是否显示播放控件 currentTime: 3.293401,当前播放到哪1秒 duration: 60.041667,总时长 loop: false,是否循环播放 paused: 当前是否处于暂停状态 playbackRate: 1 播放速率,可以是0.x,也可以是2、3... poster: '',播放第一帧之前显示的电影海报 muted: false,是否静音 volume: 1, 视频音量(0~1)——对象属性 preload:如何预加载视频的内容,三个可选值: auto: 预加载视频元数据并缓存一定的播放内容 metadata:仅预加载视频元数据(宽高、时长、第一帧) none: 不预加载任何内容 Video标签/对象常用方法: play() 让视频开始播放 pause() 让视频暂停播放 Video标签/对象常用事件: onplay: 当视频开始播放时触发 onpause: 当视频刚一暂停时触发 3.HTML5新特性——音频播放 H5提供的VIDEO标签默认是一个300*150的inline-block。使用方法: <audio src="x.mp3"> 您的浏览器不支持AUDIO标签 </ audio > <audio> <source src="x.mp3"> <source src="x.ogg"> <source src="x.wav"> 您的浏览器不支持AUDIO标签 </audio> Audio标签/对象常用属性: autoplay: false,是否自动播放 controls: false,是否显示播放控件 currentTime: 3.293401,当前播放到哪1秒 duration: 60.041667,总时长 loop: false,是否循环播放 paused: 当前是否处于暂停状态 playbackRate: 1 播放速率,可以是0.x,也可以是2、3... muted: false,是否静音 volume: 1, 音频音量(0~1)——对象属性 preload:如何预加载音频的内容,三个可选值: auto: 预加载音频元数据并缓存一定的播放内容 metadata:仅预加载音频元数据(时长) none: 不预加载任何内容 Audio标签/对象常用方法: play() 让音频开始播放 pause() 让音频暂停播放 Audio标签/对象常用事件: onplay: 当音频开始播放时触发 onpause: 当音频刚一暂停时触发
|