10 個(gè)基于 Web 的 HTML5 音樂(lè)播放器
2013/11/23 13:27:32來(lái)源:cnBeta.com
HTML5 是一種用于創(chuàng)建和呈現(xiàn)的網(wǎng)頁(yè)內(nèi)容的語(yǔ)言。這是一個(gè)革命性的語(yǔ)言,它擁有一些真正棒的功能和一個(gè)新的HTML5規(guī)范允許本地音頻流的播放。本文向你推薦 10 個(gè)最棒的 HTML5 音頻播放器,看看你喜歡哪個(gè)!
Speakker
Speakker 是一個(gè)基于 Web 瀏覽器的音樂(lè)播放器,只提供很多高級(jí)播放功能包括播放列表管理和分享。
audio.js
audio.js 是一個(gè) js 庫(kù)用來(lái)讓 HTML5 的 <audio> 標(biāo)簽可以在各種瀏覽器上使用,包括智能手機(jī)。
SoundManager 2
SoundManager 2 利用 HTML5 和 Flash 技術(shù)提供了穩(wěn)定和闊平臺(tái)的音樂(lè)播放功能,只有 10K 的 JS 包。
演示地址:http://wheelsofsteel.net/
MooTools HTML5 Audio Player
MooTools HTML5 Audio Player 是一個(gè)使用純 HTML5 以及 Mootools 框架開(kāi)發(fā)的播放器。
jplayer
jPlayer是一個(gè)用于控制和播放mp3文件的jQuery插件。它在后臺(tái)使用Flash來(lái)播放mp3文件,前臺(tái)播放器外觀完全可以使用 XHML/CSS自定義。
Universal HTML5 Audio Player
Universal HTML5 Audio Player 是這10個(gè)播放器中唯一收費(fèi)的,需要5美元。
Media Element
該播放器完全用 HTML5 和 CSS 編寫(xiě)。
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)頁(yè)上放置播放器用來(lái)播放所有音頻鏈接。
Speakker 是一個(gè)基于 Web 瀏覽器的音樂(lè)播放器,只提供很多高級(jí)播放功能包括播放列表管理和分享。
audio.js
audio.js 是一個(gè) js 庫(kù)用來(lái)讓 HTML5 的 <audio> 標(biāo)簽可以在各種瀏覽器上使用,包括智能手機(jī)。
SoundManager 2
SoundManager 2 利用 HTML5 和 Flash 技術(shù)提供了穩(wěn)定和闊平臺(tái)的音樂(lè)播放功能,只有 10K 的 JS 包。
演示地址:http://wheelsofsteel.net/
MooTools HTML5 Audio Player
MooTools HTML5 Audio Player 是一個(gè)使用純 HTML5 以及 Mootools 框架開(kāi)發(fā)的播放器。
jplayer
jPlayer是一個(gè)用于控制和播放mp3文件的jQuery插件。它在后臺(tái)使用Flash來(lái)播放mp3文件,前臺(tái)播放器外觀完全可以使用 XHML/CSS自定義。
Universal HTML5 Audio Player
Universal HTML5 Audio Player 是這10個(gè)播放器中唯一收費(fèi)的,需要5美元。
Media Element
該播放器完全用 HTML5 和 CSS 編寫(xiě)。
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)頁(yè)上放置播放器用來(lái)播放所有音頻鏈接。
[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.pkvc.cn/tutorial/de1765.html
本文地址:http://m.pkvc.cn/tutorial/de1765.html
您可能還喜歡
- 干貨分享!推薦8個(gè)高清無(wú)水印無(wú)版權(quán)可商
- 國(guó)外黃色網(wǎng)站系列欣賞之一
- 7款簡(jiǎn)約線條的免費(fèi)英文字體
- 國(guó)外最好的22個(gè)配色網(wǎng)站
- 10個(gè)高清多邊形的設(shè)計(jì)背景紋理素材下載
- 2015年最優(yōu)秀的20款網(wǎng)站配色方案
- 網(wǎng)易的404公益廣告頁(yè)面
- 簡(jiǎn)潔大氣時(shí)尚網(wǎng)頁(yè)背景匯集(附下載)
- 20套免費(fèi)的純色網(wǎng)頁(yè)小圖標(biāo)
- 30個(gè)“簡(jiǎn)潔大氣國(guó)際化”的網(wǎng)頁(yè)設(shè)計(jì)欣賞
這些是最新的
- 專(zhuān)訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏
最熱門(mén)的教程