javascript - html5 音频流可以与当前设备时间 100% 同步吗

Question

我想知道 HTML5 音频流是否可以与设备当前时间 super 准确地同步。 就像我在设备时间 01:00 有一个 10 分钟的音频文件，音频从 00:00 开始，在 01:05 音频在 05:00 播放并在 01:10 结束。我的意思是，当我单击“播放 HTML5 音频播放器”时，它会根据当前设备时间播放音频。

这是我尝试过的，但音频总是有点落后于时间(以毫秒为单位)。

 var player = document.getElementById('music'); 
player.addEventListener('play', function() { 
            var main_date = new Date();
            var hour = main_date.getUTCHours();
            var minutes = main_date.getUTCMinutes();
            var seconds = main_date.getUTCSeconds();

            var current_second = ( hour * 60 * 60 ) + ( minutes * 60 ) + seconds;
            var audio_start =  current_second%player.duration ;
            player.currentTime = parseInt(audio_start);
        }, false);
        
        player.addEventListener('timeupdate', updateProgressBar, false);
         
        function updateProgressBar() {
            var percentage = Math.floor((100 / player.duration) * player.currentTime);
 
            var di = document.getElementById('datetime');
            di.innerHTML = new Date() ;
        }
        

<div id="datetime"></div>
<audio controls id="music">
<source src="http://www.easel.ca/wp-content/uploads/2018/03/ClAudioSync-599_99seconds_128kbps.mp3">
<audio>
   

Answer 1

最好的选择是使用 Web Audio API。

通过使用 WAA，您通常会首先将整个样本加载到内存中，然后使用 currentTime在 AudioContext 上到 schedule例子。使用偏移参数来确定样本中的起点。