Problème de lecture de son

Recherche :

Sujet(s) à lire :
- Son au clic sur image

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème de lecture de son

pfg60

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

Publicité

MaybeEijOrNot

but someone at least

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.

pfg60

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.

MaybeEijOrNot

but someone at least

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.

FORUM HardWare.fr

Programmation

HTML/CSS

Problème de lecture de son

Sujets relatifs
Problème "UPDATE" SQL	Problème syntaxe VBA
Problème "end" attendu	[résolu]problème comparaison Php/MySql
Problème de paramètres Java en SQLJ (JDBC)	Problème de parsing JSON
Problème de code HTML/CSS + Hébergement chez soi	[C] Problème de compilation entre emcc et OpenSSL (Résolu)
problème avec dialobox sur condition (JS)	Problème utilisation librairie externe
Plus de sujets relatifs à : Problème de lecture de son

Page générée en 0.050 secondes