Воспроизведение аудио при переходе по страницам сайта
 

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

Я для этого записываю ссылку на файл и currentTime в localStorage, данные вытягиваю при загрузке страницы.

Но на мобильном трек не воспроизводится автоматически т.к. метод play() на мобильных устройствах вызывается только при клике реального пользователя.

Подскажите пожалуйста можно ли такое обойти?
И еще воспроизведение трека немного прерывается при загрузке страницы - этого можно избежать?

let audio= new Audio();

$(document).ready(function(){
    $('.Player__toggle').trigger('click');
});

$('.Player__toggle').on('click', function(){
    audio.load();
    audio.currentTime= localStorage.getItem('currentTime');
    audio.src= localStorage.getItem('linkMp3');
    audio.type='audio/mpeg';
    audio.play();
});

Смотрите в сторону асинхронной загрузки контента при переходе по ссылкам.
Если так сделать, то не нужно будет сохранять время трека и постоянно скриптом включать воспроизведение, плюс, если все правильно сделать, "плеер" не перестанет воспроизводить файл.

Можно ещё все это дело на ifram'ах реализовать, плеер в один фрейм, контент в другой.

Нашел такую штуку jquery-pjax.

Пока не совсем понял как такое возможно, но меняется не DOM, а изначальный код страницы.

Спасибо!