Problème de lecture de son

Marsh Posté le 09-06-2017 à 19:47:15

Bonjour à tous,

Je souhaite que ma page (en cours de création) puisse lire les sons de chaque image.

Voici le code dans le body :

Code :

<audio id="PLAYER" preload="none">
<source src="http://www.site2musique.fr/sons"/>
Votre navigateur n'est pas compatible. Veuillez le mettre à jour !
</audio>
<div class="conteneur">
<span class="texte">
<big><big><b>Lecture<br>Pause</b></big></big>
</span>
<image type="button" onclick="and_play_stop()" src="/image.png" border="0" alt="image"></image>
</div>

Et le code dans le head :

Code :

<style>
.conteneur
{width: 150px;
display: inline-block;
margin: 0px;
text-align: center;
position: relative;}
.conteneur img:hover
{opacity: 0.4;}
.conteneur .texte
{font-family: "Open Sans", "Segoe UI", Helvetica, Arial;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-23%, -30%);
z-index: -1;}
.souris
{cursor: pointer;}
</style>
<script>
function and_play_stop()
{
var PLAYER = document.getElementById("PLAYER" );
if (PLAYER.paused)
{PLAYER.play();}
else
{PLAYER.pause();}
}
</script>

Pour être plus précis, j'ai 11 fois le même bout de code avec un lien source différent :
A. 11 images différentes
B. 11 liens différents

Lorsque l'on clic sur l'image n°1 contenant le lien n°1, le son se charge et se lance. Un deuxième clic, le son se met en pause.
Or, si je clic sur l'image n°5 (par exemple), c'est le son du lien n°1 qui reprend au lieu du son du lien n°5.
Comment résoudre se problème ?

J'ajoute que je suis très débutant en création de site.

Merci d'avance pour votre aide.

Message édité par pfg60 le 09-06-2017 à 19:47:40

Reply

Marsh Posté le 09-06-2017 à 19:47:15

Reply

Marsh Posté le 09-06-2017 à 20:14:20

Bonjour,

Je n'y connais pas grand chose dans les médias HTML mais je suppose que pour commencer l'appel de ta fonction doit changer le lien de la source à l'aide d'un paramètre. Ainsi chaque clic sur une image appelle la fonction avec un paramètre différent.

Pour l'instant ta fonction ne possède aucun paramètre.

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

Reply

Marsh Posté le 09-06-2017 à 20:45:21

Merci de ta réponse MaybeEijOrNot

Mais comment je fais pour faire en sorte que la fonction change le lien ?
Parce que moi aussi j'y connais rien.

Reply

Marsh Posté le 09-06-2017 à 21:44:49

Comme dit précédemment, je ne connais pas les objets média HTML mais ça devrait ressembler à quelque chose du genre :

Code :

var tableau_des_liens = [lien1, lien2, lien3, etc];
function nom_fonction(param) {
...
PLAYER.source.src = tableau_des_liens[param];
...
}

Comme stipulé dans les règles de ce forum, on est là pour répondre à des questions, pas pour coder à votre place.

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

Reply

Problème de lecture de son

Sujets relatifs:

Leave a Replay