javascript - 甚至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>

我的Javascript

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

在我的手机中不起作用。请帮我!

Answer 1

您可能需要在窗口加载时添加audiocontext

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');
  });