Javascript控制html5 Audio標籤

2021-08-20 06:17:14 字數 1147 閱讀 6707

9 replies

在頁面中新增audio元素的方法主要是兩種,一種是在html中加入audio**,可以加入一些屬性(autoplay,preload)等,這些在之前的文章已經說過了。另外一種是js動態載入進來的。**如下:

var audio=document.createlement(「audio」);

audio.src=」audio/source.ogg」;//路徑

audio.play();

或者更簡單一些

audio=new audio(「audio/source.ogg」);//路徑

audio.play();

另外audio的屬性,preload有三種不同的載入方式,我們可以通過preload=」auto」

執行**

複製**

另存**

第一次執行時間會長一些,第二次執行由於檔案已經快取到本地,所以會直接彈出提示框。

同樣暫停也比較簡單audio.pause();

就能很輕易搞定,看到這裡你估計以為想要停止的話,也會使用這種語義化的函式了,呵呵,其實不是這樣的audio.stop()

audio.currenttime = 0;

執行**

複製**

另存**

注意:控制聲音的大小比較簡單,大概同play,pause那一套一樣,主要是多了乙個引數。

示例:audio.volume = 0;//表示靜音  audio.volume = 1; 表示聲音最大 ,聲音值可以取0-1之間

演示不寫了,可以自己修改上面**執行框中的內容。

控制快進,快退的原理比較簡單,只不過是設定audio的currenttime,案例如下

比如:audio.currenttime += 10;//10秒快進

執行**

複製**

另存**

呼叫出音訊的時長不難解決 「audio.duration;」 

就是了

總時長:

執行**

複製**

另存**

ok,基本的操作已經說完了。

最後留下參考資料給大家:

HTM 使用HTM進行異常檢測

如果你對htm感興趣,我建立了乙個群,我們共同學習交流。515743445。本文研究使用htm進行單變數的異常檢測,並嘗試復現了numenta的計程車異常檢測結果。numenta的異常檢測專案在這裡我們復現下的numentatm nyc taxi.csv的結果。建議先閱讀readme對nab有個基本...

JavaScript流程控制

一 條件語句 判斷的時候是嚴格型別比較即 的比較 1 if exp 執行一句 2 if exp 3 if exp else 4 if.else if.可以寫作switch.case.的形式 switch exp 當所有的case都不匹配的時候執行default的語句 轉換成switch.case.格...

javascript流程控制

流程控制 指的是控制 的執行順序 1 順序流程控制 編譯器預設 2 選擇流程控制 if switch 3 迴圈流程控制 for,while,do while 順序流程 按照排版從上往下依次執行,排版先後執行 選擇流程控制 分支結構 有選擇性的執行 語法規則 if 條件 if 裡面結果為真,就執行 裡...