html5 audio標籤相關知識點總結

2022-02-15 18:30:08 字數 1825 閱讀 1530

1.audio指js原生物件,假如用jquery獲取到audio標籤後,需要dom[0]轉為原生js物件

if(audio.paused)else,10);

3.網路載入進度條

var buffered;

if( audio.readystate == 4 && ( buffered = audio.buffered.end(0) ) )為界,區域性作用域。

方法               方法描述

-------------------------

屬性           屬性描述

audiotracks    返回可用的音軌列表(multipletracklist物件)

buffered    返回緩衝部件的時間範圍(timeranges物件)

controller    返回當前的**控制器(mediacontroller物件)

controls    顯示播控控制項

crossorigin    cors設定

currentsrc    返回當前**的url

defaultmuted    預設是否靜音

defaultplaybackrate    播控的預設倍速

muted    是否靜音

networkstate    返回當前網路狀態

paused    是否暫停

readystate    返回當前的準備狀態

seekable    返回當前可跳轉部件的時間範圍(timeranges物件)

seeking    返回使用者是否做了跳轉操作

startoffsettime    返回當前的時間偏移(date物件)

texttracks    返回可用的文字軌跡(texttracklist物件)

volume    音量值

事件

事件描述

durationchange    當**的總時長改變時產生該事件

error    當載入**發生錯誤時產生該事件

loadeddata    當載入**資料時產生該事件

loadedmetadata    當收到總時長,解析度和字軌等metadata時產生該事件

loadstart    當開始查詢**資料時產生該事件

pause    當**暫停時產生該事件

progress    當獲取到**資料時產生該事件

seeked    當使用者完成跳轉時產生該事件

seeking    當使用者正執行跳轉時操作的時候產生該事件

stalled    當試圖獲取**資料,但資料還不可用時產生該事件

suspend    當獲取不到資料時產生該事件

volumechange    當前音量發生改變時產生該事件

關於HTML5中的audio問題

長話短說,最近因為跟女朋友聊天,隨口一說要做乙個可以聽我音訊的web網頁,沒想到她那麼想要這個東西 可能想看看這個東西有什麼特別的吧 於是我就花了一點點時間去看了一下這個h5中的audio這個標籤,感覺用起來挺簡單的。原始碼 然後我就開始找網上的資源看看有沒有什麼地方提到過,但是我看到的結果都是成功...

html5中audio的詳細使用

備用 當瀏覽器不支援audio時顯示的內容 控制函式功能說明 唯讀屬性屬性說明 audio 可指令碼控制的特性值 this.refs.audio.addeventlistener loadstart this.refs.audio.addeventlistener canplaythrough co...

html5中audio的簡單介紹

html5的audio功能上已經非常強大,回放,跳轉,緩衝等以前只能用flash才能實現的功能,html5的audio都能輕鬆搞定 audio 相關的 api 備用 當瀏覽器不支援audio時顯示的內容 控制函式功能說明 audio 的唯讀 特性有 唯讀屬性屬性說明 不能通過相等操作符 和 來判斷 ...