Tengo una aplicación de una sola página que tienemúltiples archivos de audio que se cargan en el documento. He creado un spinner de precargador con una clase llamada ".spinner". ¿Cómo haría para mostrar este spinner de precargador para cada elemento de audio individual hasta que terminen de cargarse?
Respuestas
0 para la respuesta № 1de acuerdo a esta y esta Los siguientes eventos ocurren durante el proceso de carga, en este orden:
- inicio de carga - Enviado cuando comienza la carga de los medios.
- cambio de duración - Los metadatos se han cargado o cambiado, lo que indica un cambio en la duración de los medios. Esto se envía, por ejemplo, cuando los medios se han cargado lo suficiente como para que se conozca la duración.
- metadatos cargados - Los metadatos de los medios han terminado de cargarse; todos los atributos ahora contienen tanta información útil como sea posible.
- datos cargados - El primer fotograma del medio ha terminado de cargarse.
- Progreso - Enviado periódicamente para informar a las partes interesadasde progreso descargando los medios. La información sobre la cantidad actual de los medios que se han descargado está disponible en el atributo almacenado en el búfer del elemento de medios.
- Poder jugar - Se envía cuando hay suficientes datos disponibles para reproducir los medios, al menos durante un par de fotogramas.
- Puede jugar a través de - Enviado cuando el estado listo cambia aCAN_PLAY_THROUGH, que indica que se puede reproducir todo el contenido multimedia sin interrupción, suponiendo que la velocidad de descarga se mantenga al menos en el nivel actual. Nota: Configurar manualmente el CurrentTime eventualmente activará un evento canplaythrough en firefox. Es posible que otros navegadores no activen este evento.
Mirando esos eventos puedes jugar con 2 de ellos: loadstart y progress. O en su lugar puedes usar duration y currentTime propiedades del elemento de audio como aquí.