Najnowsze tutoriale tworzenie stron internetowych

HTML5 audio


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