Tengo el siguiente código

function playSound(source) {
    document.getElementById("sound_span").innerHTML =
        "<embed src='" + source + "' hidden=true autostart=true loop=false>";
}

<span id="sound_span"></span>
<button onclick="playSound('file.mp3');"></button>

Una vez que hace clic en reproducir, el MP3 se descarga y comienza a reproducirse. Sin embargo, puede llevar un tiempo si tiene como 1 MB. Lo que necesito es un precargado (al igual que puedes hacer con las imágenes). Entonces, cuando se carga la página, el mp3 se transmitirá y si, por ejemplo, 10 segundos después, el usuario presionó el botón 'reproducir', no tendrá que esperar hasta que el mp3 se descargue primero, ya que ya se ha transmitido. @

¿Algunas ideas? Gracias de antemano por cualquier consejo!