JQuery 开源播放器 JPlayer

 

最近在一网盘项目里烦恼着播放器的问题，经过千辛万苦终于找到一个合适的了，一个Open Source的JS播放器，可以适应多浏览器，太兴奋了，急于与大家分享一下：

地址：http://www.happyworm.com/jquery/jplayer/download.htm

网盘地址：http://u.115.com

下图是播放器的图片，有兴趣的朋友可以上去溜一溜。如果对于网盘里面的JS代码有不明白的地方， 可以随时来发贴。

 

下面本人所写的一个JPlayer 代理类，大家也可以参考一下：

  1var player_proxy = function(){
  2    var _datalist = [];    //音乐列表
  3    var _btn_obj;    //按钮对象
  4    var _show_state = -1;    //-1:没有音乐 0:正在播入 1:暂停中 2:已停止
  5    var _progress_change;
  6    var _player;
  7    var _play_index = -1;    //播放序号
  8    var _volume = 50;    //默认音量
  9    var _play_handler;
 10    var _is_no_sound = false;
 11    var _play_pattern = 2; //播放模式 0:单曲循环; 1:顺序; 2:循环; 3:随机
 12    var _data_change_handler;    //单乐数据改变事件
 13    
 14    //根据序号播放歌曲
 15    var play_index = function(index){
 16        if(_datalist.length > 0){
 17            var url = _datalist[index]["filepath"];
 18            _player.changeAndPlay(url);
 19            _play_index = index;
 20            if(_play_handler){
 21                _play_handler(_datalist[index]);
 22            }
 23        }
 24    }
 25
 26    //播放第一首
 27    var play_first = function(){
 28        if(_datalist.length > 0){
 29            play_index(0);
 30        }
 31    }
 32    
 33    //播放下一首
 34    var play_next = function(){
 35        var n = get_play_index_num();
 36        if(n < _datalist.length){
 37            play_index(n);
 38        }
 39        else{
 40            play_index(0);
 41        }
 42    }
 43    
 44    //播放上一首
 45    var play_previous = function(){
 46        var n = get_play_index_num(true);
 47        if(n >= 0){
 48            play_index(n);
 49        }
 50    }
 51    
 52    var show_play_btn = function(){
 53        $("#" + _btn_obj["play"]).hide();
 54        $("#" + _btn_obj["pause"]).show();
 55        $("#" + _btn_obj["stop"]).show();
 56    }
 57    
 58    var show_pause_btn = function(){
 59        $("#" + _btn_obj["play"]).show();
 60        $("#" + _btn_obj["pause"]).hide();
 61        $("#" + _btn_obj["stop"]).show();
 62    }
 63    
 64    var show_stop_btn = function(){
 65        $("#" + _btn_obj["play"]).show();
 66        $("#" + _btn_obj["pause"]).hide();
 67    }
 68    
 69    //验证Key是否存在
 70    var check_key = function(key){
 71        for(var i = 0; i < _datalist.length;i++){
 72            var item = _datalist[i];
 73            if(item.key == key){
 74                return true;
 75            }
 76        }
 77        return false;
 78    }
 79    
 80    var get_play_index_num = function(is_pre){
 81        var i = _play_index;
 82        if(is_pre){
 83            switch(_play_pattern){
 84                case 0:
 85                    break;
 86                case 1:
 87                    i-=1;
 88                    break;
 89                case 2:
 90                    i-=1;
 91                    if(i < 0){
 92                        i = 0;
 93                    }
 94                    play_index(i);
 95                    break;
 96                case 3:
 97                    i = parseInt(Math.random()*(_datalist.length-1));
 98                    break;
 99            }
        }
        else{
            switch(_play_pattern){
                case 0:
                    break;
                case 1:
                    i+=1;
                    break;
                case 2:
                    i+=1;
                    if(i >= _datalist.length){
                        i = 0;
                    }
                    play_index(i);
                    break;
                case 3:
                    i = parseInt(Math.random()*(_datalist.length-1));
                    break;
            }
        }
        return i;
    }
    
    //控制静音状态
    this.control_sound = function(p_has){
        if(p_has == undefined){
            return _is_no_sound;
        }
        _is_no_sound = p_has;
        if(_is_no_sound){
               _player.volume(0);
        }else{
            _player.volume(_volume);
        }
    },
    //播放进度事件
    this.on_progress_change = function(fun){
        if(_progress_change){
            _progress_change = function(){
                _progress_change();
                fun();
            }
        }
        else{
            _progress_change = fun;
        }
    },
    //获得正在播放歌曲对象
    this.get_active_music = function(){
        if(_play_index != -1 && _datalist.length > 0){
            return _datalist[_play_index];
        }
        return null;
    },
    //播放
    this.play = function(p_key){
        for(var i = 0; i < _datalist.length; i++){
            if(p_key == _datalist[i].key){
                play_index(i);
            }
        }
    },
    this.play_first_music = function(){
        play_first();
    },
    //增加歌曲
    this.add_data = function(p_key,p_name,p_filepath){
        var obj = {key:p_key,filepath:p_filepath,name:p_name};
        var result_obj = [];
        var is_add = false;
        if(!check_key(obj.key)){
            _datalist.push(obj);
            result_obj.push(obj);
            is_add = true;
        }
        if(_data_change_handler){
            _data_change_handler(is_add,result_obj);
        }
    },
    //增加歌曲(批量)
    this.add_dataarr = function(p_obj_arr){
        var is_add = false;
        var result_obj = [];
        for(var i = 0; i < p_obj_arr.length; i++){
            if(!check_key(p_obj_arr[i].key)){
                _datalist.push(p_obj_arr[i]);
                result_obj.push(p_obj_arr[i]);
                is_add = true;
            }
        }
        if(_data_change_handler){
            _data_change_handler(is_add,result_obj);
        }
        return is_add;
    },
    //删除歌曲
    this.delete_data = function(p_key){
        var index = -1;
        for(var i = 0; i < _datalist.length;i++){
            var item = _datalist[i];
            if(item.key == p_key){
                index = i;
            }
        }
        var key = -1;
        if(index != -1){
            key = _datalist[index].key;
            if(_data_change_handler){
                _data_change_handler(true,[{key:key}],true);
            }
            _datalist.splice(index,1);
        }
        else{
            if(_data_change_handler){
                _data_change_handler(false,{key:key},true);
            }
        }
    },
    //绑定按钮
    this.bind_btn = function(obj){
        if(obj){
            _btn_obj = obj;
            $.each(_btn_obj, function(i, n){
                var ele = $("#" + n);
                if(ele == undefined){
                    ele = $(n);
                }
                ele.click(function(){
                    switch(i){
                        case "play":    //播放
                            _player.play();
                            show_play_btn();
                            break;
                        case "pause":    //暂停
                            _player.pause();
                            show_pause_btn();
                            break;
                        case "stop":    //停止
                            _player.stop();
                            show_stop_btn()
                            break;
                        case "pre":        //前一首
                            play_previous();
                            show_play_btn();
                            break;
                        case "next":    //下一首
                            play_next();
                            show_play_btn();
                            break;
                    }
                });
            }); 
        }
    },
    //设置音量
    this.set_volume = function(p_num){
        if(p_num == undefined){
            return _volume;
        }
        _volume = p_num;
        _player.volume(_is_no_sound? 0 : _volume);
    },
    //设置进度
    this.set_plan = function(p_num){
        _player.playHead(p_num);
    },
    //播放事件
    this.set_play_call_back = function(p_fun){
        _play_handler = p_fun;
    },
    //设置列表改变事件
    this.set_data_change_handler = function(p_fun){
        if(p_fun){
            _data_change_handler = p_fun;
        }
    },
    //设置播放模式
    this.pattern = function(p_pattern){
        if(p_pattern == undefined){
            return _play_pattern;
        }
        _play_pattern = p_pattern;
    },
    //获取列表
    this.get_datasource = function(){
        return _datalist;
    },
    this.get_player = function(){
        return _player;
    },
    //初始化
    this.init = function(p_playId,p_play_callback){
        _player = $("#" + p_playId);
        if(p_play_callback){
            _play_handler = p_play_callback;
        }
        if(_progress_change){
            _player.onProgressChange(_progress_change);
        }
        _player.onSoundComplete(function(){
            var i = get_play_index_num();
            play_index(i);
        });
        _player.jPlayer({
            ready: function () {
                if(_play_index == -1){
                   play_first();
                   show_play_btn();
                }
                else{
                    show_stop_btn();
                }
            },
            swfPath: "xxxxx"    //这里是jplayer falsh所在目录
        });
    }
}

 使用方法可以上去115网盘的播放器参考一下，有this在前面是公开的方法，使用过JS的朋友，如何是创建与使用一个类就不用再提了吧。