Explicación:
Este problema se produce porque Chrome permite hasta 6 conexiones abiertas de forma predeterminada. Entonces, si está transmitiendo múltiples archivos multimedia simultáneamente desde 6 <video>
o <audio>
etiquetas, la séptima conexión (por ejemplo, una imagen) simplemente se colgará, hasta que uno de los enchufes se abra. Por lo general, una conexión abierta se cerrará después de 5 minutos de inactividad, y es por eso que está viendo que su .png finalmente se carga en ese punto.
Solución 1:
Puede evitar esto minimizando la cantidad de etiquetas de medios que mantienen una conexión abierta. Y si necesita tener más de 6, asegúrese de cargarlos al final o de que no tengan atributos como preload="auto"
.
Solución 2:
Si está intentando utilizar varios efectos de sonido para un juego web, puede utilizar la API de audio web . O para simplificar las cosas, simplemente use una biblioteca como SoundJS , que es una gran herramienta para reproducir una gran cantidad de efectos de sonido / pistas de música simultáneamente.
Solución 3: Enchufes de apertura forzada (no recomendado)
Si es necesario, puede forzar la apertura de los sockets en su navegador (solo en Chrome):
- Ve a la barra de direcciones y escribe
chrome://net-internals
.
- Seleccione
Sockets
del menú.
- Haga clic en el
Flush socket pools
botón.
No se recomienda esta solución porque no debe esperar que sus visitantes sigan estas instrucciones para poder ver su sitio.