Elemente audio
Mai întâi să aruncăm o privire la DOM. pe care o avem în prezent. Scriptul din cel de-al doilea articol din această serie a adăugat un cursor și alte funcții, implementând o abordare progresivă de îmbunătățire, iar rezultatul a fost următorul cod:
Procesarea audio
CSS, care este aplicat playerului, utilizează mai multe tehnici de la nivel mediu la nivel avansat. CSS inițial resetează modelul de dimensionare în cutie, stabilește aspectul general pentru playerul audio și ascunde complet elementul
Apoi, vom crea elemente cu informații diferite în interiorul playerului, stabilind limitele de pe toate laturile, astfel încât să existe un separator între ele. Cu CSS (din nefericire, non-standard), elementul de intrare cu tipul de interval este făcut vertical pentru Webkit și Chrome:
Pentru butoane, un font iconic cu ligaturi semantice este folosit pentru a transforma textul lor într-o imagine.
De asemenea, am făcut decorarea elementului
În următorul articol voi folosi API-ul Web Audio pentru a adăuga și anima afișajul de scală pentru canalele drepte și stânga ale playerului.
P.S. Și asta poate fi interesant:
Au trecut mai puțin de șase luni de la ultima schimbare a fluxului de lucru al W3C, deoarece conducerea consorțiului a primit o propunere pentru a aplica în cele din urmă acest nou proces. Și să scrieți specificațiile HTML irelevante în muzeu, astfel încât să nu confundă dezvoltatorii, "pretinzând" că sunt relevanți.
Un alt modul CSS, despre care am vorbit, a ajuns într-un mod imperceptibil la starea cu care W3C sfătuiește să înceapă utilizarea zilnică a produselor noi. Proprietatea conține vă permite să restricționați modificările la arborele de randare, să redenumiți casetele CSS și să le redimensionați în interiorul elementului. Prin urmare, este atât de important ...
MAI MULT
Din Paris (în fotografie), unde a avut loc recent întâlnirea grupului de lucru CSS, au apărut știri interesante: proprietățile din grilă și decalajul dintre grilă și coloană, precum și diferența dintre ele ...
Articole similare
Trimiteți-le prietenilor: