OPMP3Player Demo

Code


    
==================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代码==================

<script type="text/javascript">
    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"
    });
</script>
    

使用说明:在本地测试时,flash的回调函数是不能正常工作的,因此歌词显示有问题,需要做网站发布才可以查看。
另外,歌词是需要UTF-8编码的才能正常显示。


作者:Eamonn