我可以在移动设备的上一页上自动播放用户互动中的音频吗？

Question

我有一个电子学习课程，需要在移动设备上使用动画自动播放音频。

我知道对于IOS和Android自动播放需要用户交互。如何设置它以便单击课程前一页上的下一个按钮将在下一页上启动音频？

以下是我尝试过的可在桌面上运行的代码，但似乎下一页的移动操作系统会丢失用户交互：

$(document).ready(function() {
    $('.NavigationButton').on('click touchend', function() {
        //Internal Event that fires once content on next page is loaded
        events.on('content.loaded', function () {
            console.log( "window loaded" );
            $("audio").trigger('play');
        });
    });
});

我需要完成哪些工作？

Answer 1

您可以使用类似

的内容解决此问题

$('#btn').click(function(){
    yourAudioControl.play();
});

$('#btn').trigger('click');