Hola,
\nEstoy personalizando el plugin \u00abTotal Control HTML5 Audio Player Basic\u00bb. Tengo el siguiento c\u00f3digo que reemplaza las canciones de la lista de reproducci\u00f3n:<\/p>\n
$(document).on('click', '.playOnAP',function() {\n if( $(this).hasClass('playOnAP-pause') ) {\n htmlSound.pause();\n $(this).removeClass('playOnAP-pause');\n $('.total-play').removeClass('total-pause');\n } else {\n\n var tituloAlbum = $(this).siblings( '.entry-header' ).text();\n var caratula = $(this).siblings( '.thumbnail-review' ).children().html();\n var artista = $(this).siblings( '.artista' ).text();\n\n $('.playOnAP').removeClass('playOnAP-pause');\n\n if( supports_mp3_audio() ) {\n\n var clon = $('.total-row').first().clone(true)\n $('.total-row').remove();\n $('#mp3-list ul li',this).each( function( index, element ) {\n\n $('.jspPane').append(clon.clone(true));\n var totalTitle = $('.total-title').eq(index);\n\n totalTitle.attr('src', $(this).text() ); \/\/url canci\u00f3n\n totalTitle.text($(this).text().slice(($(this).text().search("\\\/[^\\\/]+$")) + 1)); \/\/canci\u00f3n\n totalTitle.siblings( '.total-artist' ).text(artista); \/\/artista\n totalTitle.attr('imagen', caratula);\n });\n $(this).addClass('playOnAP-pause');\n } else if ( supports_ogg_audio() ) {\n\n var clon = $('.total-row').first().clone(true)\n $('.total-row').remove();\n $('#ogg-list ul li',this).each( function( index, element ) {\n $('.jspPane').append(clon.clone(true));\n var totalTitle = $('.total-title').eq(index);\n\n totalTitle.attr('src', $(this).text() ); \/\/url canci\u00f3n\n totalTitle.text($(this).text().slice(($(this).text().search("\\\/[^\\\/]+$")) + 1)); \/\/canci\u00f3n\n totalTitle.siblings( '.total-artist' ).text(artista); \/\/artista\n totalTitle.attr('imagen', caratula);\n });\n $(this).addClass('playOnAP-pause');\n }\n totalSongs = $('.total-title').length;\n songPlay($('.total-title').first().attr('src'));\n htmlSound.play(); \n\n $('.total-play').addClass('total-pause');\n $('#caratula').html($('.total-title').first().attr('imagen'))\n }\n });<\/code><\/pre>\nEl problema viene cuando intento a\u00f1adir canciones a la lista de reproducci\u00f3n sin cambiar la canci\u00f3n que suena en ese momento. He intentado lo siguiente:<\/p>\n
$(document).on('click', '.addOnAP',function() {\n var currentSrc = $('.total-playing .total-playing').attr('src');\n if( $('.total-title').length <= 20 ) {\n var tituloAlbum = $(this).siblings( '.entry-header' ).text();\n var caratula = $(this).siblings( '.thumbnail-review' ).children().html();\n var artista = $(this).siblings( '.artista' ).text();\n\n if( supports_mp3_audio() ) {\n console.log('soporta ogg'); \n\n $(this).siblings('.playOnAP').find('#mp3-list ul li').each( function( index, element ) {\n $('.total-row').first().clone(true).insertAfter($('.total-row').last());\n $('.total-row').last().find('.total-title').attr('src', $(this).text() ); \/\/url canci\u00f3n\n $('.total-row').last().find('.total-title').text($(this).text().slice(($(this).text().search("\\\/[^\\\/]+$")) + 1)); \/\/canci\u00f3n\n $('.total-row').last().find('.total-title').siblings( '.total-artist' ).text(artista); \/\/artista\n $('.total-row').last().find('.total-title').attr('imagen', caratula);\n playerHtml += $('.total-row').last().html();\n totalSongs++;\n \/\/songPlay($('.total-title').last().attr('src'));\n });\n } else if ( supports_ogg_audio() ) {\n\n console.log('soporta ogg'); \n\n console.log($('.total-row').first());\n $(this).siblings('.playOnAP').find('#ogg-list ul li').each( function( index, element ) {\n $('.total-row').first().clone(true).insertAfter($('.total-row').last());\n $('.total-row').last().find('.total-title').attr('src', $(this).text() ); \/\/url canci\u00f3n\n $('.total-row').last().find('.total-title').text($(this).text().slice(($(this).text().search("\\\/[^\\\/]+$")) + 1)); \/\/canci\u00f3n\n $('.total-row').last().find('.total-title').siblings( '.total-artist' ).text(artista); \/\/artista\n $('.total-row').last().find('.total-title').attr('imagen', caratula); \n\n });\n }\n totalSongs = $('.total-title').length;\n htmlSound.load(); \n\n }\n });<\/code><\/pre>\npero la canci\u00f3n deja de sonar. He intentado m\u00e1s opciones, pero sin \u00e9xito. Si omito la funci\u00f3n <\/code>htmlSound.load();`, las canciones no son a\u00f1adidas al manejador de eventos y no se reproducen cuando termina la canci\u00f3n anterior. \u00bfPuede alguien ayudarme a encontrar la soluci\u00f3n?<\/p>\n","protected":false},"template":"","class_list":["post-18953","topic","type-topic","status-closed","hentry","topic-tag-audio","topic-tag-jplayer","topic-tag-plugins"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/es.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/18953","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/es.wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/es.wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/es.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/18953\/revisions"}],"wp:attachment":[{"href":"https:\/\/es.wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=18953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}