Bonjour à tous,

J'ai modifié un code de façon à obtenir l'affichage d'un audio avec sa barre de contrôle en dessous des boutons de sélection. Par contre, je n'arrive pas lors du clic d'une autre case, à écraser l'audio en cours et faire apparaître celui que j'ai sélectionné. Pourtant le console.log m'affiche bien un changement de piste avec innerHTML sur l'id 'affichage'.
Voici mon code : https://code.sololearn.com/WsbgGW3NLUrg/#html

Merci par avance pour vos réponses.

tu voulais dire arrêter l'audio en cours avant de play un autre ?

Bonjour Mizukage Tobi ,

Pourquoi tu ne changes pas simplement le src de l'objet video (selon ton code) au lieu de créer 4 balises video

Exemple :

https://codepen.io/Zonecss/pen/qBBEayp

-
Edité par AliasDmc 7 octobre 2019 à 18:20:44

Merci beaucoup pour ta contribution.
En gros j'ai bloqué sur l'appel de la fonction en n'envoyant aucun paramètre.
J'avais constaté que mettre un array pour les liens fonctionnerait bien mieux, sauf que j'étais embourbé.

Par contre j'ai juste besoin d'une explication de ce bout de code :
else{
    audio1 =  audio1 [0];
  }

Ce que j'ai compris : si 'audio1' contient un élément vidéo, alors.... on prend l'indice 0 de 'audio1'. Mais cet indice n'est-il pas déjà occupé par un élément vidéo ?? En testant j'ai essayé audio1 = audio1[1], mais cela ne fonctionne pas, car en début de code on a audio1 = aud1.getElementsByTagName("video");

Merci pour ta contribution !!

AliasDmc a écrit:

Bonjour Mizukage Tobi ,

Pourquoi tu ne changes pas simplement le src de l'objet video (selon ton code) au lieu de créer 4 balises video

Exemple :

https://codepen.io/Zonecss/pen/qBBEayp

-
Edité par AliasDmc il y a environ 14 heures

-
Edité par Mizukage Tobi 8 octobre 2019 à 9:20:24

Bonjour Mizukage Tobi ,

Si 'audio1' contient un élément vidéo, alors.... on prend l'indice 0 de 'audio1'.

En clair on réutilise la balise Video créée au clic d'avant