Audio i Video API

HTML5 video – element języka HTML wprowadzony w HTML 5, służący do odtwarzania plików wideo[1] bez konieczności instalowania dodatkowych wtyczek do przeglądarki. Wprowadzenie tagu <video> jest utrudnione przez brak porozumienia producentów przeglądarek w sprawie kodeka wideo[2].

Przykład

Przykładowy fragment kodu HTML5 wykorzystujący tag <video>. Jeżeli tag ten nie jest obsługiwany, wyświetli się wpisany tekst.

<video src="movie.mp4" controls>
Twoja przeglądarka nie obsługuje tagu wideo.
</video>

Element <source> służy do wskazania alternatywnych formatów wideo. Jeżeli przeglądarka nie może odtworzyć pierwszego pliku, spróbuje odtworzyć następny:

<video controls>
 <source src="video.webm" type="video/webm">
 <source src="video.ogv" type="video/ogg">
 <source src="video.mp4" type="video/mp4">
 Twoja przeglądarka nie obsługuje tagu wideo.
</video>

Przeglądarki obsługujące tag <video>

Tabela przedstawia przeglądarki obsługujące element <video> w HTML5. Wartości w tabeli oznaczają od której wersji dany format jest obsługiwany.

PrzeglądarkaOstatnia stabilna wersjaObsługiwane formaty
Ogg TheoraH.264VP8 (WebM)VP9 (WebM)
Internet Explorer11.0.220
(10 listopada 2020) [±]		Tak[3]9.0[4]NieNie
Mozilla Firefox103.0.2
(9 sierpnia 2022) [±]		3.521.0[5]4.0[6]28.0
Google Chrome105.0.5195.37
(17 sierpnia 2022) [±]		3.03.06.0[7]16.0
SafariNie3.1NieNie
Opera89.0.4447.83
(4 sierpnia 2022) [±]		10.5024.0.1558.2110.60[8][9]16.0
Konqueror4.4TakTakNie
Epiphany42.2
(21 kwietnia 2022) [±]		2.28TakTakNie

Zastosowanie

Od wprowadzenia przez Apple urządzenia iPad wiele witryn zaczęło stosować HTML5 video w formacie H.264 dla urządzeń identyfikujących się jako iPad[10].

Pomimo większej popularności Adobe Flash nad wideo w HTML5, to wprowadzone eksperymentalne odtwarzanie wideo w HTML5 w serwisach Dailymotion[11] (przy użyciu Ogg Theora i Vorbis), YouTube[12] (przy użyciu H.264 i WebM) i Vimeo[13] (przy użyciu H.264) wskazują, że zainteresowanie wideo w HTML5 wzrasta.

Problem patentu H.264

Ostatni patent H.264 wygasa 29 listopada 2027[14]. Dlatego też istnieją kampanie promujące porzucenie tego formatu na rzecz Ogg Theora i WebM. Powodem jest także fakt, że o ile użycie do transmisji nie komercyjnej filmu zapisanego tym w formacie w Internecie jest bezpłatne, to samo oprogramowanie do odtworzenia musi pokryć opłatę licencyjną. Inną propozycją (np. Nokii)[15] jest wykorzystanie formatu ITU H.261 którego część została zdefiniowana w lub przed listopadem 1988. Definicja z 1990 H.261 miała pozostałe fragmenty nie zawarte w definicji z 1988[16].

Zobacz też

Przypisy

  1. ↑ The video element. [dostęp 2010-06-24].
  2. ↑ Brak porozumienia w sprawie tagów video i audio. [dostęp 2010-06-24].
  3. ↑ Wymaga zainstalowania OpenCodecs
  4. ↑ Microsoft Previews the Revamped Internet Explorer 9 Platform (ang.). [dostęp 2010-06-24].
  5. ↑ Nie na wszystkich platformach według http://caniuse.com/#feat=mpeg4
  6. ↑ Open Web, Open Video and WebM (ang.). The Mozilla Blog. [dostęp 2010-08-08].
  7. ↑ Jim Bankoski: WebM and VP8 land in Chromium (ang.). The Chromium Blog. [dostęp 2010-08-04].
  8. ↑ Håkon Wium Lie: Welcome, WebM <video>! (ang.). Opera Labs. [dostęp 2010-08-08]. [zarchiwizowane z tego adresu (2011-03-21)].
  9. ↑ Chris Mills: Opera supports the WebM video format (ang.). Dev.Opera. [dostęp 2010-08-08].
  10. ↑ iPad-ready websites (ang.). Apple. [dostęp 2010-08-18].
  11. ↑ Watch Video…without Flash (ang.). DailyMotion Blog. [dostęp 2010-08-18]. [zarchiwizowane z tego adresu (2010-08-22)].
  12. ↑ Introducing YouTube HTML5 Supported Videos (ang.). YouTube Blog. [dostęp 2010-08-18].
  13. ↑ Try our new HTML5 player! (ang.). Vimeo Staff Blog. [dostęp 2010-08-18].
  14. ↑ OSNews.com, osnews.com [dostęp 2017-11-22].
  15. ↑ Use software and functionality from 20 years ago - software patents wiki (en.swpat.org), en.swpat.org [dostęp 2017-11-22] (ang.).
  16. ↑ MPEG LA - software patents wiki (en.swpat.org), en.swpat.org [dostęp 2017-11-22] (ang.).

Linki zewnętrzne