Ultimele tutoriale de dezvoltare web

HTML Audio


HTML5 oferă un standard pentru redarea fișierelor audio.


Audio pe Web

Înainte de HTML5, nu a existat nici un standard pentru redarea fișierelor audio de pe o pagină web.

Înainte de HTML5, fișiere audio pot fi redate numai cu un plug-in (like flash) .

HTML5 <audio> elementul indică o modalitate standard de a încorpora audio într - o pagină web.


Suport pentru browser-

Numerele din tabel specifica prima versiune de browser care acceptă pe deplin <audio> element.

Element
<audio> 4 9 3.5 4 10.5

Codul HTML <audio> Element

Pentru a reda un fișier audio în HTML, utilizați <audio> elementul:

Exemplu

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Încearcă - l singur »

HTML Audio - Cum funcționează

Cele de controls atribut adaugă comenzi audio, cum ar fi redare, pauză, și volumul.

Textul dintre <audio> și </audio> tag - uri vor fi afișate în browserele care nu acceptă <audio> element.

Multiple <source> elemente pot conecta la diferite fișiere audio. Browserul va utiliza primul format recunoscut.


HTML Audio - Suport browser

În prezent, există 3 formate de fișier acceptate pentru <audio> element: MP3, WAV, Ogg și:

Browser MP3 Wav Ogg
Internet Explorer YES NO NO
Chrome YES YES YES
Firefox YES YES YES
Safari YES YES NO
Opera YES YES YES

HTML Audio - Tipuri de media

Tipul fisierului Tip media
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav

HTML Audio - Metode, proprietăți și evenimente

HTML5 definește metodele DOM, proprietăți și evenimente pentru <audio> element.

Acest lucru vă permite să încărcați, redare și pauză audio, precum și durata de set și de volum.

Există, de asemenea, evenimente DOM pe care le poate notifica atunci când un audio începe să joace, este întreruptă, etc.

Pentru o referință DOM completă, du - te la nostru HTML5 audio / video DOM de referință .


HTML5 audio Tag-uri

Etichetă Descriere
<audio> Definește conținutul de sunet
<source> Definește mai multe resurse media pentru elemente media, cum ar fi <video> și <audio>