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> |