Je souhaite que ma page (en cours de création) puisse lire les sons de chaque image.
Voici le code dans le body :
<audio id="PLAYER" preload="none">
<!-- ### Lien audio ### -->
<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 ### -->
<image type="button" onclick="and_play_stop()" src="/image.png" border="0" alt="image"></image>
</div>
Et le code dans le head :
<!-- Pour le passage de la souris -->
<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>
<!-- Pour la lecture audio -->
<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 au lieu de stopper. Puis, 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 ses problèmes ? : la pause au lieu du stop et le mauvais lien.
J'ajoute que je suis très débutant en création de site et que les codes ont été trouvé ici et là. Comme un andouille que je suis, j'ai pas gardé les pages où j'ai trouvé les codes. Donc je viens vous demander votre aide.
tu as donc 11 fois un élément d'id "PLAYER" ? D'abord, c'est invalide, et ensuite, ça explique le souci Le script JS va toujours aller chercher le premier id (faute de mieux).
Par contre, avant de se lancer dans le JS, il va falloir corriger ton HTML :
Ce qui est invalide c'est d'avoir plusieurs fois le même id sur la page.
C'est un peu difficile pour moi d'expliquer pour toi qui débutes, en fait je ne sais pas trop par où commencer pour ne pas te perdre dans des détails. Tu peux t'inspirer de ce petit exemple : https://codepen.io/lamecarlate/pen/QgNyqz?editors=1010#0
Comment faire stop : il faut faire pause, puis revenir au début. Comme ça : "tonElement.currentTime = 0;"
Pas de big, pas de b : ben faut utiliser CSS pour faire le visuel, tout simplement
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
[RESOLU] - Problème de lecture de son
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)