沃梦达 / 编程问答 / 前端问题 / 正文

Javascript 音频点击播放

沃梦达教程前端问题

2022-01-01

Javascript Audio Play on click(Javascript 音频点击播放)

本文介绍了Javascript 音频点击播放的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有一个 JavaScript 代码可以在点击时播放声音.它可以在 Chrome 上运行，但在 Firefox 上它会在加载时启动.

I have a JavaScript code to play a sound on click. It works on Chrome but on Firefox it starts on load.

谁能帮忙?

<script>
var audio = new Audio("http://music.ogg");

audio.oncanplaythrough = function(){
audio.play();
}

audio.loop = true;

audio.onended = function(){
audio.play();
}

</script>

<input type="image" src="http://button.png" onclick="audio.play()">

推荐答案

试试下面的代码片段

<!doctype html>
<html>
  <head>
    <title>Audio</title>
  </head>
  <body>

    <script>
      function play() {
        var audio = document.getElementById("audio");
        audio.play();
      }
    </script>

    <input type="button" value="PLAY" onclick="play()">
    <audio id="audio" src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"></audio>

  </body>
</html>

这篇关于Javascript 音频点击播放的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

沃梦达教程

本文标题为：Javascript 音频点击播放