Question

这是一件事。有一个带有播放/暂停按钮的小站点，可以播放实时音频流。

rstlss.live

因此，当您在手机上打开它并按播放或暂停时-一切正常。但是，如果您要播放音频，请锁定屏幕，按电话上的电源按钮（任何可在不解锁的情况下唤醒手机的按钮），然后按电话迷你播放器中的“暂停”按钮-音频将暂停。但随后您解锁了手机，继续浏览器中的页面-按钮未更改其状态。您必须先按一下暂停，然后再播放才能重新开始播放。

是否可以选择连接这两件事？这是完整的代码。

<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>

预计当您在锁定模式下按ios音频播放器中的暂停按钮时，浏览器中的播放/暂停按钮也会根据播放器更改其状态。

音频流和ios音频播放器之间的交互

0 个答案: