Exemplu de utilizare a unei etichete audio în html5 pentru reproducerea sunetului - soluții Web

Apariția etichetei audio în html5 ne permite să reproducem sunetul. utilizați evenimente. face paginile mai "vii". adaugandu-le interactivitate. Acest lucru. la rândul său, obligă fiecare webmaster care respectă auto-respectul să fie cel puțin conștient de ultimele tendințe din lumea dezvoltării rapidă a html-inovațiilor.







Aici, pe una din aceste inovații html5, ne vom concentra pe acest subiect. Vom plasa codul sursă între etichete și nimic altceva. Să luăm în considerare câteva variante de transmitere a unui material audio pe un site:


Opțiunea unu. Aceasta este o opțiune clasică. când eticheta audio este scrisă. în care atributul atribut este atribuit. responsabil pentru afișarea panoului de control al redării. Între eticheta audio de deschidere și închidere, calea către fișierul muzical este înregistrată utilizând eticheta sursă. Diferitele browsere au diferite formate. astfel încât este de dorit să folosiți fișierul audio în două extensii. mp3 și ogg.

Opțiunea doi. Aceasta diferă în acest fel. că muzica va juca imediat când deschideți pagina. Atributul de redare automată ne va ajuta în acest sens. panoul de control va fi, de asemenea, afișat. și pentru claritate, vom adăuga aici redarea buclă cu atributul buclă. și anume După terminarea redării audio, va exista o repetare. și așa mai departe:








Opțiunea trei. uneori este așa încât trebuie să reproduceți sunetul. muzica și așa mai departe. astfel încât panoul de control să nu fie vizibil. Pentru a face acest lucru, eliminați controalele de atribute din codul sursă. care este responsabil pentru afișarea panoului de control al sunetului. dar este necesar atributul de redare automată în acest exemplu. altfel cum facem clic pe butonul de redare dacă nu există?

Excepția este atunci când sunt folosite evenimentele mouse-ului. clicuri. îndrumări și așa mai departe. Dar acestea sunt lecții mai dificile. pe care o vom dezasambla individual.

La cererea vizitatorilor, am adăugat butoane pentru editare în această lecție:
Pentru a face acest lucru, aveți nevoie de un șir


După aceste manipulări. playerul dvs. va avea butoane + - pentru volum și pauză, plus redarea inițială cu volumul specificat

redați muzică pe pagină







Trimiteți-le prietenilor: