精美MP3播放器源码

 

 

以前做个MP3播放器，哎呦，样子太难看，有的浏览器还不兼容，

 

今天无意发现一款MP3播放器，很精美，

http://www.ixunxi.com/share/alert/D8F2A5BB-BF2D-DF11-8228-002564CD3F26

 

于是把代码拷进来了，给大家分享一下。

 

注：代码来自爱讯息网，ixunxi。com

 

 

//实现配置功能
onsettings = function(arg) {
    var count = $("#music_list li").length + 1;
    var html = "<div><table style='text-align:left;margin-left:80px' cellpadding='5px' cellspacing='5px'>";
    html += "<tr>";
    html += "<td>歌曲URL:</td>";
    html += "<td><input id='url' type='text' /></td>";
    html += "</tr>";
    html += "<tr>";
    html += "<td>歌曲名称:</td>";
    html += "<td><input id='name' type='text' value='歌曲" + count + "' /></td>";
    html += "</tr>";
    html += "<tr>";
    html += "<td colspan='2'><input type='button' value='添加' οnclick='addMusic()'/></td>";
    html += "</tr>";
    html += "</table></div>";
    return html;
};

function addMusic() {
    var url = $("#url").val();
    var name = $("#name").val();
    var li = $("#music_list li");
    var count = li.length + 1;
    var html='<li id="li'+li.length+'" class="player" jplayer="'+url+'" song="'+name+'" >';
    html += '<a href="#" class="controllink"></a>';
    html += '<p>' + name + '</p>';
    html += '<img class="delete" alt="删除" src="skin/default/images/delete.gif" οnclick="deleteRow(/'li' + count + '/',/'' + name + '/')"/>';
    html += '</li>';
    lihtml += html;
    $("#music_list").html("");
    $("#music_list").prepend($(lihtml));
    saveSetting();
    $("#music_list").unbind();
    $("a").unbind();
    $("li").unbind();
    controlBind();
    onedit();
}

function saveSetting() {
    var li = $("#music_list li");
    var setting = "[[";
    $(li).each(function(e) {
        setting += "{name:/"" + $(this).attr("song") + "/",url:/"" + $(this).attr("jplayer") + "/"},";
    });

    setting += "]]";
    fra.widgetSave(id, setting);
}