jQuery 插件：用于移动项目的响应式音频播放器

偏执的太偏执、 2023-06-02 13:55 51阅读 0赞

你是否想要一个响应和触摸友好的音频播放器？Osvaldas Valutis 已经为大家创建了一个取代<audio>元素的 [**jQuery**][jQuery] 插件。通过添加一些 [**CSS**][CSS]，你就能得到一个全新的音乐播放器。

它已经过在最新的 Safari、Chrome、Firefox 和 Opera 浏览器测试通过，同时支持 Mac 和 Windows版本。该播放器在 IE9 和 IE10 也能很好的工作，并能优雅的降级到早期版本上使用。

这款播放器同时也可以在 iOS 6、Windows Phone 7 和 Android 4.2 的默认浏览器中使用。更早的 Android 版本不支持<audio>和<embed>元素，所以不能使用。

您可能感兴趣的相关文章

*  [Verlet-js：超炫的开源 JavaScript 物理引擎][Verlet-js_ JavaScript]
 *  [Debuggex – 超好用的正则表达式可视化调试工具][Debuggex _]
 *  [ScrollUp – 超轻量可定制的回到顶部jQuery插件][ScrollUp _ _jQuery]
 *  [CSS Beautify – 方便的在线 CSS 代码美化工具][CSS Beautify _ _ CSS]
 *  [Zepto.js – 为现代浏览器而生的轻量JavaScript库][Zepto.js _ _JavaScript]

[![images0-cnblogs-com_blog_36987_201305_25135131-70886e7351784a99beb51227f0de699b.jpg][]][images0-cnblogs-com_blog_36987_201305_25135131-70886e7351784a99beb51227f0de699b.jpg 1]

[效果演示][images0-cnblogs-com_blog_36987_201305_25135131-70886e7351784a99beb51227f0de699b.jpg 1]      [插件主页][Link 1]

您可能感兴趣的相关文章

*  [OverAPI.com – 史上最全开发人员在线速查手册][OverAPI.com _]
 *  [CSS Matic：网页设计师必备的终极 CSS 工具箱][CSS Matic_ CSS]
 *  [前端文摘——网页图片优化的实用工具和技巧分享][Link 2]
 *  [Feedly：替代 Google Reader 最佳 RSS 阅读器][Feedly_ Google Reader _ RSS]
 *  [Swipebox – 用于触屏的 jQuery Lightbox 插件][Swipebox _ _ jQuery Lightbox]

本文链接：[jQuery 插件：用于移动项目的响应式音频播放器][jQuery 1]

编译来源：[梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源][_ _ _]

更多专业前端知识，请上 **【猿2048】www.mk2048.com**

[jQuery]: http://www.cnblogs.com/lhb25/category/277997.html
[CSS]: http://www.cnblogs.com/lhb25/category/146075.html
[Verlet-js_ JavaScript]: http://www.cnblogs.com/lhb25/archive/2013/05/27/verlet-integration-physics-engine.html
[Debuggex _]: http://www.cnblogs.com/lhb25/archive/2013/02/27/regular-expression-visualization-debugger-tool.html
[ScrollUp _ _jQuery]: http://www.cnblogs.com/lhb25/archive/2013/04/26/lightweight-scroll-to-top-jquery-plugin.html
[CSS Beautify _ _ CSS]: http://www.cnblogs.com/lhb25/archive/2013/04/07/css-beautify-tool.html
[Zepto.js _ _JavaScript]: http://www.cnblogs.com/lhb25/archive/2013/03/05/zepto-js-library-for-modern-browsers.html
[images0-cnblogs-com_blog_36987_201305_25135131-70886e7351784a99beb51227f0de699b.jpg]: https://mk2048.oss-cn-beijing.aliyuncs.com/web_upload/blog_imgs/49/images0-cnblogs-com_blog_36987_201305_25135131-70886e7351784a99beb51227f0de699b.jpg
[images0-cnblogs-com_blog_36987_201305_25135131-70886e7351784a99beb51227f0de699b.jpg 1]: http://osvaldas.info/examples/audio-player-responsive-and-touch-friendly/
[Link 1]: http://osvaldas.info/audio-player-responsive-and-touch-friendly
[OverAPI.com _]: http://www.cnblogs.com/lhb25/archive/2013/03/21/all-the-cheat-sheets.html
[CSS Matic_ CSS]: http://www.cnblogs.com/lhb25/archive/2013/04/02/css-matic-the-ultimate-css-tools.html
[Link 2]: http://www.cnblogs.com/lhb25/archive/2013/02/26/tools-and-tips-on-how-to-optimize-images.html
[Feedly_ Google Reader _ RSS]: http://www.cnblogs.com/lhb25/archive/2013/04/01/feedly-the-best-alternative-of-google-reader.html
[Swipebox _ _ jQuery Lightbox]: http://www.cnblogs.com/lhb25/archive/2013/03/26/swipebox-touchable-lightbox-jquery.html
[jQuery 1]: http://www.cnblogs.com/lhb25/archive/2013/05/21/responsive-audio-player-jquery-plugin.html
[_ _ _]: http://www.cnblogs.com/lhb25/