9款优秀的 HTML5 音乐播放器推荐

  在过去,在网页上播放的音频通常都是通过第三方插件来播放的,比如像Flash、QuickTime 和 Silverlight 等,但是基本上都没有统一的音频播放标准。而HTML5则是通过 audio 元素来提供在网页中嵌入音频的标准方法,下面推荐的9款HTML5音频播放器都是基于audio元素开发的,应该能够帮助用户在网页中轻松的嵌入音频。

  jPlayer

  jPlayer是一款基于jQuery的免费开源HTML5音频和视频播放插件,并且API简单,还支持自定义皮肤。

  →网站地址:http://jplayer.org/

  Media Element

  MediaElement 是一款能够支持播放音频和视频的播放器,其使用纯 HTML5 和 CSS 编写,但是在旧的浏览器中会能降级到 Flash 或者 Silverlight 播放。而Media Element 还可以定制皮肤,为主流的平台提供了插件,例如 WordPress、Drupal、Joomla 等等。

  →网站地址:http://mediaelementjs.com/

  Scott Andrew’s HTML5 audio player

  这款 HTML5 音频播放器非常的简洁,由 Scott Andrew 开发,如果你不需要播放列表,也不需要花哨的效果,那么可以选择它。

  →网站地址:http://www.scottandrew.com/pub/html5audioplayer/

  Speakker

  Speakker 是我最喜欢的一款音频播放器,功能强大,使用简单。这款播放器有播放列表,声音控制,播放控制等很多功能,支持尺寸、颜色、按钮文本等选项的自定义。支持所有的现代浏览器,在旧的浏览器中会自动降级到 Flash 播放。

  →网站地址:http://www.speakker.com/

  MooTools HTML5 Audio Player

  基于 Mootools 框架的 HTML5 音频播放器,如果你的网站正在使用 MooTools 框架,我想你会喜欢这个播放器的。

  →网站地址:http://simulacre.org/mootools-html5-audio-player/

  Universal HTML5 Audio Player

  这款播放器是这个列表中唯一要付费的,当然功能也是很全面的,支持自定义播放控制按钮图片,兼容 iOS、Android 和桌面浏览器。

  →网站地址:http://codecanyon.net/item/universal-html5-audio-player

  SoundManager 2

  通过调用轻量的 JavaScript API ,SoundManager 2 提供了可靠的跨平台音频播放方案,在旧的浏览器会自动降级到 Flash,精美的Demo:http://wheelsofsteel.net/。

  →网站地址:http://www.schillmania.com/projects/soundmanager2/

  audio.js

  audio.js 是一个轻量的 JavaScript 库,用于帮助你在网页中轻松的嵌入音频,在现代浏览器中使用原生的 标签播放音频,旧的浏览器使用 Flash 来模拟 标签,所有浏览器使用统一的 UI 界面,可以通过 CSS 定义外观。

  →网站地址:http://kolber.github.com/audiojs/

  HTML5 Audio Player Bookmarklet

  这个特别的播放器是以书签形式来播放网页中的音频文件,能够用于任何有可下载的音频文件链接的页面。

  →网站地址:http://marklets.com/HTML5+Audio+Player.aspx

时间: 2025-01-02 05:03:28

9款优秀的 HTML5 音乐播放器推荐的相关文章

HTML5 之美:推荐9款优秀的 HTML5 音乐播放器

过去,在网页上播放音频都是通过第三方插件来播放的,如 Flash.QuickTime 和 Silverlight 等,没有统一的音频播放标准.HTML5 通过 audio 元素来提供在网页中嵌入音频的标准方法,下面这9款 HTML5 音频播放器都是基于 audio 元素开发的,能够帮助你在网页中轻松的嵌入音频.另外推荐:7款很棒的 HTML5 视频播放器. jPlayer jPlayer 一款基于 jQuery 的免费开源的 HTML5 音频和视频播放插件,API 简单,支持自定义皮肤. → 访

jqm视频播放器,html5视频播放器,html5音乐播放器,html5播放器,video开发demo,html5视频播放示例,html5手机视频播放器

最近在论坛中看到了很多实用html5开发视频播放,音乐播放的功能,大部分都在寻找答案.因此我就在这里做一个demo,供大家相互学习.html5开发越来越流行了,而对于视频这一块也是必不可少的一部分.如何让你的网站占据优势,就要看你的功能和用户体验了.html5对video还是做了很多优惠的东西,我们使用起来很得心应手. 在过去 flash 是网页上最好的解决视频的方法,截至到目前还算是主流,像那些优酷之类的视频网站.虾米那样的在线音乐网站,仍然使用 flash 来提供播放服务.但是这种状况将会随

10 个基于 Web 的 HTML5 音乐播放器

HTML5 是一种用于创建和呈现的网页内容的语言.这是一个革命性的语言,它拥有一些真正棒的功能和一个新的HTML5规范允许本地音频流的播放.本文向你推荐 10 个最棒的 HTML5 音频播放器,看看你喜欢哪个! Speakker Speakker 是一个基于 Web 浏览器的音乐播放器,只提供很多高级播放功能包括播放列表管理和分享. audio.js audio.js 是一个 js 库用来让 HTML5 的 <audio> 标签可以在各种浏览器上使用,包括智能手机. SoundManager

html5音乐播放器代码

问题描述 (function (h, o, g) { var p = function () { for (var b = /audio(.min)?.js.*/, a = document.getElementsByTagName('script'), c = 0, d = a.length; c ', settings: { autoplay: false, loop: false, preload: true, imageLocation: 'js/player-graphics.gif'

三国争霸 Linux三款音乐播放器全方位PK

Linux三款音乐播放器全方位PK 电脑一直被大家用作音乐播放的设备.我们可以从互联网上听到成百上千人的音乐文件.现在已经有很多人的电脑根本离不开音乐播放器,Windows中的音乐播放器 大家可能都耳熟能详了,但是在Linux中,很多新手却很找到一款适合自己的音乐播放器,以致于对Linux逐渐失去兴趣. 其实,Linux中的音乐播放器也有很多,而且功能相当不错的,这里给大家介绍三个最具代表性的音乐播放器,并对三个进行对比,大家可以根据个人喜好选择适合自己的音乐播放器. 三国争霸 Linux三款音

插件-linux下用Qt制作音乐播放器

问题描述 linux下用Qt制作音乐播放器 linux下用Qt制作音乐播放器时提示缺少插件phonon怎么解决,网上搜索了很多,但还是解决不了 解决方案 http://wenku.baidu.com/link?url=ek6Npa245WzZ2Z2vfWnc6at6m51_Wz0DUy74wK2JDPT5O4aZ_KBb3y6VTx8R-v64CZZPCF3y1qVqzu7cBDbsNgWPU-RgJfK5Y8EqrAAdUgu 解决方案二: http://download.csdn.net/d

JS模拟酷狗音乐播放器收缩折叠关闭效果代码_javascript技巧

本文实例讲述了JS模拟酷狗音乐播放器收缩折叠关闭效果代码.分享给大家供大家参考,具体如下: 这是一款模拟酷狗音乐播放器的关闭特效,采用JavaScript实现,关闭的时候播放界面缩成一条线,然后消失,就像有些电视机突然停电的效果,很有意思的网页动画特效. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-kugou-music-player-style-demo/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3

JavaScript实现带播放列表的音乐播放器实例分享_javascript技巧

代码较最基础的播放器实现增加了playlist,使用MakeList实现多首播放,有需要的可以直接使用: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"

Android 开源在线音乐播放器_Android

封面图:  简介 波尼音乐是一款开源Android在线音乐播放器. 播放本地音乐与在线音乐 在线音乐排行榜,如热歌榜.新歌榜等 高仿云音乐的黑胶唱片专辑封面 歌词显示,自动搜索歌词 夜间模式 定时关闭 更新说明 v 1.0 First Release TODO 在线音乐可以免下载加入我的音乐列表 在线音乐自动缓存 编辑音乐信息 项目公开API 在线音乐:百度音乐 天气数据:高德地图 开源技术 okhttp-utils Android-Universal-Image-Loader 关键代码 黑胶唱