воспроизведение аудио тега не работает в мобильном телефоне, даже если вызов 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

Попробуйте отредактировать код jQuery, как показано ниже!

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

То же, что и для приостановки звука, используйте

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

Answer 2

Возможно, вам понадобится добавить аудиоконтекст при загрузке окна

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