內容概述
基本用法
<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/