如何在播放后进行声音重设?

时间:2014-03-18 00:24:07

标签: javascript html audio hover

基本上,如果你将鼠标悬停在锚点上,它会播放歌曲,当你将其取下时,它会暂停它。我希望它暂停和重置而不是暂停。 继承人我的HTML

<a onmouseover="document.getElementById('mysound').play()" onmouseout="document.getElementById('mysound').pause()" style="display:block" href="MainPage.html">
    <div id="box">
        <audio id="mysound" src="C:/Programming/My Website/Audio/Stalker.mp3"></audio>
        <p id="text"> Enter The Disco! </p>
    </div>
</a>

我也希望将javascript放在一个单独的文件中。

1 个答案:

答案 0 :(得分:0)

这应该有效:

document.getElementById('mysound').currentTime = 0;

您只需将其添加到代码中即可:

<a onmouseover="document.getElementById('mysound').play()" onmouseout="document.getElementById('mysound').pause(); document.getElementById('mysound').currentTime = 0;" style="display:block" href="MainPage.html">
    <div id="box">
        <audio id="mysound" src="C:/Programming/My Website/Audio/Stalker.mp3"></audio>
        <p id="text"> Enter The Disco! </p>
    </div>
</a>