英文原文:10 Best HTML5 Audio Players HTML5 似乎無所不能,該技術正在逐漸蠶食原本屬于 Flash 的市場,并逐漸成為 Web 開發中的主流技術之一。 本文為你帶來 10 款優秀的基于 HTML5 實作的音頻播放器,你可以在 Web 項目中使用,為你的使用者帶來全新的體驗
英文原文:10 Best HTML5 Audio Players
HTML5 似乎無所不能,該技術正在逐漸蠶食原本屬于 Flash 的市場,并逐漸成為 Web 開發中的主流技術之一。
本文為你帶來 10 款優秀的基于 HTML5 實作的音頻播放器,你可以在 Web 項目中使用,為你的使用者帶來全新的體驗。
1. Chameleon HTML5 Audio Player With/Without Playlist
你可以将本産品作為一個全功能的 HTML5 音頻播放器(帶播放清單),或者隻是作為一個子產品嵌入到你的網站中。你也可以進行定制,比如顔色、背景播放、音量滑塊、定時器、緩沖區、搜尋欄等。
2. Speakker
Speakker 是該清單中的最好的播放器之一,擁有非常不錯的定制選項,比如靈活的尺寸、顔色等,并且相容大部分浏覽器。
3. audio.js
4. SoundManager 2
SoundManager 2 基于 HTML5 和 Flash,提供了一個非常棒的音頻播放體驗,并且非常輕量級(隻有 10kb),你可以在這裡觀看示範,這是一個基于 SoundManager 2 的 DJ 混音台。
5. MooTools HTML5 Audio Player
該播放器使用到了 HTML5 和 Mootools(一個 JavaScript 架構),可以在所有最新的浏覽器中展示出強大的效果。
6. jplayer
這是一個非常簡單和友善的 jQuery 插件,除了音頻外,視訊播放效果也很不錯。
7. Universal HTML5 Audio Player
這是一個收費的播放器,不過與該播放器豐富的功能相比,其價格(隻有 5 美元)就不足為道了。該播放器使用了一個 beep overlay 技術,可以防止你的音頻資訊被劫持。
8. Media Element
該播放器完全采用 HTML5 和 CSS,也可以作為 WordPress、Drupal 和 Joomla 的插件來使用。
9. Scott Andrew’s HTML5 audio player
這是一個非常輕量級的 HTML5 播放器,效果非常棒。
10. HTML5 Audio Player Bookmarklet
可以作為浏覽器的書簽來使用,來播放頁面中連結的音頻檔案,省去了你下載下傳音頻檔案的時間。