内容概述
基本用法
<audio src="music.mp3"></audio>
<video src="movie.mov" width=320 height=240></video>
<audio>兼容用法
<audio>
<source src="music.mp3" type="audio/mpeg">
<source src="music.wav" type="audio/x-wav">
<source src="music.ogg" type="audio/ogg">
</audio>
<video>兼容用法
<video>
<source src="movie.webm">
<source src="movie.mp4">
</video>
多媒体格式兼容性
HTML属性
控制多媒体播放
方法:
- load() 加载媒体内容
- play() 开始播放
- pause() 暂停播放
属性:
- playbackRate 播放速度(0-1慢速 1正常速度 >1快速播放)
- currentTime 播放进度
- volume 音量
- muted 静音
查询多媒体状态
- paused 暂停
- seeking 跳转
- ended 播放完成
- duration 媒体时长
- initialTime 媒体开始时间
多媒体相关事件
- loadstart 开始请求媒内容
- loadmetadata 媒体元数据已经加载完成
- canplay 加载了一些内容,可以开始播放
- play 调用play(),或设置了autoplay
- waiting 缓冲数据不够,播放暂停
- playing 正在播放
Web Audio API
W3C官方定义:http://webaudio.github.io/web-audio-api/
mozilla官方教程:https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API
第三方教程:http://www.html5rocks.com/en/tutorials/webaudio/intro/,http://webaudioapi.com/