Audio

Pentru redarea sunetului fără video în HTML5 se folosește elementul audio. Este foarte asemănător cu elementul video. Pentru configurarea elementului audio putem folosi următoarele atribute:

src: calea către fișierul audio
controls: adaugă elemente de control al redării
autoplay: setează redarea automată
loop: setează repetarea fișierului audio
muted: dezactivează sunetul implicit
preload: setează modul de încărcare a fișierului

Acțiunea tuturor acestor atribute va fi similară cu acțiunea lor în elementul video.

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>Audio în HTML5</title>
   </head>
   <body>
       <audio src="Dragonborn.mp3" controls></audio>
   </body>
</html>

Din nou, în funcție de browser, aspectul elementelor de control poate varia. Exemplul de mai sus este pentru Google Chrome. În Microsoft Edge vor arăta puțin diferit:

Suportul pentru formatele audio

Un punct crucial pentru lucrul cu audio este suportul browserului pentru diferitele formate. În prezent, majoritatea covârșitoare a browserelor suportă mp3. Totuși, dacă nu suntem siguri că audio-ul nostru într-un anumit format va fi suportat de browserul utilizatorului, putem folosi elementul source și specifica audio-ul în alte formate:

<audio width="400" height="300" controls>
   <source src="mobile_phone.mp3" type="audio/mpeg">
   <source src="mobile_phone.m4a" type="audio/aac">
   <source src="mobile_phone.ogg" type="audio/ogg">
</audio>

Ca și în cazul elementului video, aici elementul source are atributul src cu linkul către fișier și atributul type - tipul fișierului.