Flash被HTML5取代体现在哪些方面？
| - | Flash | HTML5 |
|---|---|---|
| 视频和音频 | 播放器 | video和audio标签 |
| 绘图 | ActionScript | Canvas、SVG |
| 动画 | ActionScript | 定时器 + Canvas/SVG |
| 客户端存储 | 播放器 | WebStorage |
视频播放
/*用法*/
<video src="x.mp4">您的浏览器不支持VIDEO标签</video>
<video>
<source src="x.mp4">
<source src="x.webm">
<source src="x.ogg">
您的浏览器不支持VIDEO标签
</video>H5新增的video标签默认是一个300*150px的 inline-block。
VIDEO标签及JS对象所具有的成员：
属性成员：
controls：false，是否显示播放控件
autoplay：false，是否自动播放
loop：false，是否循环播放
muted：false，是否静音
volumn：1，播放音量，0~1，JS对象属性
playbackRate：1，回放速率，小于1是慢放，大于1是快放
duration：总时长，单位为秒
currentTime：当前播放到的时间点，单位为秒
paused：boolean，当前是否处于暂停状态
preload：“auto”，指定视频的预加载策略，可选值：
auto：预加载视频的元数据及可供流畅播放的缓冲视频数据
metadata：仅预加载视频的元数据(宽、高、时长、第一帧)
none：不预加载任何数据
poster：“”，指定视频的海报，仅在视频播放之前显示一次
方法成员(JS)：
play()：开始播放
pause()：暂停播放
事件成员(JS)：
onplay： 视频开始播放事件
onpause：视频刚一暂停事件，不论何种原因
音频播放
/*用法*/
<audio src="x.mp3">您的浏览器不支持AUDIO标签</audio>
<audio>
<source src="x.mp3">
<source src="x.wav">
<source src="x.ogg">
您的浏览器不支持AUDIO标签
</audio>H5新增的AUDIO标签默认是一个不可见元素；若指定了controls属性则呈现为300*30px的 inline-block。
AUDIO标签及JS对象所具有的成员：
属性成员：
controls：false，是否显示播放控件
autoplay：false，是否自动播放
loop：false，是否循环播放
muted：false，是否静音
volumn：1，播放音量，0~1，JS对象属性
playbackRate：1，回放速率，小于1是慢放，大于1是快放
duration：总时长，单位为秒
currentTime：当前播放到的时间点，单位为秒
paused：boolean，当前是否处于暂停状态
preload：“auto”，指定视频的预加载策略，可选值：
auto：预加载视频的元数据及可供流畅播放的缓冲视频数据
metadata：仅预加载视频的元数据(宽、高、时长、第一帧)
none：不预加载任何数据
方法成员(JS)：
play()：开始播放
pause()：暂停播放
事件成员(JS)：
onplay： 音频开始播放事件
onpause：音频刚一暂停事件，不论何种原因
说明：
(1)老IE浏览器支持如下代码来实现网页的背景音乐播放，但无法控制背景音乐的播放/暂停以及音量等属性。其它浏览器不支持bgsound属性。
(2)audio标签目前不被iOS中的Safari支持，所以在苹果手机中播放音频只能使用VIDEO标签代替。
<body bgsound="x.mp3">
扫一扫
789
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
