Lire le son sur le clic

J'ai posé cette question dans quelques endroits, mais j'ai encore trouvé ou reçu une réponse. Je suis un débutant de code, donc toute aide serait grandement appréciée.

J'utilise javascript dans la page sur certaines de mes pages pour écouter un son en cliquant sur une image qui permet de suivre une piste de support pour pratiquer les balances / la guitare lead.

Voici le script:

<script language="javascript" type="text/javascript"> function playSound(soundfile) { document.getElementById("dummy").innerHTML= "<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"true\" />"; } </script> <span id="dummy"></span> 

Et voici comment je l'appelle pour chaque image / mp3:

 <p><a title="Play file" href="#" onclick="playSound('mp3 url');"><img title="Play" src="play button url" alt="Play" width="48" height="48" /></a> Blues in <strong>C</strong> : backing for lead melody. Chords: C,F, G</p> 

Ma première question – la piste n'est pas en boucle – est-ce qu'il y a un problème avec le script?

Ma deuxième question: comment puis-je étendre la fonction de sorte que, en cliquant sur le png pour lire le fichier, il est échangé pour un autre bouton – Arrêt – qui arrête la boucle lorsqu'elle est cliquée.

Merci beaucoup jan

Bienvenue dans le débordement de pile.

L'intégration de sons dans des pages Web est une entreprise vraiment délicate et une solution qui fonctionnera dans tous les navigateurs et sur les appareils mobiles est un véritable défi.

Heureusement, il existe des bibliothèques que vous pouvez utiliser pour rendre beaucoup plus facile l'intégration, la lecture, la boucle, la modification de mp3.

Je recommanderais de regarder dans Soundmanager2 , avant d'aller trop loin dans ce projet pour voir si cela pourrait vous épargner beaucoup de temps de codage, d'effort et de frustration!