【面向HTML5--视频和音频】
来源:互联网 发布:mac flash插件 下载 编辑:程序博客网 时间:2024/05/16 09:53
Flash被HTML5取代体现在哪些方面?
视频播放
/*用法*/<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">
阅读全文
0 0
- 【面向HTML5--视频和音频】
- html5视频和音频
- HTML5视频和音频
- HTML5视频和音频
- HTML5-音频和视频
- html5音频和视频
- html5音频和视频
- [读书笔记]Html5音频和视频
- html5的音频和视频
- html5的音频和视频
- HTML5音频和视频处理
- HTML5-音频audio和视频video标签
- html5笔记3 音频和视频
- 5.HTML5 音频和视频-1
- 基于Html5做音频和视频播放
- HTML5学习之视频和音频
- HTML5-音频和视频(新增)
- HTML5的音频和视频控件
- MySQL数据库主从同步延迟分析及解决方案
- 图像渐晕校正初尝试
- javaweb部署的心路历程
- APUE-Chapter4. Files and Directories
- 他被誉为码农鼻祖,智商完爆爱因斯坦,还是20世纪最帅的科学家!
- 【面向HTML5--视频和音频】
- HDU 1080 Dp
- JavaScript中bind、call、apply函数用法详解
- javaScript内置命令
- 关于互联网思维几点总结
- 样本不均衡的一些处理技巧
- navicat链接MySQL数据库如何实现数据库的导入导出
- Lock和Synchronized的比较
- NKOJ 1623 守卫者的挑战(概率+递推)