Bonjour à tous,
Je voudrais permettre à un utilisateur de changer de musique lors d'une action.

Je dispose du code suivant dans ma page html :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<audio controls id="webaudioplayer" autoplay>
    <source id="audio-mp3" src="audio/1.mp3" type="audio/mpeg">
    <source id="audio-wav" src="audio/1.wav" type="audio/wav">
    Your browser does not support the audio tag.
</audio>

l'idée est d'utiliser mon bout de code javascript pour modifier les contenus des sources pour relancer une autre musique à la place

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
var audio = {
    sounds:Array('audio/1','audio/2','audio/3','audio/4'),
    now:0,
    play:function(){
    	$("#audio-mp3").attr("src",'audio/2.mp3');
    	$("#audio-wav").attr("src",'audio/2.wav');
    	var audio = $("#webaudioplayer");
    	//audio.play();
    },
    next:function(){
      //todo
    }
}
Pour l'instant, l'idée est juste de passer à la chanson 2, mais ma console me retourne l'erreur
TypeError: Object [object Object] has no method 'play'
Une idée ?