多项功能onClick无法在Chrome中使用

Question

当我点击一个按钮并将它带到一个新页面时，我正试图播放声音。似乎在Firefox等其他浏览器中工作正常，但它在Chrome中无效。这是我正在使用的代码。

<audio id="audio" src="soundfile.ogg"></audio>
<button onclick="document.getElementById('audio').play(); document.location = 'newpage.html'">Click</button>

我知道.ogg文件有效，所以这不是问题，因为下面的代码在Chrome中运行良好。

<button onclick="SomeFunction(); document.getElementById('audio').play()">Click</button>

当我尝试转到新页面时，似乎只会给我一个问题。如果有人知道如何在Chrome中使用这个功能会很棒。感谢。

Answer 1

您需要确保音频在离开页面之前启动（也许先让它完成）。延迟使用location.href。

Answer 2

也许您可以尝试使用：

window.open('newpage.html','_blank');

而不是：

document.location = 'newpage.html'

当您点击同一个标签中的另一个页面时，如果您打开另一个标签，则音乐仍会在另一个标签中播放。

如果没有帮助，请回击我！