我可以在移動設備上一頁上的用戶交互中自動播放音頻嗎？

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