清泉逐流

做着努力,等待幸福到来

OPMP3Player

运行平台

Web平台

最新版本

V 1.0

SVN

https://github.com/eamonning/OPMP3Player/

下载地址

云平台 / OPMP3Player

详细说明

OPMP3Play是一个JQuery网页在线音乐播放器插件。

播放器采用Flex 4.0开发,结合Javascript前台脚本,实现网页在线歌词的同步。

程序使用很简单,只需简单的初始化即可使用。

这里是一个简单的DEMO程序,方便大家在线查看。

http://www.eamonning.com/demo/OPMP3Player/demo.html



使用方法较为简单:

==================HTML代码==================

<div id="OPMP3Player_Container" style="width:100%;"></div>
<div style="border:1px solid #CCC;padding:10px;">
  <div id="OPMP3Player_LRCBox" style="height:200px;position:relative;overflow:hidden;">
  </div>
</div>


==================JS代码==================

var myPlayer=$('#OPMP3Player_Container').OPMP3Player({
          //Flash播放地址
          flashUrl  :  "OPMP3Player.swf",
          //MP3文件
          mp3Url     :  "example_music.mp3",
          //自动播放
          autoPlay   :   true,
          //LRC歌词,如果该值为空,将忽略所有LRC的操作
          lrcUrl     :   "example_music.lrc",
          //如果同时指定了歌词容器lrcContainer的height=xxPX,overflow=hidden和position=relative
          //并且指定了timeChangeCallback为系统的xxx.timeChangeCallback,歌词将会自动滚动
          lrcContainer : '#OPMP3Player_LRCBox',
          //普通歌词CSS样式
          lrcClass : 'lrcClass',
          //歌词高亮CSS样式
          lrcHighlightClass : 'lrcHighlightClass',
          //时间改变调用函数,可以自定义,我们这里用于更新歌词
          //如果您想全部自己定义,请参照OPMP3Player.js源代码
          timeChangeCallback: "myPlayer.timeChangeCallback"
});

更新日志

V1.0    2013-06-13

正式发布版本