即使是JavaScript通话，音频标签播放也无法在移动设备中运行

Question

我的HTML

<audio id="myAudio" style="display:none">
    <source src="audio/heart.mp3" type="audio/mpeg"/>
    Your browser does not support the audio element.
</audio>

我的JavasScript

$("#play").click(function(){
        $("#myAudio").get(0).currentTime = 0;
        $("#myAudio").get(0).play();
    });

不适用于我的手机。请帮助我！

Answer 1

您可能需要在窗口加载时添加音频上下文

window.onload = function() {
  var context = new AudioContext();
  // Setup all nodes
  ...
}

并且需要在播放之前恢复上下文

context.resume().then(() => {
     $("#myAudio").get(0).currentTime = 0;
    $("#myAudio").get(0).play();
    console.log('Playback resumed successfully');
  });

Answer 2

尝试如下编辑您的jQuery代码！

$("#play").click(function(){
        $('#myAudio').trigger("play");
});

与暂停音频相同，请使用

$('#myAudio').trigger("pause");