HTML5音频播放器ZEN Audio Player使用介绍

上两篇向大家介绍了两个HTML5音频和视频播放器VideoJS和jPlayer。今天再来介绍一个音频播放器ZEN Audio Player。说白了ZEN Audio Player是基于jPlayer的，如果你仔细看过jPlayer这篇文章的话，应该还记得里面有一个个性化的环形音频播放器示例，说白了，ZEN Audio Player就是基于jPlayer给这个环形播放器重新写了一个皮肤，下图是它在Chrome浏览器下的展示效果，在firefox下效果稍微差点，可能界面兼容性还有点问题。

我不知道为什么，当我想从github上下载这个播放器的示例源码时，要么打不开，要么就非常慢，可能是github自身的问题，也有可能是万恶的GFW的问题，所以最终我是根据其示例页面将页面元素和用到的js、css一点点凑起来的，最终把这个demo和源码发上来，方便大家下载和学习，身在中国，访问国外的网站实在是太累太累了。

在线示例

源码下载

ZEN Audio Player的官方网站是http://lab.simurai.com/ui/zen-player/

转载请自觉注明原文：http://www.itivy.com/html5/archive/2012/1/8/html5-zen-audio-player.html