Question

我在3张图片上有一个很好的翻转声音。当你滚落时他们会停下来。我试图让他们重新开始时重新开始，而不是从他们以前的位置开始，他们目前正在做什么，我尝试改变暂停停止在onmouseout并且这不起作用...任何帮助都会非常感谢!!!!

以下是我目前正在使用的代码

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

Answer 1

将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会更容易。

HTML翻转声音 - 仅暂停

1 个答案: