HTML 5 Audio Tag plusieurs fichiers

Je suis en train d'avoir deux fichiers dans un format HTML 5 Audio Tag qui jouent l'un après l'autre. Le code que j'ai pour l'instant est:

<audio id="ListenLive" controls autoplay>
<source src="advert.mp3" type="audio/mpeg">
<source src="stream.mp3" type="audio/mpeg">

</audio>

La question que je suis en ce moment est que seul le premier fichier de jeu et à la fin, c'est comme s'il n'y a pas de deuxième fichier. Dès la première chanson se termine, il ne fait rien d'autre.

Est-il un moyen d'obtenir la deuxième piste à jouer automatiquement lorsque le premier se termine? J'en ai besoin pour être en HTML que c'est pour un site mobile, de sorte que certains de code ne peut pas fonctionner sur certains appareils

source d'informationauteur Alex

  1. 9

    En javascript, vous pouvez le faire comme ceci (c'est juste pour vous aider à démarrer): 

    audio = new Audio("start url");

  audio.addEventListener('ended',function(){
        audio.src = "new url";
        audio.pause();
        audio.load();
        audio.play();
    });

    si vous le souhaitez, vous pouvez également utiliser le même joueur(jquery):

    var audio = $("#player");
  2. 14

    Ajout de plusieurs sources à la balise ne fonctionne pas de cette façon. Vous pouvez l'utiliser pour fournir le code source en plusieurs formats.(certains navigateurs ne prennent pas en charge mp3 - à-d. Firefox ne prend pas en charge mp3, et vous devez fournir fichier ogg)

    Exemple:

    <audio>
   <source src="" id="oggSource" type="audio/ogg" />
   <source src="" id="mp3Source" type="audio/mpeg" />
   Your browser does not support the audio element.
</audio>

    Votre cas est différent. Vous essayez de faire une liste de lecture. Vous pouvez faire une liste de lecture par vous-même:

    http://www.lastrose.com/html5-audio-video-playlist/

    http://jonhall.info/how_to/create_a_playlist_for_html5_audio

    OU tout simplement utiliser les plugins tiers comme:

    http://www.jplayer.org/latest/demo-02-jPlayerPlaylist/

    À l'aide de jPlayer permettrait de résoudre le problème de compatibilité de navigateur trop. Par exemple, si vous venez de fournir .format mp3, il passe en version flash lorsque l'utilisateur navigue avec Firefox.