HTML5 video


HTML5 video - елемент, включений у проект специфікації HTML 5, який використовується для відтворення відеозаписів [1], частково замінюючи елемент .

Adobe Flash Player широко використовувався для того, щоб вбудовувати вміст відео-файлів на сайтах (наприклад, YouTube). Flash Player доступний в якості плагіна для більшості веб-браузерів останніх версій (таких як Mozilla Firefox, SeaMonkey, Opera і Safari), і несумісний, наприклад, з вбудованими браузерами iPod і iPhone від Apple, а також з Android версії 2.01 або менше і версії 4.1.x і вище (офіційно) [2] [3]. Google Chrome не потребує в даному плагіні з тих пір, як Google додав плеєр в браузер. [4] Творці HTML 5 video вважають, що це стане стандартним способом перегляду відео онлайн, але основною перешкодою для прийняття даної угоди є питання про те, які саме відео формати повинні підтримуватися цим відео міткою.


[ ""> правити ] 1. Приклад використання елементу

Нижче наводиться фрагмент коду на HTML 5, який дозволяє вбудувати WebM відео на веб-сайт:

  =  "Movie.webm"  poster  =  "Movie.jpg"  controls>  This is fallback content to display if the browser does not support the video element.  <  /  video> 

1.1. Множинність ресурсів

Використовуючи будь-яку кількість елементів , як показано нижче, броузер вибере автоматично, який файл завантажувати. Також, щоб добитися того ж результату, можна використовувати функцію canPlay () з JavaScript. Атрибут "type" визначає тип MIME та список кодеків, які допомагають браузеру визначити, чи може він розшифрувати файл чи ні. Через відсутність загального відео формату, множинність ресурсів є важливою особливістю для того, щоб уникати "пирхання" браузера, що схиляє його до помилки: відомо, що будь-які знання веб-розробників про браузерах будуть неповними, браузер знає про себе більше.

  "Movie.jpg"  controls>   src  =  'Movie.webm'  type  =  'Video / webm; codecs = "vp8.0, vorbis"'  /  >   src  =  'Movie.ogv'  type  =  'Video / ogg; codecs = "theora, vorbis"'  /  >   src  =  'Movie.mp4'  type  =  'Video/mp4; codecs = "avc1.4D401E, mp4a.40.2"'  /  >  <  p  >  This is fallback content  <  /  p  >  <  /  video> 

2. Підтримувані відео-формати

Поточний проект специфікації HTML 5 не уточнює, що браузер повинен підтримувати будь-який формат відео файлів в тезі video. Користувальницькі агенти вільно підтримують будь-який відео формат, який вважають відповідним.

2.1. Дебати щодо стандартного відео-формату

Робоча група HTML 5 вважає, що бажано визначити принаймні один відео-формат, який би підтримувався усіма браузерами. Ідеальний формат в цьому відношенні повинен:

  • мати гарне стиснення, гарне дозвіл зображення і низькі витрати роботи процесора для розшифровки
  • бути безкоштовним
  • на додаток до програмних декодерів, для формату повинен існувати декодер для відео з апаратних засобів, так як у багатьох вбудованих процесорів немає можливості розшифрувати відео в потрібний нам формат

Спочатку, Ogg Theora був рекомендованим стандартом для HTML 5, тому що він не був зачеплений ніякими відомими патентами. Але 10 грудня 2010 специфікація HTML 5 була підкоригована, [5] змінилися посилання на конкретні формати:

Браузери повинні підтримувати відеоформат Theora і аудіоформат Vorbis, а також контейнерний формат Ogg.

з доповненням [6] :

Було б дуже корисно для функціональної сумісності, якби всі браузери змогли підтримувати один кодер-декодер. Але не існує жодного такого кодер-декодера, який би задовольняв усіх: нам потрібен такий кодер-декодер, який, як відомо, не потребує ліцензування, який сумісний з сучасною розвивається моделлю, який має достатньо якостей, щоб бути придатним, і який не стане підводним каменем для великих компаній. Це поточна проблема, і ця частина буде ще доопрацьована. [7]

Хоча Theora не порушена відомими патентами, такі компанії як Apple [8] і Nokia побоюються невідомих патентів, чиї власники могли б чекати корпорацію з фінансовими ресурсами, щоб пред'явити позов щодо використання даного формату. [9] [10] Такі не запатентовані формати, як H.264, також могли б використовуватися в принципі, але вони широко відомі і тому передбачається, що будь патентодержателя вже може мати намір їх зайняти. Apple також заперечує проти вимоги про підтримку формату Ogg в HTML 5 на тих підставах, що деяким пристосуванням підтримувати інші формати набагато легше і що HTML жодного разу за всю історію його існування не вимагав особливі формати для чого-небудь. [10]


Деякі веб-розробники розкритикували видалення Ogg -форматів із специфікації. [11] [12] [13] Наступне обговорення також відбулося і в FAQ блозі W3C. [14]

H.264 / MPEG-4 AVC широко використовуємо і володіє хорошою швидкістю, стисненням, декодером для апаратних засобів, але він уже запатентований. [15] Крім особливих випадків користувачам H.264 доводиться платити за ліцензію MPEG LA - групі патентодержателя, включаючи Apple і Microsoft. [16] У результаті вирішили, що немає необхідності в кодер-декодері за замовчуванням.


2.1.1. Google купує On2

Придбання Google-ом On2 відбувається в результаті випуску формату VP8, який є безкоштовним відкритим стандартом, і створення WebM Project, який з'єднує VP8 Video з Vorbis Audio в контейнер Matroska. Випуск VP8 був також підтриманий Free Software Foundation. [17]

У січні 2011 року Google оголосив, що збирається припинити підтримку H.264 в Chrome -e, багато критикували це, включаючи Пітера Брайта з Ars Technica [18] і "веб-проповідника" Тіма сниться з Microsoft, які заявили, що швидше оголосять есперанто офіційною мовою США, ніж Google просунеться в цій справі. [19]. Однак Говард Моєн з Opera Software сильно розкритикував статтю Ars Technica [20], і Google відповіла на реакцію, пояснивши своє рішення тим, що вони мають намір просувати WebM в своїх продуктах на основі їх відкритості.


3. Браузерна підтримка

3.1. Значення

Значення показують рівень підтримки в самих останніх версіях розмітка або (якщо відомий номер версії) у зазначеній версії. Номер версії без будь-яких інших значень вказує на версію, з якої вперше повністю підтримуються всі необхідні властивості для розмітки.

Значення Опис
Yes показує, що розмітка повністю підтримує дане властивість / елемент, коли використовуються правильні значення
No показує, що властивість / елемент повністю ігнорується
Partial показує, що властивість / елемент зрозуміле, але не всі його значення підтримуються. Підтримувані значення виконуються правильно.
Incorrect показує, що властивість / елемент зрозуміле, але працює правильно не у всіх випадках.
Experimental показує, що властивість / елемент зрозуміле, але підтримується під іншим ім'ям. Може бути незавершеним або містити помилки
Dropped показує, що властивість / елемент більше не підтримується
Nightly build показує, що властивість / елемент підтримується в деякій мірі в експериментальній / нічний середовищі. Очікується підтримка в майбутньому.
Depends показує, що властивість / елемент підтримується тільки на певних платформах або якщо сконфігуровані певні умови.

3.2. Таблиця

Ця таблиця показує, які відео-формати ймовірно будуть підтримуватися зазначеним браузером. Більшість браузерів, представлених тут, використовують multimedia framework для розкодування і відображення відео-файлу замість того, щоб включити такі компоненти в програмне забезпечення. Як правило неможливо перелічити всі формати, які підтримує multimedia framework без їх запиту, тому що все залежить від операційної система і типу кодер-декодера. [21] У таких випадках підтримуваний відео-формат є атрибутом для framework, а не для браузера або його розмітки; браузер обов'язково запитує свій multimedia framework, перш ніж відкинути невідомий відео-формат. Відео-формат може бути визначений за допомогою MIME в HTML. (Дивись example) MIME використовується для уточнення у multimedia frameworks про підтримуваних форматах. [note 1]

Серед цих браузерів тільки Firefox, Opera і Origyn використовують бібліотеки для вбудованого розкодування. На ділі Internet Explorer і Safari також можуть забезпечувати підтримку певних форматів, тому що їх виробники також зробили їх multimedia frameworks. З іншого боку, у Konqueror є ідентична підтримка формату, коли Internet Explorer використовується на Windows, і коли Safari використовується на Mac, але підтримка для Konqueror, показана тут, типова для GNU / Linux, де Konqueror в основному і використовується. В основному підтримка браузерами формату нав'язана конфліктуючими інтересами виробників, в особливості Media Foundation і QuickTime підтримують комерційні стандарти, тоді як Gstreamer і Phonon не можуть законно нічого підтримувати, крім безкоштовних форматів за замовчуванням на безкоштовних операційних системах, для яких вони створені.

Браузер Остання стабільна версія Формати, підтримувані різними веб-браузерами
Ogg Theora H.264 VP8 ( WebM) Others
Internet Explorer 9.0 (14 березня 2011 року) Manual install [note 2] 9.0 [25] Manual install [note 3] [note 4] Немає [28]
Mozilla Firefox [29] 6.0 (16 серпня 2011 року) 3.5 [30] Ні [note 5] 4.0 [32] [33] Немає
Google Chrome 13.0.782.112 (9 серпня 2011 року) 3.0 [34] [35] Та [36] (to be removed) [37] 6.0 [38] [39] Немає [40]
Chromium x r18297 [41] Немає [42] r47759 [43] Немає [40]
Safari 5.1 (20 липня 2011 року) Manual install [note 6] 3.1 [44] [45] Manual install [46] Depends [note 7]
Opera 11.64 (10 травня 2012 року) 10.50 [48] Немає 10.60 [49] [50] Немає
Konqueror 4.7 (27 липня 2011 року) 4.4 [51] Depends [note 8] Та [53] Depends [note 8]
Epiphany 3.0.4 (1 липня 2011 року) 2.28 [54] Depends [note 9] Depends [note 9] [55] Depends [note 9]

4. Використання

З квітня 2010 року услід за запуском iPad від Apple велика кількість висококласних сайтів почало працювати з H.264 HTML 5 відео замість Flash для браузерів, розпізнаються як iPad. [56]

У травні 2010 року HTML 5 video ще не так широко поширене, як Flash відео, хоча DailyMotion [57] недавно масово випустив експериментальні відео-плеєри на основі HTML5 (використовують формати Ogg Theora і Vorbis), YouTube [58] (використовує формати H.264 і WebM) і Vimeo [59] (використовує формат H.264) натякають, що інтерес до прийому HTML 5 відео збільшується.

Деякі великі, що забезпечують відео, веб-сайти опублікували рішення продовжити використання технологій, що відрізняються від HTML 5 video. [60] [61] [62] Згідно зі статтею блогу YouTube, тег не задовольняє всім потребам веб-сайтів, таких як YouTube . [63] У заявлені важливі причини входить необхідність стандартного формату, відсутність ефективного і надійного методу для передачі відео браузеру, нездатність JavaScript відображати відео на повний екран і проблема захисту вмісту. Хулу також не прийняв HTML 5 video через нездатність забезпечити користувача адаптивним діапазоном частот для відео, забезпечити утримання виробника та надавати рекламодавцям дані. [64] Netflix заявив, що є багато проблем, які заважають йому використовувати HTML 5 video: прийнятні контейнерні A / V формати; допустимі аудіо і відео кодер-декодери, потоковий протокол, метод для потокового протоколу, щоб адаптувати його до доступних діапазонам частот, метод для передачі інформації про доступні потоках та інші параметри для модуля відтворення потоку даних; метод підтримки захищених даних; та метод відображення всієї цієї функціональності в HTML 5. [61] [65]

11 січня 2011 Google's Chromium Project оголосив у своєму блозі, що підтримка закритих кодер-декодерів (наприклад, H.264) буде видалена з майбутніх версій Chrome-а. В оголошенні Chromium особливо виділялося те, що ця ліквідація була спробою збільшити популярність використання HTML5 і тега без необхідності ліцензування патентованих технологій, стимулюючи всю мережу прийняти загальнодоступний кодер-декодер для VP8 і Theora.


5. Нотатки

  1. at least for Phonon and its backends [22], that is DirectShow, QuickTime AND GStreamer
  2. Supported if OpenCodecs is installed. Also possible with Google Chrome Frame [23] [24]
  3. Google released a WebM component for Media Foundation to allow the playback of WebM files in IE9 through the standard HTML5
  4. Possible if the user has installed a VP8 codec on ​​Windows for IE9. [27]
  5. Possible on some systems if the HTML5 extension for Windows Media Player Firefox plug-in is installed. [31]
  6. Supported if XiphQT is installed.
  7. Any format supported by QuickTime OR Core Video On OS X. [47]
  8. 1 2 Any format supported by Phonon on Qt 4.5. [52]. Format support depends on the backend of Phonon. Available Phonon backends include GStreamer AND xine; backends using MPlayer AND VLC Are In Development.
  9. 1 2 3 Any format supported by GStreamer On Webkit / GTK + builds of Epiphany.

6. Додатки

  1. The video element. HTML5: A vocabulary and associated APIs for HTML and XHTML. World Wide Web Consortium (24 червня 2010 року). - "A video element is used for playing videos or movies." Статичний з першоджерела 26 серпня 2012.
  2. An Update on Flash Player and Android. Adobe Systems Inc .. Статичний з першоджерела 26 серпня 2012.
  3. Adobe Flash on the Nexus 7 and other Jelly Bean Devices. xda-developers. Статичний з першоджерела 26 серпня 2012.
  4. Adobe Flash Player: Basic browser settings - Google Chrome Help. Google Inc .. Статичний з першоджерела 26 серпня 2012.
  5. Hickson, Ian [whatwg] Video codec requirements changed. Список розсилки whatwg mailing list (10 грудня 2007 року).
  6. (X) HTML5 Tracking. HTML5. org. Статичний з першоджерела 26 серпня 2012.
  7. [Whatwg] Removal of Ogg is * preposterous *. Список розсилки WHATWG (11 Грудня).
  8. Steve Jobs: mystery patent pool to attack Ogg Theora. The Register. Статичний з першоджерела 26 серпня 2012.
  9. Hickson, Ian Re: [whatwg] Removal of Ogg is * preposterous *. Список розсилки whatwg mailing list (11 грудня 2007 року).
  10. 1 2 Stachowiak, Maciej [whatwg] Codecs (was Re: Apple Proposal for Timed Media Elements). Список розсилки whatwg mailing list (21 березня 2007 року).
  11. The Attack Against Ogg Theora or: How I Learned to Stop Worrying and Love the Proprietary Web. Metavid (11 грудня 2007 року). Статичний з першоджерела 23 червня 2009.
  12. rudd-o.com. rudd-o.com (11 грудня 2007 року). (Недоступна посилання - історія)
  13. Abbadingo "Blog" Removal of Ogg Vorbis and Theora from HTML 5: an outrageous disaster. Delcorp.org (12 грудня 2007 року). Статичний з першоджерела 26 серпня 2012.
  14. Dan Connolly. When will HTML 5 support Sooner if you help. W3C (18 грудня 2007). Статичний з першоджерела 26 серпня 2012.
  15. "AVC/H.264 Patent List", MPEG LA, 1 лютого 2010 , < http://www.mpegla.com/main/programs/avc/Documents/avc-att1.pdf >
  16. "AVC/H.264 Licensors", MPEG LA , < http://www.mpegla.com/main/programs/AVC/Pages/Licensors.aspx >
  17. Matt Lee FSF gratulates Google. FSF (19 травня 2010 року). Статичний з першоджерела 26 серпня 2012.
  18. Пітер Брайт Google's dropping H.264 from Chrome a step backward for openness. Ars Technica (12 січня 2011 12:30). Статичний з першоджерела 26 серпня 2012.
  19. Тім сниться An Open Letter from the President of the United States of Google. MSDN (11 січня 2011 року). Статичний з першоджерела 26 серпня 2012.
  20. Говард К. Моєн Is the removal of H.264 from Chrome a step backward for openness?. My Opera (13 січня 2011 14:29). Статичний з першоджерела 26 серпня 2012.
  21. "Phonon documentation of backends", Qt , < http://doc.qt.nokia.com/latest/phonon-overview.html # backends > .
  22. "Phonon documentation of querying", Qt , < http://doc.qt.nokia.com/latest/phonon-overview.html # querying-backends-for-support > .
  23. Kevin Carle and Chris Zacharias (20 січня 2010 року), "Introducing YouTube HTML5 Supported Videos", Official YouTube Blog , < http://youtube-global.blogspot.com/2010/01/introducing-youtube-html5-supported.html > .
  24. Dougherty, Brad (21 Січня 2010 року), "Try our new HTML5 player!", Vimeo Staff Blog , < http://vimeo.com/blog:268 > .
  25. McCracken, Harry (16 березня 2010 року), "Microsoft Previews the Revamped Internet Explorer 9 Platform", Technologizer , < http://technologizer.com/2010/03/16/ie9-platform-preview/ >
  26. Mike Jazayeri. More about the Chrome HTML Video Codec Change. Google (14 січня 2011 року). Статичний з першоджерела 3 жовтня 2012.
  27. Hachamovitch, Dean (19 травня 2010 року), "Another Follow-up on HTML5 Video in IE9", Microsoft , < http://blogs.msdn.com/ie/archive/2010/05/19/another-follow-up-on-html5-video-in-ie9.aspx >
  28. Hachamovitch, Dean (29 квітня 2010 року), "HTML5 Video", Microsoft , < http://blogs.msdn.com/ie/archive/2010/04/29/html5-video.aspx > .
  29. "Media formats supported by the audio and video elements", Mozilla , < https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements >
  30. "Mozilla Firefox 3.5 Release Notes", Mozilla, 2009-06-30 , < http://www.mozilla.com/en-US/firefox/3.5/releasenotes/ > .
  31. "HTML5 Extension for Windows Media Player Firefox Plug-in", Microsoft Corporation , < http://www.interoperabilitybridges.com/html5-extension-for-wmp-plugin > .
  32. "Bug 566243 - Merge mozilla-webmedia repository to mozilla-central", Mozilla , < https://bugzilla.mozilla.org/show_bug.cgi?id=566243 >
  33. "Firefox Nightly Builds", Mozilla , < http://nightly.mozilla.org/ >
  34. "Google Chrome support Theora and Vorbis", Google, 2010-05-20 , < http://code.google.com/p/chromium/ChromiumBrowserVsGoogleChrome >
  35. "Google Chrome 3.0 will support , < http://www.cnetfrance.fr/news/google-chrome-3-39503164.htm >
  36. "Differences between Google Chrome and Linux distro Chromium", Google, 17 березня 2011 , < http://code.google.com/p/chromium/ChromiumBrowserVsGoogleChrome >
  37. "HTML Video Codec Support in Chrome", Google, 11 січня 2011 , < http://blog.chromium.org/2011/01/html-video-codec-support-in-chrome.html >
  38. Bankoski, Jim (2010-05-19), "WebM and VP8 land in Chromium", Google , < http://blog.chromium.org/2010/05/webm-and-vp8-land-in-chromium.html >
  39. Kersey, Jason (3 червня 2010 року), "Google Chrome Releases: Dev Channel Update", Google , < http://googlechromereleases.blogspot.com/2010/06/dev-channel-update.html > .
  40. 1 2 "Issue 21318: Query FFmpeg libraries for codec support", Google , < http://code.google.com/p/chromium/issues/detail?id=21318 > .
  41. "Issue 4363: [HTML5-Video] Enable HTML5 video / audio elements", Google , < http://code.google.com/p/chromium/issues/detail?id=4363 > .
  42. "ChromiumBrowserVsGoogleChrome", Google , < http://code.google.com/p/chromium/ChromiumBrowserVsGoogleChrome > .
  43. "Issue 2093007: Chromium side changes for enabling VP8 and WebM support.", Google , < http://codereview.chromium.org/2093007 > .
  44. "About the Safari 3.1 Update", 2008-03-17 , < http://support.apple.com/kb/TA25197 > .
  45. Dalrymple, Jim (2009-03-10), "Apple shows off Safari's HTML 5 support", Macworld , < http://www.macworld.com/article/139285/2009/03/safarihtml5.html > .
  46. "Google's WebM plugin available" , < https://code.google.com/p/webm/downloads/detail?name=WebM% 20Component% 20Installer.pkg & can = 2 & q = > .
  47. "HTML5 Media Support", WebKit Open Source Project: Surfin 'Safari, 12 листопада 2007 , < http://webkit.org/blog/140/html5-media-support/ > .
  48. Jgenstedt, Philip (31 грудня 2009 року), "(re-) Introducing , Opera , < http://my.opera.com/core/blog/2009/12/31/re-introducing-video > .
  49. Lie, Hkon Wium (19 травня 2010 року), "Welcome, WebM , Opera , < http://labs.opera.com/news/2010/05/19/ >
  50. Mills, Chris (19 травня 2010 року), "Opera supports the WebM video format", Opera , < http://dev.opera.com/articles/view/opera-supports-webm-video/ >
  51. Davison, Peter (2010-03-03), "KHTML Browsers including Konqueror", Legend Scrolls , < http://www.legendscrolls.co.uk/webstandards/khtml > .
  52. Vestb, Tor Arne (2008-05-13), "Top Secret, Hush Hush!", Nokia Corporation , < http://labs.trolltech.com/blogs/2008/05/13/top-secret-hush-hush/ > .
  53. "Webm troubleshooting for Konqueror", Xiph.org , < http://wiki.xiph.org/Playback_Troubleshooting # Konqueror > .
  54. Toker, Alp (2007-12-08), "HTML5 media support with GStreamer" , < http://www.atoker.com/blog/2007/12/08/html5-media-support-with-gstreamer/ > .
  55. "YouTube and WebM support", Fedora Project , < http://fedoraproject.org/Flash # YouTube_and_WebM_support > .
  56. iPad-ready websites. Apple, Inc .. (Недоступна посилання - історія)
  57. Watch Video ... without Flash. Dailymotion (27 травня 2009 року). (Недоступна посилання - історія)
  58. Introducing YouTube HTML5 Supported Videos. Youtube (20 січня 2010 року). Статичний з першоджерела 26 серпня 2012.
  59. Dougherty, Brad Try Our New HTML5 Player!. Vimeo (21 Січня 2010 року). Статичний з першоджерела 26 серпня 2012.
  60. Gizmodo: HTML5 isn't going to save the internet
  61. 1 2 Gigaom.com: Netflix has no plans to use HTML5
  62. Pseudocoder: Why HTML5 won't replace Flash
  63. Flash and the HTML5 . Статичний з першоджерела 26 серпня 2012.
  64. Pardon Our Dust . Статичний з першоджерела 26 серпня 2012.
  65. PCMag: Netflix working on HTML5 streaming


Цей текст може містити помилки.

Схожі роботи | скачати

Схожі роботи:
HTML5
Video CD
Video on Demand
Flash Video
Windows Media Video
DirectX Video Acceleration
Audio Video Interleave
MTV Video Music Awards
Video Killed the Radio Star