2020最新開源HTML5音頻播放器

最近更新時間 2020-01-05 14:18:16

HTML5是HTML最新的修訂版本,由萬維網聯盟(W3C)於2014年10月完成標準制定。目標是取代1999年所制定的HTML 4.01和XHTML 1.0標準,以期能在互聯網應用迅速發展的時候,使網絡標準達到符合當代的網絡需求。

HTML5添加了許多新的語法特徵,其中包括<video><audio><canvas>元素,同時集成了SVG內容。

HTML <audio> 元素用於在文檔中表示音頻內容。 <audio> 元素可以包含多個音頻資源, 這些音頻資源可以使用 src 屬性或者<source> 元素來進行描述; 瀏覽器將會選擇最合適的一個來使用。對於不支持<audio>元素的瀏覽器,<audio>元素也可以作為瀏覽器不識別的內容加入到文檔中。

本文向你推薦 幾個 個最棒的 HTML5 音頻播放器。

 

howler.js

howler.js

安裝方法:

  • 源碼安裝:git clone https://github.com/goldfire/howler.js.git
  • npm安裝:npm install howler
  • Yarn安裝:npm install howler
  • Bower安裝:bower install howler

 

MediaElementJS

MediaElementJS

MediaElementJS支持視頻播放。

安裝方法:

  • 源碼安裝:git clone https://github.com/mediaelement/mediaelement.git
  • npm安裝:npm install mediaelement
  • Yarn安裝:npm install mediaelement
  • Bower安裝:bower install mediaelement

audio.js

audio.js

只支持下載源文件安裝:http://kolber.github.com/audiojs/audiojs.zip

rss_feed