взаимодействие между аудиопотоком и аудиоплеером ios - PullRequest
Новая
       66

взаимодействие между аудиопотоком и аудиоплеером ios

1 голос
/ 10 мая 2019

Вот вещь.Есть небольшой сайт с кнопкой воспроизведения / паузы, который воспроизводит живой аудиопоток.

rstlss.live

Итак, когда вы открываете его на телефоне и нажимаете кнопку воспроизведения или паузы - все работает нормально,Но если вы оставите воспроизведение звука, заблокируете экран, нажмите кнопку питания на телефоне (любую кнопку, которая пробуждает ваш телефон без разблокировки), а затем нажмите кнопку паузы в мини-плеере телефона - звук будет приостановлен.Но затем вы разблокируете телефон, перейдете на страницу в браузере - и кнопка не изменила его состояние.Сначала вам придется нажать pause, а затем воспроизвести, чтобы возобновить воспроизведение.

Есть ли возможность соединить эти две вещи?Вот полный код. 

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>rstlss//live</title>
 <style>
    body{ background:#666; }
    button#playpausebtn{
    background:url(assets/images/pause.png);
    border:none;
    width:200px;
    height:200px;
    cursor:pointer;
</style>

    <script>
    var audio, playbtn, seek_bar;
function initAudioPlayer(){
    audio = new Audio();
    audio.src = "http://78.155.172.94:8000/download.mp3";
    audio.loop = true;
    audio.play();
    playbtn = document.getElementById("playpausebtn");
    playbtn.addEventListener("click",playPause);
    function playPause(){ 
        if(audio.paused){
            audio.play();
            playbtn.style.background = "url(assets/images/pause.png) no-repeat";
        } else {
            audio.pause();
            playbtn.style.background = "url(assets/images/play.png) no-repeat";
        }
    }

}
window.addEventListener("load", initAudioPlayer);
</script>

</head>
<body>
<button id="playpausebtn"></button>
</body>
</html>

Ожидается, что при нажатии кнопки pause в аудиоплеере ios в заблокированном режиме кнопка воспроизведения / паузы в браузере также изменит свое состояние в соответствии с проигрывателем.

...