多媒体和图形编程

内容概述

基本用法

<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/