jQuery preloader за отделни аудио елементи на една страница - javascript, jquery, css, html5

Имам приложение за една страница, което имав документа се зареждат множество аудио файлове. Създадох въртящ се презаредител с клас, наречен ".spinner". Как бих искал да покажа този завъртач за предварително зареждане за всеки отделен аудио елемент, докато не се извърши зареждане?

Отговори:

Според това и това следните процеси се случват по време на процеса на зареждане, в този ред:

1. loadstart - Изпратен, когато започне зареждането на носителя.
2. durationchange - Метаданните са заредени или променени, което показва промяна в продължителността на носителя. Това се изпраща например, когато медията се зареди достатъчно, за да е известна продължителността.
3. loadedmetadata - Метаданните на медиите приключиха, всички атрибути съдържат толкова полезна информация, колкото и за тях.
4. loadeddata - Първият кадър на носителя приключи с зареждането.
5. прогрес - Изпраща се периодично за информиране на заинтересованите странина напредъка при изтеглянето на медиите. Информация за текущото количество на изтегления носител е налична в буферирания атрибут на медийния елемент.
6. мога да играя - Изпратен, когато има достатъчно данни, че медиите могат да се възпроизвеждат, поне за няколко кадъра.
7. canplaythrough - Изпратен, когато състоянието на готовност се промени къмCAN_PLAY_THROUGH, което показва, че цялата медия може да се възпроизвежда без прекъсване, като се предполага, че скоростта на изтегляне остава поне на текущото ниво. Забележка: Ръчното настройване на currentTime в крайна сметка ще задейства събитие в firefox. Други браузъри може да не задействат това събитие.

Така че гледайки онези събития, с които можете да играете с 2 от тях: loadstart и progress, Или вместо това можете да използвате duration и currentTime свойства на аудио елемент като тук.