/ / jQuery preloader pre jednotlivé zvukové prvky na jednej stránke - javascript, jquery, css, html5

jQuery preloader pre jednotlivé audio prvky na jednej stránke - javascript, jquery, css, html5

Mám jednostránkovú aplikáciu, ktorá mádo dokumentu sa načíta viac zvukových súborov. Vytvoril som spinner preloaderu s triedou nazvanou „.spinner“. Ako by som mohol zobraziť tento spinner preloaderu pre každý jednotlivý zvukový prvok, kým sa nenačítajú?

odpovede:

0 pre odpoveď č. 1

podľa toto a toto počas procesu načítania nastanú nasledujúce udalosti v tomto poradí:

  1. štart záťaže - Odoslané, keď sa začne načítanie média.
  2. zmena trvania - Metadáta sa načítali alebo zmenili, čo naznačuje zmenu v trvaní média. Toto sa odošle napríklad vtedy, keď sa médium načíta natoľko, aby bolo známe jeho trvanie.
  3. naložené metadáta - Metadáta média sa načítali; všetky atribúty teraz obsahujú toľko užitočných informácií, na koľko sa chystajú.
  4. načítané údaje - Prvý rám média sa načítal.
  5. pokrok - Zasiela sa pravidelne s cieľom informovať zainteresované stranypokroku v sťahovaní médií. Informácie o aktuálnom množstve média, ktoré sa stiahlo, sú k dispozícii v atribúte medzipamäte prvku media.
  6. môže hrať - Odosiela sa, keď je k dispozícii dostatok údajov na to, aby bolo možné médium prehrať, aspoň na pár snímok.
  7. canplaythrough - Odoslané, keď sa stav pripravenosti zmení naCAN_PLAY_THROUGH, čo naznačuje, že celé médium je možné prehrať bez prerušenia za predpokladu, že rýchlosť sťahovania zostane minimálne na súčasnej úrovni. Poznámka: Ručné nastavenie currentTime nakoniec vo Firefoxe spustí udalosť prehratia. Ostatné prehliadače nemusia túto udalosť spustiť.

Pri pohľade na tieto udalosti sa teda môžete hrať s 2 z nich: loadstart a progress. Alebo namiesto toho môžete použiť duration a currentTime vlastnosti zvukového prvku ako tu.