DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5教程 >> html5學習筆記(audio)
html5學習筆記(audio)
編輯:HTML5教程     

來源於《HTML5高級程序設計》


audio api

<audio controls> controls告訴浏覽器顯示播放控件

不指定 type 浏覽器自解
ogg
MP3 type="audio/mpeg"

mp4 type="video/mp4"

<audio atoplay> atoplay 默認播放
<source src="xx.mp3" type="audio/mpeg">
</audio>

api

對應的js內置函數
load() 加載
play() 加載播放
pause() 暫停
canPlayType(type) 測試時video 是否支持MIME類型的文件

只讀媒體特性
duration 播放時長
paused 暫停
ended 播放完畢
startTime 最早的播放時間
error 錯誤返回的錯誤代碼
currentSrc 返回字符串形式加載的文件

var btn = document.getElementById("btn");
btn.onclick

 

------------
js中用類獲取元素 執行btn.onclick 不管用 。。。


可腳本控制的特性值

autoplay 是否設置 autoplay
loop 能重復播放返回true console.log(audio.loop);
currentTime 播放的所用時間
controls 顯示或隱藏 控制界面
volume
muted 設置是否為靜音
autobuffer 是否緩沖加載

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved