Son de survol HTML - seulement des pauses

J'ai un joli roulement avec le son sur 3 images. Quand vous roulez, ils font une pause. J'essaie de les faire redémarrer quand ils sont à nouveau roulés, pas à partir d'où ils étaient auparavant, ce qu'ils font actuellement, j'ai essayé de changer de pause pour arrêter dans l'onmouseout et cela n'a pas fonctionné ... toute aide serait être grandement apprécié !!!!Son de survol HTML - seulement des pauses

Voici le code que je suis actuellement en utilisant

<head> 
<audio id="sound1" src="audio/banner_vo_title.mp3"></audio> 
<audio id="sound2" src="audio/banner_vo_authorname.mp3"></audio> 
<audio id="sound3" src="audio/banner_vo_publication.mp3"></audio> 
</head> 


<div id="buttons"> 
<a href="link to a site" > 
    <img src="images/stitch.png" width="345" height="78" 
     onmouseover="document.getElementById('sound1').play()"  
     onmouseout="document.getElementById('sound1').pause()"/></a> 
    <img src="images/author.png" width="392" height="78"  
     onmouseover="document.getElementById('sound2').play()" 
     onmouseout="document.getElementById('sound2').pause()"/> 
    <img src="images/publication.png" width="346" height="78" 
     onmouseover="document.getElementById('sound3').play()"    
     onmouseout="document.getElementById('sound3').pause()"/> 
</a> 
</div>

Source

2012-11-27 Sarah Baker

Réinitialiser le currentTime à 0

https://developer.mozilla.org/en-US/docs/DOM/HTMLMediaElement

<a href="link to a site" > 
    <img src="images/stitch.png" width="345" height="78" 
     onmouseover="var sound=document.getElementById('sound1'); sound.currentTime=0;sound.play()"  
     onmouseout="document.getElementById('sound1').pause()"/></a> 
</a>

Suggestion, s'il vous plaît ne pas utiliser des gestionnaires de ligne HTML, il est si beaucoup plus facile de travailler avec JS et HTML séparément.

Source

2012-11-27 19:41:51

merci beaucoup! a parfaitement fonctionné! –

Son de survol HTML - seulement des pauses

Répondre

Questions connexes