Loop audio en html5 et Gestion d'onglet dynamique

Bonjour,
Dans le cadre d'un projet, j'ai besoin de créer :
Une liste de fichier audio en utitisant html5 -> Ok
Lorsqu'un fichier audio est terminé, passer automatiquement au suivant -> Ok
Chaque audio doit être relié à un slideshow -> Ok
Chaque audio et slideshow doivent être intégrés à des onglets dynamiques -> Ok

Pour se faire, j'ai utilisé
tabcontent.js
jquery.sudoSlider.min.js

Mon probème est le suivant :
Je dois à présent passer automatiquement d'un onglet (donc slideshow) et un autre lorsque ma boucle de fin d'audio s'exécute sans avoir de clic à gérer ou autre...

Merci pour votre aide !

trouvé : document.getElementById("nom du bouton").click();
Modifié par shokola (25 Mar 2011 - 09:49)

Hello,

1. Si ton script d'onglets est un peu bien fichu, tu peux lancer arbitrairement, en JavaScript, l'affichage de l'un ou l'autre onglet. Sans avoir à simuler un clic sur le bouton qui lance normalement cette action.

2. Je connais mal la lecture de fichier audio en HTML5, mais est-ce qu'il y a un évènement déclenché à la fin de la lecture? Si oui, utiliser un gestionnaire d'évènement:

monAudio.addEventListener('ended', maFonction, false);

Il faudrait vérifier le nom exact de l'évènement dans la spec, et son support par les navigateurs...

Note que si tu utilises une lib JS telle que SoundManager 2, il y a peut-être déjà des mécanismes disponibles pour déclencher une fonction à la fin de la lecture. Dans ce cas on pourra RTFM (lire la sympathique documentation).
Modifié par fvsch (25 Mar 2011 - 14:11)

merci pour ta réponse.

J'ai trouvé cette solution toute bête ce matin :

document.getElementById('audio_1').addEventListener('ended', function(){
            this.currentTime = 0;
            this.pause();
            document.getElementById('audio_2').play();
            document.getElementById("ecouter_audio_2").click();
            }, false);

Si tu veux voir le résultat final, c'est par ici
Modifié par shokola (25 Mar 2011 - 14:28)