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

时间:2019-06-03 07:19:58

标签: javascript jquery html5-audio

这是我的脚本的样子:

~/Library/Caches/storedownloadd

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

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

在这里我可能做错了什么?

这是HTML:

<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>

1 个答案:

答案 0 :(得分:2)

据我所知,您的声音无法播放的原因是实际声音的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()
    });
});