Question

当点击链接时，我已经挣扎了一段时间找到一种播放声音的工作方式，最后想出了以下内容：

<audio id="sound0" src="/sounds/foo">

<a href="javascript:play('sound0');">Click here</a> 

<script>function play(sound_id) {
    document.getElementById(sound_id).play();
}</script>

现在，这可以正常工作，但只是第一次点击链接;之后，再次点击它没有任何效果。

我该如何解决这个问题？

Answer 1

认为你只需要回放声音。尝试...

 document.getElementById(sound_id).currentTime=0; 
 document.getElementById(sound_id).play();

Answer 2

由于@MickyScion在评论中发布了链接，我终于解决了这个问题。解决方法是不使用<audio>标记：

<a href="javascript:play('/sounds/foo');">Click here</a> 

<script>function play(path) {
    var sound = new Audio(path);
    sound.play();
}</script>

重新考虑来源似乎是必要的。

每次单击按钮时播放声音

2 个答案: