Recommencer la lecture d'un son lors d'un onclick par Sorrow81 - page 1

Bonjour,

Je viens vers vous car j'essais de trouvé une solution à un problème en vain. Voilà j'ai eu l'envie de codé une genre de boite à son. Le principe est simple, lorsque je clique sur un input je lis un son. Jusqu'ici aucun soucis bien que mon code génère quelques erreurs car j'essais de lire plusieurs extensions. Sauf que j'aimerai que lorsque je reclique sur un input ou au lieu de relire le son qu'on le stop et le relance, ou qu'on le remette a zero.

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/style.css" />

    <title>Boite à son</title>
  </head>
  <body>
    <main>
      <input type="button" value="baillement" onclick="sound('348')">
      <input type="button" value="shotgun" onclick="sound('341')">
      <img src="//sdz-upload.s3.amazonaws.com/prod/categories/icons/icon_forum_html-css.png" onclick="sound('496')" />
    </main>
  </body>
  <script type="text/javascript">
  function sound(sound)
  {
    var path = 'sounds/'
    var audio = document.createElement('audio');
    audio.preload = 'auto';
    var oggSource = document.createElement('source');
    oggSource.src = path+sound+'.ogg';
    oggSource.type = 'audio/ogg';
    var mp3Source = document.createElement('source');
    mp3Source.src = path+sound+'.mp3';
    mp3Source.type = 'audio/mpeg';
    var wavSource = document.createElement('source');
    wavSource.src = path+sound+'.wav';
    wavSource.type = 'audio/wav';
    audio.appendChild(oggSource);
    audio.appendChild(mp3Source);
    audio.appendChild(wavSource);
    audio.currentTime = 0;
    audio.play();
  }
  </script>
</html>

Merci d'avance pour votre aide.

Digit@lement,

Thibaut.

Recommencer la lecture d'un son lors d'un onclick

Recommencer la lecture d'un son lors d'un onclick

Supprimer

Modérer

Signaler le message aux modérateurs