Audio 如果你願意一層一層剝開我的心

2021-09-16 20:54:05 字數 2140 閱讀 7568

我覺得dom就好像是元素週期表裡的元素,js就好像是實驗器材,通過各種化學反應,產生各種魔術。

通過開啟谷歌瀏覽器的dev tools -> settings -> elements -> show user agent shadow dom, 你可以看到其實audio標籤也是由常用的 input標籤和div等標籤合成的。

// controlslist屬性目前只支援 chrome 58+

3 your browser does not support the audio element.

4 你可以看出他們在chrome裡表現的差異

關於audio標籤支援的音訊型別,可以參考audio#supported_audio_coding_formats

controls: "controls" | "" 是否需要顯示控制項

事件名何時觸發

loadstart

開始載入

progress

正在載入

suspend

使用者**有意無法獲取**資料,無法獲取整個檔案

abort

error

獲取資源時發生錯誤

play

pause

loadedmetadata

剛獲取完元資料

loadeddata

第一次渲染元資料

waiting

等待中playing

canplay

canplaythrough

timeupdate

ended

ratechange

durationchange

**時長改變

volumechange

**聲音大小改變

volume:0.0-1.0之間,設定該屬性可以修改聲音大小

muted: 是否靜音, 設定該屬性可以靜音

// 你可以使用元素的屬性seekable來決定**目前能查詢的範圍。它返回乙個你可以查詢的timeranges 時間物件。

var mediaelement = document.getelementbyid('mediaelementid');

mediaelement.seekable.start(); // 返回開始時間 (in seconds)

mediaelement.seekable.end(); // 返回結束時間 (in seconds)

mediaelement.currenttime = 122; // 設定在 122 seconds

your browser does not support the audio element.

國內也有叫:w3school,但是資料實在匱乏,只適合初學者。最好還是可以在w3.org上查資料

一層秋雨一層涼啊

好幾天都在下雨了,看來秋天真的要來了。不過今年的秋天來的有些突然,讓人不敢相信是真的。涼爽的天氣讓人可以冷靜下來思考,雖然會讓上帝發笑,但是至少會使自己不至於那麼迷茫。沒有想到公司招聘的步伐會這麼快,讓我完全沒有準備好。其實每年都是如此,只是原來沒有關心罷了。近些日子,我總是會想到我們本科的生活,但...

一層一層剝開揹包問題

揹包問題是非常經典的動態規劃問題,這裡設計到空間開銷的問題,以下對方法不斷改進,優化空間開銷。時間複雜度 o n c 其中n為物品個數 c為揹包容積 空間複雜度 o n c include include include using namespace std 揹包問題 記憶化搜尋 時間複雜度 o ...

考研日記 9 01 一層秋雨一層涼

下午歸納完了毛中特第八章第一節,晚上做了概率論的1000題,做了10來題填空題,過程中看了一維隨機變數求分布,二維的求函式的概率密度。很少,加油。沒有睡覺。今天開始上課了 青蔥的粗糙的綠褲子湧過來飄過去 校園裡人變得好多 澡堂 餐廳 商業街 但我似乎慢慢脫離了 這些不再對我有什麼影響 越來越多地歸為...