2020最新开源HTML5音频播放器

Lasted 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

安装方法:

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

 

MediaElementJS

MediaElementJS支持视频播放。

安装方法:

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

audio.js

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