Tagul audio în HTML5


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.

imagine

Î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 &lt;audio>
</audio>
</body>
</html>

Apreciază articolul:

1 stea2 stea3 stea4 stea5 stea (2 evaluări, media: 5,00 din 5)
Loading...Loading...

0 comentarii


Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *