Player audio pentru site

Poate că înainte de a descărca și instala orice script, trebuie să aflați mai multe despre el, sau mai degrabă funcțiile sale funcționale. O să ne cunoaștem acum!

unicitatea

Atingeți Efectul

Poate că lucrurile de neînlocuit atunci când se utilizează orice dispozitiv care este mobil sau PC.

adaptivă

sincronizare

Toată înregistrarea dvs. audio are un timp de numărătoare inversă, un indicator de descărcare și o tamponare completă, precum și controlul volumului.

Versiunea mini a playerului audio cântărește doar 4 kilobyte, ceea ce reduce în mod semnificativ necesitatea dimensiunii stocării scriptului.

Mai întâi de toate, trebuie doar să conectăm toate stilurile, bibliotecile JS și scripturile. Prin urmare, întreaga listă completă, imediat următoare:

Fișierul demo.css conține stilurile standard ale scriptului, plus unele adăugiri. Fișierele reset.css și main.css sunt necesare doar pentru a crea o imagine de designer a playerului. În ceea ce privește jquery-ul bibliotecii, cred că tu și totul este clar, iar scriptul audioplayer.js are toate funcționalitățile de bază ale playerului audio.

Deci, iată un cod simplu, conectăm playerul audio în sine. După cum puteți vedea, atributul preload este în modul automat, ceea ce înseamnă că următoarea melodie va fi redată automat după cea precedentă. Ei bine, și apoi eticheta sursă se duce acolo unde este specificată calea completă spre src la fișierul audio executabil.

În ceea ce privește scenariul în sine, are multe setări, toate sunt înregistrate pe site-ul oficial sau pot fi vizualizate în scriptul audioplayer.js.

Pentru ca playerul audio să fie activ, trebuie să-l conectați. Pentru aceasta, după codul HTML. introduceți următoarele:

Cel mai interesant pentru mine a fost fișierul de stilizare al jucătorului însuși, deoarece este pe deplin marcat pe zonă, care este foarte convenabil de a fi folosit ca jucător stilizat. De exemplu, clasa:

Stylisează lățimea de bandă descărcată a înregistrării audio.

Stilizați butoanele de redare și pauză.

Stylizează numărul de început al înregistrării audio.

Stylizează sfârșitul înregistrării audio.

Stylise volumul audio al înregistrării audio.

Articole similare