的Airplay音頻僅使用Safari

Question

我試圖使用Safari的Airplay的API來播放音頻文件到的Airplay設備：

<audio id="player" src="audio.mp3" controls style="width: 100%"></audio> 
<button id="airplay" disabled>airplay</button> 

<script> 
    const player = document.getElementById('player'); 
    const airplay = document.getElementById('airplay'); 

    player.addEventListener('webkitplaybacktargetavailabilitychanged', e => { 
     airplay.disabled = e.availability !== 'available'; 
    }); 

    airplay.addEventListener('click',() => player.webkitShowPlaybackTargetPicker()); 
</script> 

的按鈕按預期工作，但該設備無法播放。 我嘗試使用AppleTV，當我嘗試使用它時，屏幕閃爍並且什麼都沒有發生（沒有音樂，播放器暫停）。

我嘗試過一個AAC文件，其行爲是相同的。

有什麼建議嗎？

Answer 1

試試這個

<audio id="player" src="audio.mp3" controls style="width: 100%"></audio> 
<button id="airplay">airplay</button> 

<script> 
var audio = document.getElementById("player"); 
var airplay = document.getElementById("airplay"); 

// Safari 9+ 
if (window.WebKitPlaybackTargetAvailabilityEvent) { 
    audio.addEventListener('webkitplaybacktargetavailabilitychanged', function(event) { 
     airplay.addEventListener('click', function() { 
      audio.webkitShowPlaybackTargetPicker(); 
     }); 
    }); 
} 
</script> 

如果它不工作，只寫回