Tengo un proyecto vite de vanilla js. Tengo problemas para importar y reproducir audio, funciona correctamente en el entorno de desarrollo pero no en una compilación estática.

El archivo multimedia de sonido se almacena como ./sounds/sound.mp3

En la parte superior del cuerpo html tengo el siguiente elemento:

<audio type="audio/mpeg" src="/sounds/sound.mp3" autoplay></audio>

Tengo un botón que pausa el audio directamente debajo de eso. Cuando lo presiona en compilación, la consola dice:

No detectada (en promesa) DOMException: el recurso de medios indicado por el atributo src o el objeto de proveedor de medios asignado no era adecuado.

Puede verlo usted mismo aquí , el botón de sonido está en la parte inferior derecha de la página.