Аудио отключается на веб-страницах

Question

Я работаю над веб-сайтом, который дает пользователям возможность читать страницы вслух.

Я использую звук JS (https://www.createjs.com/soundjs) для загрузки в OGG, MP3 и WAV версия файла повествования, а затем воспроизведите его, как только он закончит загрузку. Вот код:

var narration = {
    path: '../assets/sounds/',
        manifest: [
            {
                id: 'narration',
                src: {
                    mp3: 'narration.mp3',
                    ogg: 'narration.ogg',
                    wav: 'narration.wav'
                }
            }
        ]
    };

createjs.Sound.alternateExtensions = ['mp3', 'wav'];
createjs.Sound.registerSounds(narration);
createjs.Sound.addEventListener('fileload', function(){
    createjs.Sound.play('narration');
});

На iPhone X и iPad, в Safari и Chrome аудиофайл начинает воспроизводиться, но затем отключается до его завершения. Аудио-файлы на сайте варьируются от 7 до 30 секунд, и аудио всегда отключается за несколько секунд до конца. Например, в Chrome 10-секундный клип прекращает воспроизведение через 8 секунд, а 31-секундный клип прекращает воспроизведение после 29. В Safari тот же 10-секундный клип останавливается через 7 секунд, а тот же 31-секундный клип останавливается после 22 .

На всех не iOS устройствах, которые мы тестировали, во многих различных браузерах эта проблема никогда не возникала.

В чем причина этого и что может Я делаю, чтобы звук воспроизводился до конца?