Sostituire audio con jquery

[apokalos]

Salve! E' possibile mediante jquery modificare parte del codice html che contiene un file audio? Posto il codice...

<audio id="audio" controls > 
    <source src="path_suono1.ogg" type="audio/ogg" /> 
    <source src="path_suono1.mp3" type="audio/mp3" /> 
</audio>

mentre in javascript faccio questo

function f() { 
    var audio_mp3="<source src="+"'"+path_mp3+"'"+ "type='audio/mp3' />"; 
    var audio_ogg="<source src="+"'"+path_ogg+"'"+ "type='audio/ogg' />"; 
    $("#audio first").replaceWith(audio_mp3); 
    $("#audio second").replaceWith(audio_ogg); 
}

Non so se è corretto mettere audio first e audio second... avrei bisogno di scorrere i tag source e mettere nel primo un audio.mp3 e nel secondo un audio.ogg.
Grazie!!

[lucavizzi]

$("#audio source:nth-child(1)").replaceWith(audio_mp3);
$("#audio source:nth-child(2)").replaceWith(audio_ogg);

[apokalos]

umh... non accade nulla... rimane quello che c'era prima... perchè? Ho modificato così

function f() { 
    var audio_mp3='<source src="'+path_mp3+'" type="audio/mp3" />'; 
    var audio_ogg='<source src="'+path_ogg+'" type="audio/ogg" />'; 
    $("#audio source:nth-child(1)").replaceWith(audio_mp3); 
    $("#audio source:nth-child(2)").replaceWith(audio_ogg);
}

[apokalos]

nessuno che può darmi una mano?

[cavicchiandrea]

prova cosi

function f() { 
    var audio_mp3='<source src="'+path_mp3+'" type="audio/mp3" />'; 
    var audio_ogg='<source src="'+path_ogg+'" type="audio/ogg" />'; 
    $("source:eq(0)").replaceWith(audio_mp3); 
    $("source:eq(1)").replaceWith(audio_ogg);
}

[apokalos]

niente da fare... non cambia nulla, rimane sempre lo stesso. E' possibile cambiare dinamicamente l'audio? Forse è un problema di incompatibilità tra jquery e html 5?

[cavicchiandrea]

Prova cosi

<audio id="audio" controls > 
    <source src="path_suono1.ogg" id="audio1" type="audio/ogg" /> 
    <source src="path_suono1.mp3" id="audio2" type="audio/mp3" /> 
</audio>

function f() { 
    $("#audio1").attr({
  src: path_mp3});
    $("#audio2").attr({
src: path_ogg}); 
}

se non funziona

[apokalos]

non funziona... qualcuno conosce qualche altro modo? Non per forza in jquery... purtroppo è una cosa a cui non posso rinunciare... ho fatto veramente tanti tentativi ma riesco ad ottenere un risultato. La situazione è questa:
invio un dato tramite form ajax e alla risposta vorrei che l'audio cambiasse (non c'è refresh della pagina quindi). Ci sono riuscito con le immagini ma non con l'audio.

[cavicchiandrea]

Prova a mettere il link alla pagina demo pubblica

[lucavizzi]

Guarda qui:
http://www.position-absolute.com/art...-manipulation/

oppure cerca: "javascript tag audio"