我不是开发人员，所以希望您能忍受。我正在建立自己的网站，但是对html和JavaScript的经验为零。我正在通过下载演示软件来学习。在大多数情况下，我可以在自己的网站上运行演示。有一个问题。我无法播放音频。给我看看你说的代码。控制台未显示任何错误。 Access.log显示正在下载的文件。
不起作用，显示播放按钮，但单击不执行任何操作。
<html>
<body>
<audio src="bell.ogg" id="player" loop>Get an HTML5 browser!</audio>
<form id="interface">
<input type="button" value="Play"
↪onclick="PlayPause()" id="playpause"/>
</form>
<script type="text/javascript">
var audioPlayer = document.getElementById("player");
function PlayPause()
{
if (audioPlayer.paused)
{
audioPlayer.play();
document.getElementById("playpause").value = "Pause";
}
else
{
audioPlayer.pause();
document.getElementById("playpause").value = "Play";
}
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<audio controls>
<source src="bell.ogg" type="audio/ogg">
<source src="bell.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</body>
</html>
最佳答案
如果您从↪onclick="PlayPause()"中删除了奇怪的回车字符并且文件存在，则您的代码有效
var audioPlayer = document.getElementById("player");
function PlayPause() {
if (audioPlayer.paused) {
audioPlayer.play();
document.getElementById("playpause").value = "Pause";
} else {
audioPlayer.pause();
document.getElementById("playpause").value = "Play";
}
}<audio src="https://upload.wikimedia.org/wikipedia/commons/3/34/Sound_Effect_-_Door_Bell.ogg" id="player" loop>Get an HTML5 browser!</audio>
<form id="interface">
<input type="button" value="Play" onclick="PlayPause()" id="playpause" />
</form>关于javascript - 无法使用JavaScript播放音频，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/63659163/