Acum vreo lună am scris despre Buzz: o bibliotecă JavaScript&HTML5 pentru audio. Dar poate vreţi să folosiţi fişiere audio cu HTML5 fără vreo bibliotecă intermediară. Se poate, desigur. Cu tagul <audio>. Pisica ce scrie cod (mă veţi înţelege deschizând trimiterea; nu e prima oară când indicăm spre acest minunat sit) are un articol interesant de câteva zile: Mastering the HTML5 <audio> tag. M-a incitat să văd cum merge. Şi dacă totul a fost perfect în Chrome cu un MP3, în Opera şi Firefox a trebuit să fac o versiune OGG.
În captura de mai sus vedeţi aceeaşi pagină în patru navigatoare, dacă sunteţi curioşi să vedeţi cum apare player-ul audio HTML5. Apropo: poate să nu fie vizibil. Dar mai multe în articolul de pe CatsWhoCode.com. Eu vă las acum cu ceva foarte primar, dar care dă o idee despre simplitatea folosirii tagului <audio>. Partea frumoasă e că cu uşurinţă poţi face propriile tale controale pentru play, pause ş.a.
<html> <head> </head> <body> <audio autoplay controls> <source src="torn.mp3" type="audio/mp3"> <source src="torn.ogg" type="audio/ogg"> Imi pare rau, folositi un navigator ce nu suporta tagul <audio> </audio> </body> </html>
0 comentarii