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ądarka | Ostatnia stabilna wersja | Obsługiwane formaty | |||
---|---|---|---|---|---|
Ogg Theora | H.264 | VP8 (WebM) | VP9 (WebM) | ||
Internet Explorer | 11.0.1000 (13 grudnia 2022) [±] | Tak[3] | 9.0[4] | Nie | Nie |
Mozilla Firefox | 130.0b6 (16 sierpnia 2024) [±] | 3.5 | 21.0[5] | 4.0[6] | 28.0 |
Google Chrome | 128.0.6613.34 (15 sierpnia 2024) [±] | 3.0 | 3.0 | 6.0[7] | 16.0 |
Safari | Nie | 3.1 | Nie | Nie | |
Opera | 112.0.5197.53 (6 sierpnia 2024) [±] | 10.50 | 24.0.1558.21 | 10.60[8][9] | 16.0 |
Konqueror | 4.4 | Tak | Tak | Nie | |
Epiphany | 45.1 (6 listopada 2023) [±] | 2.28 | Tak | Tak | Nie |
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 niekomercyjnej 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
- ↑ The video element. [dostęp 2010-06-24].
- ↑ Brak porozumienia w sprawie tagów video i audio. [dostęp 2010-06-24].
- ↑ Wymaga zainstalowania OpenCodecs
- ↑ Microsoft Previews the Revamped Internet Explorer 9 Platform. [dostęp 2010-06-24]. (ang.).
- ↑ Nie na wszystkich platformach według http://caniuse.com/#feat=mpeg4
- ↑ Open Web, Open Video and WebM. The Mozilla Blog. [dostęp 2010-08-08]. (ang.).
- ↑ Jim Bankoski: WebM and VP8 land in Chromium. The Chromium Blog. [dostęp 2010-08-04]. (ang.).
- ↑ Håkon Wium Lie: Welcome, WebM <video>!. Opera Labs. [dostęp 2010-08-08]. [zarchiwizowane z tego adresu (2011-03-21)]. (ang.).
- ↑ Chris Mills: Opera supports the WebM video format. Dev.Opera. [dostęp 2010-08-08]. (ang.).
- ↑ iPad-ready websites. Apple. [dostęp 2010-08-18]. (ang.).
- ↑ Watch Video…without Flash. DailyMotion Blog. [dostęp 2010-08-18]. [zarchiwizowane z tego adresu (2010-08-22)]. (ang.).
- ↑ Introducing YouTube HTML5 Supported Videos. YouTube Blog. [dostęp 2010-08-18]. (ang.).
- ↑ Try our new HTML5 player!. Vimeo Staff Blog. [dostęp 2010-08-18]. (ang.).
- ↑ OSNews.com [online], osnews.com [dostęp 2017-11-22] .
- ↑ Use software and functionality from 20 years ago - software patents wiki (en.swpat.org) [online], en.swpat.org [dostęp 2017-11-22] (ang.).
- ↑ MPEG LA - software patents wiki (en.swpat.org) [online], en.swpat.org [dostęp 2017-11-22] (ang.).
Linki zewnętrzne
- Wideo w HTML5 na w3schools
- Webcast o możliwościach tagu video
- Audio i Video w HTML5 (artykuł w języku polskim)