10 個(gè)基于 Web 的 HTML5 音樂播放器
2013/11/23 13:27:32來源:cnBeta.com
HTML5 是一種用于創(chuàng)建和呈現(xiàn)的網(wǎng)頁內(nèi)容的語言。這是一個(gè)革命性的語言,它擁有一些真正棒的功能和一個(gè)新的HTML5規(guī)范允許本地音頻流的播放。本文向你推薦 10 個(gè)最棒的 HTML5 音頻播放器,看看你喜歡哪個(gè)!
Speakker
Speakker 是一個(gè)基于 Web 瀏覽器的音樂播放器,只提供很多高級(jí)播放功能包括播放列表管理和分享。
audio.js
audio.js 是一個(gè) js 庫用來讓 HTML5 的 <audio> 標(biāo)簽可以在各種瀏覽器上使用,包括智能手機(jī)。
SoundManager 2
SoundManager 2 利用 HTML5 和 Flash 技術(shù)提供了穩(wěn)定和闊平臺(tái)的音樂播放功能,只有 10K 的 JS 包。
演示地址:http://wheelsofsteel.net/
MooTools HTML5 Audio Player
MooTools HTML5 Audio Player 是一個(gè)使用純 HTML5 以及 Mootools 框架開發(fā)的播放器。
jplayer
jPlayer是一個(gè)用于控制和播放mp3文件的jQuery插件。它在后臺(tái)使用Flash來播放mp3文件,前臺(tái)播放器外觀完全可以使用 XHML/CSS自定義。
Universal HTML5 Audio Player
Universal HTML5 Audio Player 是這10個(gè)播放器中唯一收費(fèi)的,需要5美元。
Media Element
該播放器完全用 HTML5 和 CSS 編寫。
Scott Andrew’s HTML5 audio player
Scott Andrew’s HTML5 audio player 是一個(gè)真正輕量級(jí)的,但功能很強(qiáng)大。
HTML5 Audio Player Bookmarklet
HTML5 Audio Player Bookmarklet 在網(wǎng)頁上放置播放器用來播放所有音頻鏈接。
Speakker 是一個(gè)基于 Web 瀏覽器的音樂播放器,只提供很多高級(jí)播放功能包括播放列表管理和分享。
audio.js
audio.js 是一個(gè) js 庫用來讓 HTML5 的 <audio> 標(biāo)簽可以在各種瀏覽器上使用,包括智能手機(jī)。
SoundManager 2
SoundManager 2 利用 HTML5 和 Flash 技術(shù)提供了穩(wěn)定和闊平臺(tái)的音樂播放功能,只有 10K 的 JS 包。
演示地址:http://wheelsofsteel.net/
MooTools HTML5 Audio Player
MooTools HTML5 Audio Player 是一個(gè)使用純 HTML5 以及 Mootools 框架開發(fā)的播放器。
jplayer
jPlayer是一個(gè)用于控制和播放mp3文件的jQuery插件。它在后臺(tái)使用Flash來播放mp3文件,前臺(tái)播放器外觀完全可以使用 XHML/CSS自定義。
Universal HTML5 Audio Player
Universal HTML5 Audio Player 是這10個(gè)播放器中唯一收費(fèi)的,需要5美元。
Media Element
該播放器完全用 HTML5 和 CSS 編寫。
Scott Andrew’s HTML5 audio player
Scott Andrew’s HTML5 audio player 是一個(gè)真正輕量級(jí)的,但功能很強(qiáng)大。
HTML5 Audio Player Bookmarklet
HTML5 Audio Player Bookmarklet 在網(wǎng)頁上放置播放器用來播放所有音頻鏈接。
[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/de1765.html
本文地址:http://m.likemindfilms.com/tutorial/de1765.html
這些是最新的
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏
最熱門的教程