HTML翻轉聲音 - 只有暫停

我對3張圖片的聲音有很好的翻轉。當你滾下時，他們會暫停。我試圖讓他們重新啓動時，他們再次翻身，而不是從他們以前的地方開始，他們目前正在做，我試圖改變停頓停在onmouseout，並沒有工作......任何幫助將不勝感激!!!!HTML翻轉聲音 - 只有暫停

這是我目前使用

<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>

來源

2012-11-27 Sarah Baker

重置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>

建議，請不要使用內聯HTML處理程序的代碼，它是如此分別使用JS和HTML更容易。

來源

2012-11-27 19:41:51

非常感謝你！完美地工作！ –

HTML翻轉聲音 - 只有暫停

回答

相關問題