Question

我不是开发人员，所以希望您能忍受。我正在建立自己的网站，但是对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>

Answer 1

如果您从↪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播放音频

1 个答案: