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

Question

I have an e-learning course that needs to autoplay audio with an animation on mobile.

I know that for IOS and Android autoplay requires a user interaction. How can I set it up so that that a click of next button on the previous page of the course will launch the audio on the following page?

Here is code I have tried which works on desktop but seems like the user interaction is lost to mobile OS on the next page:

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

Is what I need to accomplish even possible?

Answer 1

You can get around this issue using something like

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

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