javascript - 单击播放按钮时我的音频不播放

Question

这是我的脚本的样子:

<script>
    var obj = document.createElement("audio");
    document.body.appendChild(obj);
    obj.src = "http://example.com/audios/Kalimba.mp3";
    obj.load();
    obj.volume = 0.3;
    obj.preLoad = true;
    obj.controls = true;

    $(".testspeech").click(function() {
    obj.paused?obj.play():obj.pause()
    });
</script>

然后在 HTML 中我有一个用于播放和/或暂停视频的按钮。

但是，当我加载页面时，单击播放按钮时没有任何反应。

我在这里可能做错了什么吗？

这是 HTML:

<button class="testspeech">
            play/pause
</button>

Answer 1

据我所知，您的声音没有播放的原因是实际声音的 src 无效。我创建了一个 JSFiddle ( here) 来测试它，在替换声音剪辑链接后它按预期工作。

$(document).ready(function() {
  var obj = document.createElement("audio");
  document.body.appendChild(obj);

  obj.src = "https://www.kozco.com/tech/piano2.wav";
  obj.load();
  obj.volume = 0.3;
  obj.preLoad = true;
  obj.controls = true;

  $(".testspeech").on('click', function() {
      obj.paused ? obj.play() : obj.pause()
    });
});