diff options
| author | Florian Dieminger <me@fiji-flo.de> | 2021-02-11 18:27:57 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-02-11 18:27:57 +0100 |
| commit | 38577fa9b17463b731d503d61bddd399dadea6ac (patch) | |
| tree | 73b60b0d72190a8da1c1baa063d690f935fb5120 /files/ru/web/html | |
| parent | 609ee7efcfe881caa08237948e1ed3252e60afa1 (diff) | |
| parent | 786d51e5e35f25c06fc64083574a435e240b2a54 (diff) | |
| download | translated-content-38577fa9b17463b731d503d61bddd399dadea6ac.tar.gz translated-content-38577fa9b17463b731d503d61bddd399dadea6ac.tar.bz2 translated-content-38577fa9b17463b731d503d61bddd399dadea6ac.zip | |
Merge pull request #42 from fiji-flo/unslugging-ru
Unslugging ru
Diffstat (limited to 'files/ru/web/html')
12 files changed, 14 insertions, 792 deletions
diff --git a/files/ru/web/html/cors_settings_attributes/index.html b/files/ru/web/html/attributes/crossorigin/index.html index 686989bb0c..b0b744eb5d 100644 --- a/files/ru/web/html/cors_settings_attributes/index.html +++ b/files/ru/web/html/attributes/crossorigin/index.html @@ -1,7 +1,8 @@ --- title: CORS settings attributes -slug: Web/HTML/CORS_settings_attributes +slug: Web/HTML/Attributes/crossorigin translation_of: Web/HTML/Attributes/crossorigin +original_slug: Web/HTML/CORS_settings_attributes --- <p><span class="seoSummary">В HTML5 некоторые теги поддерживают <a href="/en-US/docs/HTTP/Access_control_CORS">CORS</a>, например {{ HTMLElement("img") }} или {{ HTMLElement("video") }}, имеют атрибут <code>crossorigin</code> (<code>crossOrigin</code> свойство), которое позволяет настроить CORS запросы для данных получаемых элементом.</span> Эти атрибуты могут иметь следующие значения:</p> diff --git a/files/ru/web/html/element/кнопка/index.html b/files/ru/web/html/element/button/index.html index ec13035e29..813ab839f3 100644 --- a/files/ru/web/html/element/кнопка/index.html +++ b/files/ru/web/html/element/button/index.html @@ -1,6 +1,6 @@ --- title: <button> -slug: Web/HTML/Element/кнопка +slug: Web/HTML/Element/button tags: - Element - HTML @@ -8,6 +8,7 @@ tags: - Средний уровень - Формы translation_of: Web/HTML/Element/button +original_slug: Web/HTML/Element/кнопка --- <h2 id="Описание">Описание</h2> diff --git a/files/ru/web/html/element/element/index.html b/files/ru/web/html/element/element/index.html deleted file mode 100644 index 183d25eb92..0000000000 --- a/files/ru/web/html/element/element/index.html +++ /dev/null @@ -1,112 +0,0 @@ ---- -title: <element> -slug: Web/HTML/Element/element -translation_of: Web/HTML/Element/element ---- -<p>{{obsolete_header}}</p> - -<div class="note"> -<p><strong>Заметка:</strong> Этот элемент удален из спецификации. Смотри <a href="http://lists.w3.org/Archives/Public/public-webapps/2013JulSep/0287.html">здесь </a>больше дополнительной информации от редактора спецификации.</p> -</div> - -<h2 id="Summary" name="Summary">Краткая информация</h2> - -<p><strong>HTML <code><element></code> element</strong> <span id="result_box" lang="ru"><span>используется для определения новых пользовательских элементов DOM</span></span>.</p> - -<table class="properties"> - <tbody> - <tr> - <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Категория контента</a></th> - <td><a href="/en-US/docs/Web/HTML/Content_categories#Transparent_content">Прозрачный контент</a>.</td> - </tr> - <tr> - <th scope="row">Разрешенный контент</th> - <td>???</td> - </tr> - <tr> - <th scope="row">Недопустимые теги</th> - <td>{{no_tag_omission}}</td> - </tr> - <tr> - <th scope="row"><span class="short_text" id="result_box" lang="ru"><span>Разрешенные родительские элементы</span></span></th> - <td>???</td> - </tr> - <tr> - <th scope="row">DOM интерфейс</th> - <td>{{domxref("HTMLElement")}}</td> - </tr> - </tbody> -</table> - -<h2 id="Attributes" name="Attributes">Атрибуты</h2> - -<p>Этот элемент включает <a href="/en-US/docs/Web/HTML/Global_attributes">глобальные атрибуты</a>.</p> - -<h2 id="Examples" name="Examples">Примеры</h2> - -<p>Текст здесь.</p> - -<pre class="brush: html">Больше текста здесь. -</pre> - -<h2 id="Specifications" name="Specifications">Характеристики</h2> - -<p><code>Элемент <element></code> <span id="result_box" lang="ru"><span>ранее был в черновике спецификации</span></span> <a href="http://w3c.github.io/webcomponents/spec/custom/">Настраеваемых Элементов</a>, но был удален.</p> - -<h2 id="Browser_compatibility" name="Browser_compatibility">Совместимость с браузером</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Базовая поддержка</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Базовая поддержка</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="See_also" name="See_also">Смотрите также</h2> - -<ul> - <li>Web-компоненты: {{HTMLElement("content")}}, {{HTMLElement("shadow")}}, {{HTMLElement("template")}}</li> -</ul> - -<div>{{HTMLRef}}</div> diff --git a/files/ru/web/html/element/ссылка/index.html b/files/ru/web/html/element/link/index.html index ea3f78a615..dd70ccce31 100644 --- a/files/ru/web/html/element/ссылка/index.html +++ b/files/ru/web/html/element/link/index.html @@ -1,12 +1,13 @@ --- title: '<link>: Элемент - ссылка на внешний ресурс' -slug: Web/HTML/Element/ссылка +slug: Web/HTML/Element/link tags: - Ссылки - загрузка - метаданные - предзагрузка translation_of: Web/HTML/Element/link +original_slug: Web/HTML/Element/ссылка --- <div>{{HTMLRef}}</div> diff --git a/files/ru/web/html/element/video/seeking_event/index.html b/files/ru/web/html/element/video/seeking_event/index.html deleted file mode 100644 index 5802aecadb..0000000000 --- a/files/ru/web/html/element/video/seeking_event/index.html +++ /dev/null @@ -1,80 +0,0 @@ ---- -title: стримится -slug: Web/HTML/Element/video/seeking_event -translation_of: Web/API/HTMLMediaElement/seeking_event ---- -<p>Событие 'seeking' в случае, когда идет подгрузка видео</p> - -<h2 id="General_info">General info</h2> - -<dl> - <dt style="float: left; text-align: right; width: 120px;">Specification</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-seeking">HTML5 media</a></dd> - <dt style="float: left; text-align: right; width: 120px;">Interface</dt> - <dd style="margin: 0 0 0 120px;">Event</dd> - <dt style="float: left; text-align: right; width: 120px;">Bubbles</dt> - <dd style="margin: 0 0 0 120px;">No</dd> - <dt style="float: left; text-align: right; width: 120px;">Cancelable</dt> - <dd style="margin: 0 0 0 120px;">No</dd> - <dt style="float: left; text-align: right; width: 120px;">Target</dt> - <dd style="margin: 0 0 0 120px;">Element</dd> - <dt style="float: left; text-align: right; width: 120px;">Default Action</dt> - <dd style="margin: 0 0 0 120px;">None.</dd> -</dl> - -<h2 id="Properties">Properties</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Property</th> - <th scope="col">Type</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>target</code> {{readonlyInline}}</td> - <td>{{domxref("EventTarget")}}</td> - <td>The event target (the topmost target in the DOM tree).</td> - </tr> - <tr> - <td><code>type</code> {{readonlyInline}}</td> - <td>{{domxref("DOMString")}}</td> - <td>The type of event.</td> - </tr> - <tr> - <td><code>bubbles</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>Whether the event normally bubbles or not.</td> - </tr> - <tr> - <td><code>cancelable</code> {{readonlyInline}}</td> - <td>{{jsxref("Boolean")}}</td> - <td>Whether the event is cancellable or not.</td> - </tr> - </tbody> -</table> - -<h2 id="Related_Events">Related Events</h2> - -<ul> - <li>{{event("playing")}}</li> - <li>{{event("waiting")}}</li> - <li>{{event("seeking")}}</li> - <li>{{event("seeked")}}</li> - <li>{{event("ended")}}</li> - <li>{{event("loadedmetadata")}}</li> - <li>{{event("loadeddata")}}</li> - <li>{{event("canplay")}}</li> - <li>{{event("canplaythrough")}}</li> - <li>{{event("durationchange")}}</li> - <li>{{event("timeupdate")}}</li> - <li>{{event("play")}}</li> - <li>{{event("pause")}}</li> - <li>{{event("ratechange")}}</li> - <li>{{event("volumechange")}}</li> - <li>{{event("suspend")}}</li> - <li>{{event("emptied")}}</li> - <li>{{event("stalled")}}</li> -</ul> diff --git a/files/ru/web/html/global_attributes/dropzone/index.html b/files/ru/web/html/global_attributes/dropzone/index.html deleted file mode 100644 index 19c7d5d01b..0000000000 --- a/files/ru/web/html/global_attributes/dropzone/index.html +++ /dev/null @@ -1,43 +0,0 @@ ---- -title: dropzone -slug: Web/HTML/Global_attributes/dropzone -translation_of: Web/HTML/Global_attributes/dropzone ---- -<p>{{HTMLSidebar("Global_attributes")}}{{SeeCompatTable}}</p> - -<p><a href="/en-US/docs/Web/HTML/Global_attributes">Глобальный атрибут</a> <code>dropzone</code> является перечисляемым атрбутом, указывающем, какие типы содержимого могут быть опущены в элементе, используя {{domxref("HTML_Drag_and_Drop_API","HTML Drag and Drop API")}}. Может иметь следующие значения:</p> - -<ul> - <li><code>copy</code>, которая указывает что сброс создает копию перетаскиваемого элемента.</li> - <li><code>move</code>, которое указывает, что перетаскиваемы элемент будет перемещен в новое местоположение.</li> - <li><code>link</code>, которая создает ссылку на перетаскивамые данные.</li> -</ul> - -<h2 id="Спецификации">Спецификации</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Спецификация</th> - <th scope="col">Статус</th> - <th scope="col">Комментарий</th> - </tr> - <tr> - <td>{{SpecName('HTML5.1', "editing.html#the-dropzone-attribute", "dropzone")}}</td> - <td>{{Spec2('HTML5.1')}}</td> - <td>Снимок {{SpecName('HTML WHATWG')}}, начальное определение</td> - </tr> - </tbody> -</table> - -<h2 id="Поддержка_браузерами">Поддержка браузерами</h2> - -<div class="hidden">Таблица совместимости на этой странице генерируется из структурированных данных. Если вы хотите внести свой вклад в эти данные, просмотрите <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте нам запрос на извлечение.</div> - -<p>{{Compat("html.global_attributes.dropzone")}}</p> - -<h2 id="Смотрите_также">Смотрите также</h2> - -<ul> - <li>Все <a href="/en-US/docs/Web/HTML/Global_attributes">глобальные атрибуты</a>.</li> -</ul> diff --git a/files/ru/web/html/строчные_элементы/index.html b/files/ru/web/html/inline_elements/index.html index bc89aa392c..86db377c64 100644 --- a/files/ru/web/html/строчные_элементы/index.html +++ b/files/ru/web/html/inline_elements/index.html @@ -1,7 +1,8 @@ --- title: Строчные элементы -slug: Web/HTML/Строчные_Элементы +slug: Web/HTML/Inline_elements translation_of: Web/HTML/Inline_elements +original_slug: Web/HTML/Строчные_Элементы --- <h2 id="Summary" name="Summary">Определение</h2> diff --git a/files/ru/web/html/типы_ссылок/index.html b/files/ru/web/html/link_types/index.html index 23386346a7..79ed8d32a5 100644 --- a/files/ru/web/html/типы_ссылок/index.html +++ b/files/ru/web/html/link_types/index.html @@ -1,7 +1,8 @@ --- title: Типы ссылок -slug: Web/HTML/Типы_ссылок +slug: Web/HTML/Link_types translation_of: Web/HTML/Link_types +original_slug: Web/HTML/Типы_ссылок --- <p>{{HTMLSidebar}}</p> diff --git a/files/ru/web/html/optimizing_your_pages_for_speculative_parsing/index.html b/files/ru/web/html/optimizing_your_pages_for_speculative_parsing/index.html deleted file mode 100644 index 0b3418772f..0000000000 --- a/files/ru/web/html/optimizing_your_pages_for_speculative_parsing/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: Оптимизация Ваших страниц для рискованного парсинга -slug: Web/HTML/Optimizing_Your_Pages_for_Speculative_Parsing -tags: - - HTML - - HTML5 - - Веб-разработка - - Продвинутый -translation_of: Glossary/speculative_parsing ---- -<p>Традиционно, HTML-парсер в браузерах работает на главной ветке и блокируется после тега <code></script></code>, пока скрипт не загрузится и не выполнится. HTML-парсер в Firefox 4 и новее поддерживает рискованный парсинг вне главной ветки. Он продолжает парсить, пока скрипты загружаются и выполняются. В Firefox 3.5 и 3.6 парсер начинает рискованную загрузку скриптов, стилей и изображений, когда он находит их. Однако, в Firefox 4 и новее HTML-парсер также рискованно загружает алгоритм постройки дерева HTML. С одной стороны, когда риск оправдался, нет необходимости в репарсинге части, которая уже была просканирована на скрипты, стили и изображения. С другой стороны, когда риск не оправдался, HTML-парсеру достаётся больше работы.</p> - -<p>Эта статья поможет избежать некоторых проблем, которые замедляют загрузку страницы.</p> - -<h2 id="Делаем_рискованную_загрузку_успешной">Делаем рискованную загрузку успешной</h2> - -<p>Есть только одно правило, чтобы сделать рискованную загрузку скриптов, стилей и изображений успешной:</p> - -<ul> - <li>Если Вы используете элемент <code><base></code>, чтобы заменить основной URI страницы, поместите этот элемент в часть страницы без скриптов. Не добавляйте его с помощью <code>document.write()</code> или <code>document.createElement()</code>.</li> -</ul> - -<h2 id="Как_избежать_перестройки_дерева_страницы">Как избежать перестройки дерева страницы</h2> - -<p>Рискованное построение дерева терпит неудачу в случае, когда функция <code>document.write() </code>изменяет состояния построителя дерева так, что то рискованное состояние после тега <code></script> </code>более не остаётся прежним после того, как весь контент, добавленный через <code>document.write(),</code> будет распарсен. Только несколько необычных применений <code>document.write()</code> вызывают эту проблему. Вот, чего необходимо избегать:</p> - -<ul> - <li>Не пишите незаконченные древа. Вместо <code><script>document.write("<div>");</script></code> лучше написать <code><script>document.write("<div></div>");</script></code>.</li> - <li>Не пишите незаконченные теги. Не стоит писать <code><script>document.write("<div></div");</script></code>.</li> - <li>Не заканчивайте строку возратной кареткой (<code>\r</code>). Вместо <code><script>document.write("Hello World!\r");</script></code> лучше написать <code><script>document.write("Hello World!\n");</script></code>.</li> - <li>Заметьте, что написание законченных тегов может повлиять на другие теги так, что они станут незаконченными. В том числе, <code><script>document.write("<div></div>");</script></code> внутри <code><head></code> будет интерпретировано как <code><script>document.write("</head><body><div></div>");</script></code>, что повлияет на <code><head></code> так, что он станет незаконченным.</li> - <li>Не форматируйте часть таблицы. Вместо <code><table><script>document.write("<tr><td>Hello World!</td></tr>");</script></table></code> лучше написать <code><script>document.write("</code><code><table></code><code><tr><td>Hello World!</td></tr></code><code></table></code><code>");</script></code>.</li> -</ul> diff --git a/files/ru/web/html/ссылки/index.html b/files/ru/web/html/reference/index.html index 285cf4b590..cbaf1fc20f 100644 --- a/files/ru/web/html/ссылки/index.html +++ b/files/ru/web/html/reference/index.html @@ -1,6 +1,6 @@ --- title: Справка по HTML -slug: Web/HTML/Ссылки +slug: Web/HTML/Reference tags: - HTML - Landing @@ -9,6 +9,7 @@ tags: - Справка - лендинг translation_of: Web/HTML/Reference +original_slug: Web/HTML/Ссылки --- <div>{{HTMLSidebar}}</div> diff --git a/files/ru/web/html/использование_кэширования_приложений/index.html b/files/ru/web/html/using_the_application_cache/index.html index 1b07e6a29d..ca63200bbf 100644 --- a/files/ru/web/html/использование_кэширования_приложений/index.html +++ b/files/ru/web/html/using_the_application_cache/index.html @@ -1,7 +1,8 @@ --- title: Использование кэширования приложений -slug: Web/HTML/Использование_кэширования_приложений +slug: Web/HTML/Using_the_application_cache translation_of: Web/HTML/Using_the_application_cache +original_slug: Web/HTML/Использование_кэширования_приложений --- <h2 id="Введение">Введение</h2> <p><a href="/en-US/docs/HTML/HTML5" title="HTML/HTML5">HTML5</a> предоставляет механизм <em>кэширования приложения</em>, позволяющий веб-приложениям работать в автономном режиме. Разработчики теперь могут использовать интерфейс <strong>Кэша приложения</strong> (<em>AppCache</em>), сообщая браузеру, какие из ресурсов браузеру следует закэшировать и сделать доступными в режиме оффлайн. Закэшированные приложения загружаются и работают корректно, даже если пользователь обновляет страницу в тот момент, когда он отключён от сети.</p> diff --git a/files/ru/web/html/поддерживаемые_медиа_форматы/index.html b/files/ru/web/html/поддерживаемые_медиа_форматы/index.html deleted file mode 100644 index 9f86b15ff2..0000000000 --- a/files/ru/web/html/поддерживаемые_медиа_форматы/index.html +++ /dev/null @@ -1,517 +0,0 @@ ---- -title: Форматы медиа поддерживаемые HTML audio и video элементами -slug: Web/HTML/Поддерживаемые_медиа_форматы -translation_of: Web/Media/Formats -translation_of_original: Web/HTML/Supported_media_formats ---- -<p><span class="seoSummary">{{ HTMLElement("audio") }} и {{ HTMLElement("video") }} элементы предоставляют поддержку для проигрывания аудио и видео медиа без нужды в плагинах. </span>Формат медиафайла состоит из контейнера, содержащего один или несколько потоков данных, закодированных с использованием формата сжатия, называемого кодеком. Контейнер идентифицируется по расширению файла. Потоки внутри контейнера имеют несколько типов, которые могут включать в себя видео, аудио, данные или титры. Один контейнер (т. е. медиафайл) может содержать несколько потоков одного типа. В аудио- и видео- потоках находятся кодеки. Кодек — сокращенние слов "кодера-декодер" — является алгоритмом сжатия данных в файле. Каждый тип контейнера имеет только определенные кодеки, которые он поддерживает.</p> - -<p>Важно понять, почему в Интернете нужны разные медиаформаты. По разным причинам, выходящим за рамки данной статьи, различные браузеры поддерживают разные медиаформаты. Кроме того, область медиаформатов в Интернете сильно пострадала от патентного права во многих странах, включая США и страны ЕС. (Примечания к патентам в этой статье предоставляются как есть, так и без каких-либо гарантий.) В этой статье рассматриваются наиболее важные для Интернета форматы, включая поддержку в браузерах как мобильных, так и десктопных .</p> - -<p> </p> - -<h3 id="Отображение_медиа">Отображение медиа</h3> - -<p> </p> - -<p>Ниже краткий обзор того, как медиа-элементы отображаются в HTML. Более подробную информацию смотрите в статьях для каждого элемента.</p> - -<p>HTML5 поддерживает несколько элементов мультимедиа. Элементы {{HTMLElement ("video")}} и {{HTMLElement ("audio")}} могут использоваться отдельно или в сочетании с элементом {{HTMLElement ("source")}}. Наш краткий пример отображает это. Хотя элементы <code><video></code> и <code><audio></code> содержат атрибуты src, этот пример использует элемент <code><source></code> для предоставления видеофайлов в нескольких форматах, позволяя каждому браузеру выбирать элемент, который он поддерживает.</p> - -<pre class="brush: html"><video controls> - <source src="somevideo.webm" type="video/webm"> - <source src="somevideo.mp4" type="video/mp4"> - Сожалею; ваш браузер не поддерживает HTML5 видео в WebM с VP8 или MP4 с H.264. - <!-- Ты можешь встроить флеш плеер сюда, для воспроизведения твоего mp4 видео в старых браузерах --> -</video> -</pre> - -<h2 id="WebM">WebM</h2> - -<p>Формат <a class="external" href="http://www.webmproject.org/" title="http://www.webmproject.org/">WebM</a> основан на ограниченной версии формата контейнера <a class="external" href="http://corecodec.com/products/matroska" title="http://corecodec.com/products/matroska">Matroska</a>. Формат всегда использует видео кодек VP8 или VP9 и аудио кодек Vorbis или Opus. WebM нативно поддерживается в десктопной и мобильной версиях Gecko (Firefox), Chrome и Opera. Поддержка формата может быть добавлена в Internet Explorer и Safari (но не на iOS) установкой плагина. Нативная поддержка VP9 WebM в Edge сейчас в стадии разработки.</p> - -<p>Формат WebM, а точнее видеокодек VP8, подвергся претензиям в нарушениях патентов от ряда компаний, отвечающих на требования, MPEG LA о фомировании списка патентов, но при этом <a href="http://www.businesswire.com/news/home/20130307006192/en/Google-MPEG-LA-Announce-Agreement-Covering-VP8">MPEG LA дала согласие на лицензирование этих патентов для Google</a> под лицензией "<a href="http://xiphmont.livejournal.com/59893.html?thread=310261#t310261">perpetual, transferable, royalty free license"</a>. Это фактически означает, что все известные патенты, относящиеся к формату WebM лицензированы для свободного использования всеми.</p> - -<p>Движок Gecko распознаёт следующие типы MIME как файлы WebM:</p> - -<dl> - <dt><code>video/webm</code></dt> - <dd>файл WebM, содержащий видео (а возможно, также и аудио).</dd> - <dt><code>audio/webm</code></dt> - <dd>Файл WebM, содержащий только аудиоданные.</dd> -</dl> - -<h2 id="Ogg_Theora_Vorbis">Ogg Theora Vorbis</h2> - -<p>The Ogg container format with the Theora video codec and the Vorbis audio codec is supported in desktop/mobile Gecko (Firefox), Chrome, and Opera, and support for the format can be added to Safari (but not on iOS) by installing an add-on. The format is not supported in Internet Explorer in any way.</p> - -<p>WebM is generally preferred over Ogg Theora Vorbis when available, because it provides a better compression to quality ratio and is supported in more browsers. The Ogg format can however be used to support older browser versions (for example Firefox 3.5/3.6 don't support WebM, but do support Ogg.)</p> - -<p>The patent situation of Theora is similar to that of WebM.</p> - -<p>You can learn more about creating Ogg media by reading the <a class="external" href="http://en.flossmanuals.net/ogg-theora/" title="http://en.flossmanuals.net/ogg-theora/">Theora Cookbook</a>.</p> - -<p>Gecko recognizes the following MIME types as Ogg files:</p> - -<dl> - <dt><code>audio/ogg</code></dt> - <dd>An Ogg file containing only audio.</dd> - <dt><code>video/ogg</code></dt> - <dd>An ogg file containing video (and possibly also audio).</dd> - <dt><code>application/ogg</code></dt> - <dd>An Ogg file with unspecified content. Using one of the other two MIME types is preferred, but you can use this if you don't know what the contents of the file are.</dd> -</dl> - -<h2 id="Ogg_Opus">Ogg Opus</h2> - -<p>The Ogg container can also contain audio encoded using the <a class="external" href="http://www.opus-codec.org/" title="http://www.opus-codec.org/">Opus codec</a>. Support for this is available in Gecko 15.0 {{ geckoRelease("15.0") }} and later, on desktop and mobile browsers.</p> - -<h2 id="MP4_H.264_(AAC_or_MP3)">MP4 H.264 (AAC or MP3)</h2> - -<p>The MP4 container format with the H.264 video codec and the AAC audio codec is natively supported by desktop/mobile Internet Explorer, Safari and Chrome, but Chromium and Opera do not support the format. IE and Chrome also support the MP3 audio codec in the MP4 container, but Safari does not. Firefox/Firefox for Android/Firefox OS supports the format in some cases, but only when a third-party decoder is available, and the device hardware can handle the profile used to encode the MP4.</p> - -<div class="note"> -<p><strong>Note</strong>: MP4s encoded with a high profile will not run on lower end hardware, such as low end Firefox OS phones.</p> -</div> - -<p>The MPEG media formats are covered by patents, which are not freely licensed. All the necessary licenses can be bought from MPEG LA. Since H.264 is currently not a royalty free format, it is unfit for the open web platform, according to Mozilla [<a class="external" href="http://shaver.off.net/diary/2010/01/23/html5-video-and-codecs/" title="http://shaver.off.net/diary/2010/01/23/html5-video-and-codecs/">1</a>, <a class="external" href="http://robert.ocallahan.org/2010/01/video-freedom-and-mozilla_23.html" title="http://robert.ocallahan.org/2010/01/video-freedom-and-mozilla_23.html">2</a>], Google [<a class="external" href="http://blog.chromium.org/2011/01/html-video-codec-support-in-chrome.html" title="http://blog.chromium.org/2011/01/html-video-codec-support-in-chrome.html">1</a>, <a class="external" href="http://blog.chromium.org/2011/01/more-about-chrome-html-video-codec.html" title="http://blog.chromium.org/2011/01/more-about-chrome-html-video-codec.html">2</a>] and Opera. However, since royalty free formats are not supported by Internet Explorer and Safari, <a href="https://hacks.mozilla.org/2012/03/video-mobile-and-the-open-web/" title="https://hacks.mozilla.org/2012/03/video-mobile-and-the-open-web/">Mozilla has decided to support the format anyway</a>, and Google never fulfilled their promise to <span class="external">remove support for it in Chrome</span>.</p> - -<h2 id="MP3">MP3</h2> - -<p>MP3 аудио формат (.mp3, <code>audio/mpeg</code>; в отличии от выше MP3 аудио в случае MP4 контейнера) поддерживается в <code><audio></code> Firefox/Firefox для Android/Firefox OS когда операционая система обеспечивает MP3 декодер, и Internet Explorer, Chrome и Safari.</p> - -<h2 id="WAVE_PCM">WAVE PCM</h2> - -<p>The WAVE container format, with the PCM audio codec (WAVE codec "1") is supported by desktop/mobile Gecko (Firefox) and Safari. Files in the WAVE container format typically end with the ".wav" extension.</p> - -<div class="note"><strong>Note: </strong>See <a class="external" href="http://www.rfc-editor.org/rfc/rfc2361.txt" title="http://www.rfc-editor.org/rfc/rfc2361.txt">RFC 2361</a> for the WAVE codec registry.</div> - -<p>Gecko recognizes the following MIME types as WAVE audio files:</p> - -<ul> - <li><code>audio/wave</code> (preferred; does not work in Chrome)</li> - <li><code>audio/wav</code></li> - <li><code>audio/x-wav</code></li> - <li><code>audio/x-pn-wav</code></li> -</ul> - -<h2 id="Media_Source_Extensions_(MSE)">Media Source Extensions (MSE)</h2> - -<p><a href="https://dvcs.w3.org/hg/html-media/raw-file/tip/media-source/media-source.html">Media Source Extensions</a> is a W3C working draft that plans to extend {{ domxref("HTMLMediaElement") }} to allow JavaScript to generate media streams for playback. Allowing JavaScript to generate streams facilitates a variety of use cases like adaptive streaming and time shifting live streams. This currently has experimental support in Firefox desktop, and other browsers too.<br> - <br> - For example, <a href="http://msopentech.com/blog/2014/01/03/streaming_video_player/">you could implement MPEG-DASH using JavaScript while offloading the decoding to MSE</a>.</p> - -<div class="note"> -<p><strong>Note</strong>: Time Shifting is the process of consuming a live stream some time after it happened.</p> -</div> - -<h2 id="Browser_compatibility">Browser compatibility</h2> - -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>3.0</td> - <td>{{ CompatGeckoDesktop("1.9.1") }}</td> - <td>9.0</td> - <td>10.50</td> - <td>3.1</td> - </tr> - <tr> - <td><code><audio></code>: PCM in WAVE</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatGeckoDesktop("1.9.1") }}</td> - <td>{{ CompatNo() }}</td> - <td>10.50</td> - <td>3.1</td> - </tr> - <tr> - <td><code><audio></code>: Vorbis in WebM</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatGeckoDesktop("2.0") }}</td> - <td>{{ CompatNo() }}</td> - <td>10.60</td> - <td>3.1 (must be installed separately)</td> - </tr> - <tr> - <td><code><audio></code>: Streaming Vorbis in WebM via <a href="https://w3c.github.io/media-source/">Media Source Extensions (MSE)</a></td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatGeckoDesktop("36.0") }} in Nightly/Dev edition only</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td><code><audio></code>: Vorbis in Ogg</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatGeckoDesktop("1.9.1") }}</td> - <td>{{ CompatNo() }}</td> - <td>10.50</td> - <td>3.1 (must be installed separately, e.g. <a class="external" href="http://www.xiph.org/quicktime/" title="http://www.xiph.org/quicktime/">XiphQT</a>)</td> - </tr> - <tr> - <td><audio>: MP3</td> - <td>{{ CompatVersionUnknown() }} (Not in Chromium)</td> - <td>Partial (see below)</td> - <td>9.0</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>3.1</td> - </tr> - <tr> - <td><code><audio></code>: MP3 in MP4</td> - <td> - <p>{{ CompatUnknown() }}</p> - </td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td><code><audio></code>: AAC in MP4</td> - <td> - <p>{{ CompatVersionUnknown() }} (Main only) (Not in Chromium)</p> - </td> - <td> - <p>Partial (see below)</p> - </td> - <td>9.0</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>3.1</td> - </tr> - <tr> - <td><code><audio></code>: Opus in Ogg</td> - <td>27.0</td> - <td>{{ CompatGeckoDesktop("15.0") }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td><code><video></code>: VP8 and Vorbis in WebM</td> - <td>6.0</td> - <td>{{ CompatGeckoDesktop("2.0") }}</td> - <td>9.0 (<a class="external" href="http://blogs.msdn.com/b/ie/archive/2011/03/16/html5-video-update-webm-for-ie9.aspx" title="http://blogs.msdn.com/b/ie/archive/2011/03/16/html5-video-update-webm-for-ie9.aspx">must be installed separately</a>, e.g. <a class="external" href="http://tools.google.com/dlpage/webmmf/" title="http://tools.google.com/dlpage/webmmf/">WebM MF</a>)</td> - <td>10.60</td> - <td>3.1 (must be installed separately, e.g. <a class="external" href="http://perian.org/" title="http://perian.org/">Perian</a>)</td> - </tr> - <tr> - <td><code><video></code>: VP9 and Opus in WebM</td> - <td>29.0</td> - <td>{{ CompatGeckoDesktop("28.0") }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td><code><video></code>: Streaming VP9 and Opus/VP8 and Opus in WebM via <a href="https://w3c.github.io/media-source/">Media Source Extensions (MSE)</a></td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatGeckoDesktop("36.0") }} in Nightly/Dev edition only</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td><code><video></code>: Theora and Vorbis in Ogg</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatGeckoDesktop("1.9.1") }}</td> - <td>{{ CompatNo() }}</td> - <td>10.50</td> - <td>3.1 (must be installed separately, e.g. <a class="external" href="http://www.xiph.org/quicktime/" title="http://www.xiph.org/quicktime/">XiphQT</a>)</td> - </tr> - <tr> - <td><code><video></code>: H.264 and MP3 in MP4</td> - <td> - <p>{{ CompatVersionUnknown() }} (Not in Chromium)</p> - </td> - <td>Partial (see below)</td> - <td>9.0</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td><code><video></code>: H.264 and AAC in MP4</td> - <td> - <p>{{ CompatVersionUnknown() }} (Not in Chromium)</p> - </td> - <td>Partial (see below)</td> - <td>9.0</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>3.1</td> - </tr> - <tr> - <td>any other format</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>3.1 (plays all formats available via QuickTime)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>Firefox OS (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Opera Mini</th> - <th>Safari Mobile</th> - <th>Chrome for Android</th> - </tr> - <tr> - <td>Basic support</td> - <td>2.3</td> - <td>24.0</td> - <td>1.0.1</td> - <td>10.0</td> - <td>11.0</td> - <td>Partial (see below)</td> - <td>3.2</td> - <td>29.0</td> - </tr> - <tr> - <td><code><audio></code>: PCM in WAVE</td> - <td>{{ CompatUnknown() }}</td> - <td>24.0</td> - <td>1.0.1</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>Partial (see below)</td> - <td>3.2</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td><code><audio></code>: Vorbis in WebM</td> - <td>{{ CompatUnknown() }}</td> - <td>24.0</td> - <td>1.0.1</td> - <td>{{ CompatNo() }}</td> - <td>11.0</td> - <td>Partial (see below)</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td><code><audio></code>: Streaming Vorbis in WebM via <a href="https://w3c.github.io/media-source/">Media Source Extensions (MSE)</a></td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td><code><audio></code>: Vorbis in Ogg</td> - <td>{{ CompatUnknown() }}</td> - <td>24.0</td> - <td>1.0.1</td> - <td>{{ CompatNo() }}</td> - <td>11.0</td> - <td>Partial (see below)</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td><code><audio></code>: MP3</td> - <td>{{ CompatUnknown() }}</td> - <td>Partial (see below)</td> - <td>Partial (see below)</td> - <td>10.0</td> - <td>{{ CompatUnknown() }}</td> - <td>Partial (see below)</td> - <td>3.2</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td><code><audio></code>: MP3 in MP4</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td><code><audio></code>: AAC in MP4</td> - <td>{{ CompatUnknown() }}</td> - <td>Partial (see below)</td> - <td>Partial (see below)</td> - <td>10.0</td> - <td>{{ CompatUnknown() }}</td> - <td>Partial (see below)</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td><code><audio></code>: Opus in Ogg</td> - <td>{{ CompatNo() }}</td> - <td>24.0</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>Partial (see below)</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - </tr> - <tr> - <td><code><video></code>: VP8 and Vorbis in WebM</td> - <td>2.3</td> - <td>24.0</td> - <td>1.0.1</td> - <td>{{ CompatNo() }}</td> - <td>16.0</td> - <td>Partial (see below)</td> - <td>{{ CompatNo() }}</td> - <td>29.0</td> - </tr> - <tr> - <td><code><video></code>: VP9 and Opus in WebM</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td><code><video></code>: Streaming VP9 and Opus/VP8 and Opus in WebM via <a href="https://w3c.github.io/media-source/">Media Source Extensions (MSE)</a></td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td><code><video></code>: Theora and Vorbis in Ogg</td> - <td>{{ CompatNo() }}</td> - <td>24.0</td> - <td>1.0.1</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>Partial (see below)</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - </tr> - <tr> - <td><code><video></code>: H.264 and MP3 in MP4</td> - <td>Partial (see below)</td> - <td>24.0</td> - <td>Partial (see below)</td> - <td>10.0</td> - <td>Partial since 11.0, full since 16.0</td> - <td>Partial (see below)</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>29.0</td> - </tr> - <tr> - <td><code><video></code>: H.264 and AAC in MP4</td> - <td>Partial (see below)</td> - <td>24.0</td> - <td>Partial (see below)</td> - <td>10.0</td> - <td>Partial since 11.0, full since 16.0</td> - <td>Partial (see below)</td> - <td>3.2</td> - <td>29.0</td> - </tr> - <tr> - <td>any other format</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<p>Notes:</p> - -<ul> - <li>AAC is only supported in the MP4 container.</li> - <li>Opera Mini itself doesn't support any video or audio, but any video or audio is passed to the device to play if it has support for that format. Opera Mobile also does this with unsupported formats.</li> - <li>To get the default Android browser to play H.264 video, you need to jump through some hoops, as <a href="http://www.broken-links.com/2010/07/08/making-html5-video-work-on-android-phones/">explained by Peter Gasston</a>.</li> - <li>In Firefox OS 1.0.1, when detecting <code><video></code> support for different formats, <code>HTMLMediaElement.prototype.canPlayType</code> incorrectly reports <code>true</code> for h.264 video whereas in actual fact h.264 is not supported. In Firefox OS 1.1 this problem has been fixed.</li> - <li>To avoid patent issues, support for MPEG 4, H.264, MP3 and AAC is not built directly into Firefox on desktop and mobile (Android and Firefox OS). Instead it relies on support from the OS or hardware (the hardware also needs to be able to support the profile used to encode the video, in the case of MP4). Firefox desktop supports these formats on the following platforms:</li> -</ul> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Platform</th> - <th scope="col">Firefox version</th> - </tr> - </thead> - <tbody> - <tr> - <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=825153" title="https://bugzilla.mozilla.org/show_bug.cgi?id=825153">Windows Vista</a>+</td> - <td>22.0+</td> - </tr> - <tr> - <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=748351" title="https://bugzilla.mozilla.org/show_bug.cgi?id=748351">Android</a></td> - <td>20.0+</td> - </tr> - <tr> - <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=714408" title="https://bugzilla.mozilla.org/show_bug.cgi?id=714408">Firefox OS</a></td> - <td>15.0+</td> - </tr> - <tr> - <td>Linux</td> - <td> - <p>26.0+ (relies on GStreamer codecs)</p> - </td> - </tr> - <tr> - <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=851290">OS X 10.7+</a></td> - <td>35.0+</td> - </tr> - </tbody> -</table> - -<ul> - <li><a class="external" href="http://dev.opera.com/articles/view/introduction-html5-video/#codecs" title="http://dev.opera.com/articles/view/introduction-html5-video/#codecs">Video codecs in Opera</a></li> - <li><a class="external" href="http://msdn.microsoft.com/en-us/library/ff975073%28v=VS.85%29.aspx" title="http://msdn.microsoft.com/en-us/library/ff975073%28v=VS.85%29.aspx">Video codecs in Internet Explorer</a></li> - <li><a class="external" href="http://msdn.microsoft.com/en-us/library/ff975061%28v=vs.85%29.aspx" title="http://msdn.microsoft.com/en-us/library/ff975061%28v=vs.85%29.aspx">Audio codecs in Internet Explorer</a></li> - <li><a href="http://www.chromium.org/audio-video" title="http://www.chromium.org/audio-video">Audio & Video codecs in Chrome</a></li> -</ul> - -<h2 id="See_also">See also</h2> - -<ul> - <li><a class="internal" href="/en/Using_HTML5_audio_and_video" title="En/Using audio and video in Firefox">Using audio and video in Firefox</a></li> - <li><a href="http://bluishcoder.co.nz/2013/08/21/html-media-support-in-firefox.html">HTML media support in Firefox</a></li> - <li><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#media-elements" title="http://www.whatwg.org/specs/web-apps/current-work/#media-elements">Media elements</a> (HTML 5 specification)</li> - <li><code><a class="internal" href="/en/HTML/Element/Video" title="En/HTML/Element/Video">video</a></code></li> - <li><a class="internal" href="/en/HTML/Element/Audio" title="En/HTML/Element/Audio"><code>audio</code></a></li> -</ul> |