繁体   English   中英

无法使用 JavaScript 播放音频

[英]Unable to play audio using JavaScript

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM