当我单击“播放”按钮时，我的音频无法播放

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（ 在此处 ）对其进行测试，并且在替换声音剪辑链接之后，它可以按预期工作。

$(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()
    });
});