Javascript 我的音频曲目不同步_Javascript_Html_Synchronization

Javascript 我的音频曲目不同步

javascript html synchronization

Javascript 我的音频曲目不同步,javascript,html,synchronization,Javascript,Html,Synchronization,我在我的网站上有5首音轨，我播放了它们的onload（）函数，在localhost上它们彼此完美地同步，但在live上它们不同步，这是我的HTML代码 <body onload="play_sounds();"> <audio id="inst" src="newReindeer/inst.mp3" loop preload="auto" type="audio/mp3"></audio> <audio id="ten" src="

我在我的网站上有5首音轨，我播放了它们的onload（）函数，在localhost上它们彼此完美地同步，但在live上它们不同步，这是我的HTML代码

<body onload="play_sounds();">
    <audio  id="inst" src="newReindeer/inst.mp3" loop preload="auto" type="audio/mp3"></audio>
    <audio  id="ten" src="newReindeer/tenor.mp3" loop preload="auto" type="audio/mp3"></audio>
    <audio  id="child"  src="newReindeer/child.mp3" loop preload="auto" type="audio/mp3"></audio>
    <audio  id="lispy"  src="newReindeer/lispy.mp3" loop preload="auto" type="audio/mp3"></audio>
    <audio  id="soprano"  src="newReindeer/soprano.mp3" loop preload="auto" type="audio/mp3"></audio>

    <div id="pointer_div" onclick="point_it(event)" style = "background-image:url('Visuals/desktop-2160x1920.png');width:2160px;height:1920px;">
    </div>      
</body>

这在本地运行良好，请告诉我为什么我的曲目在直播时不同步？

因为网络延迟-你需要确定它们何时可播放，何时可播放意味着？？？老实说，我对音频标签了解不够，无法提供帮助-但是，我知道它们是异步加载的，所以，你不能假设所有的音频都可以在body onload启动时播放-如果我知道更多，我会发布一个回答OK谢谢，你知道如何在mobile中播放onload曲目吗？

var audio1 = document.getElementById('inst');
    var audio2 = document.getElementById('ten');
    var audio3 = document.getElementById('child');
    var audio4 = document.getElementById('lispy');
    var audio5 = document.getElementById('soprano');

    function play_sounds(){         
            audio1.play();
            audio2.play();
            audio3.play();
            audio3.muted=true;
            audio4.play();
            audio4.muted=true;
            audio5.play();
            audio5.muted=true;
    }