时间戳

首页 > 解决方案 > 单击播放按钮时，我的音频无法播放

javascript - 单击播放按钮时，我的音频无法播放

问题描述

这就是我的脚本的样子：

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

标签： javascriptjqueryhtml5-audio

解决方案

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

推荐阅读