HTML5 zapewnia standard odtwarzania plików audio.
HTML5 audio jest przedmiotem specyfikacji HTML5, wyposażona w wejście audio, odtwarzanie i syntezy, a także mowę na tekst, w przeglądarce.
Audio w sieci
Przed HTML5, nie było standardem dla odtwarzania plików audio na stronie internetowej.
Przed HTML5, pliki audio mogą być odtwarzane tylko za pomocą plug-in (like flash) .
HTML5 <audio> element określa standardowy sposób umieszczania dźwięku na stronie internetowej.
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje <audio> element.
Element | |||||
---|---|---|---|---|---|
<audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10,5 |
HTML <audio> Element
Aby odtworzyć plik audio w formacie HTML, należy użyć <audio> elementu:
Przykład
<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>
Spróbuj sam " <Audio> element reprezentuje dźwięk lub strumienia audio. Jest on powszechnie stosowany do odtworzenia pojedynczy plik audio w obrębie strony internetowej, pokazując widżet GUI z kontroli play / pause / objętość.
Znacznik <audio> element ma te atrybuty:
Atrybuty globalne (accesskey; Klasa; contenteditable; ContextMenu; dir; przeciągać; DropZone; ukryte; id; lang; spellcheck; style; TabIndex; tytuł; przetłumaczyć)
autoplay = „autoplay” lub „” (pusty ciąg znaków) lub pusty zobowiązuje User-Agent, aby automatycznie rozpocząć odtwarzanie strumienia audio, jak tylko można to zrobić bez zatrzymywania się.
preload = „none” lub „metadane” lub „auto” lub „” (pusty ciąg znaków) lub pusty Reprezentuje podpowiedź do User-Agent o tym, czy optymistyczne pobieranie samego lub jego metadanych strumienia audio jest uważane za wartościowe.
„None”: Wskazówki do User-Agent, że użytkownik nie jest oczekiwane potrzebować strumienia audio, albo że minimalizuje niepotrzebny ruch jest pożądane.
„Metadane”: Wskazówki do User-Agent, że użytkownik nie jest oczekiwane potrzebować strumienia audio, ale to ściągam jego metadane (czas trwania i tak dalej), jest pożądane.
„Auto”: Wskazówki do User-Agent, który optymistycznie pobierania całego strumienia audio jest uważane za pożądane.
Kontrola = „Sterowanie” lub „” (pusty ciąg znaków) lub pusty zobowiązuje User-Agent narazić interfejs do sterowania odtwarzaniem strumienia audio.
loop = „loop” lub „” (pusty ciąg znaków) lub pusty zobowiązuje User-Agent szukać powrotem do początku strumienia audio po osiągnięciu końca. MEDIAGROUP = napis zobowiązuje User-Agent, aby połączyć kilka filmów i / lub strumieni audio razem.
wyciszony = „wyciszony” lub „” (pusty ciąg znaków) lub pusty Reprezentuje domyślny stan strumienia audio, potencjalnie nadrzędnymi preferencji użytkownika. src = niepusty [URL] potencjalnie otoczony przestrzeniach URL strumienia audio.
HTML audio - Jak to działa?
Te controls atrybutu dodaje sterowanie systemem audio, jak odtwarzanie, pauza, i objętości.
Tekst pomiędzy <audio> i </audio> tagi będą wyświetlane w przeglądarkach, które nie obsługują <audio> element.
Wiele <source> elementy mogą nie odwołuje się do różnych plików audio. Przeglądarka użyje pierwszego rozpoznany format.
HTML audio - Wsparcie Przeglądarka
Obecnie istnieją 3 Obsługiwane formaty plików dla <audio> element: MP3, WAV, OGG:
Przeglądarka | 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 - Typy mediów
Format pliku | Typ mediów |
---|---|
MP3 | audio/mpeg |
Ogg | audio/ogg |
Wav | audio/wav |
HTML audio - metody, właściwości i zdarzenia
HTML5 definiuje metody DOM, właściwości i zdarzenia dla <audio> elementu.
To pozwala na załadowanie, zabawy, i wstrzymać audio, a także ustawić czas trwania i objętość.
Istnieją również DOM zdarzenia, które może powiadomić użytkownika audio zaczyna grać, jest wstrzymane, etc.
Dla pełnego odniesienia DOM, przejdź do naszej HTML5 audio / video DOM .
HTML5 audio Tagi
Etykietka | Opis |
---|---|
<audio> | Definiuje zawartość dźwięku |
<source> | Definiuje wielu zasobów multimedialnych dla elementów multimedialnych, takich jak <video> i <audio> |
HTML audio - Web Speech API
Web Speech API ma zapewnić alternatywną metodę wprowadzania do aplikacji internetowych (bez korzystania z klawiatury). Z tego API, programiści mogą dać web apps zdolność do transkrypcji głosu na tekst, z mikrofonu komputera. Nagrany dźwięk jest wysyłany do serwerów mowy dla transkrypcji, po którym tekst jest napisany dla użytkownika. Samo API jest agnostykiem realizacji rozpoznawania mowy bazowego i może obsługiwać zarówno serwer jak i na osadzonych rozpoznawania, czyli recognizers. Grupa HTML Speech Inkubator zaproponowała wdrożenie technologii audio-mowy w przeglądarkach w postaci API jednolity, cross-platform. API zawiera zarówno:
- Speech API wejściowego
- Text To Speech API