diff options
| author | Florian Merz <me@fiji-flo.de> | 2021-02-11 12:56:40 +0100 |
|---|---|---|
| committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 12:56:40 +0100 |
| commit | 310fd066e91f454b990372ffa30e803cc8120975 (patch) | |
| tree | d5d900deb656a5da18e0b60d00f0db73f3a2e88e /files/zh-cn/web/html | |
| parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
| download | translated-content-310fd066e91f454b990372ffa30e803cc8120975.tar.gz translated-content-310fd066e91f454b990372ffa30e803cc8120975.tar.bz2 translated-content-310fd066e91f454b990372ffa30e803cc8120975.zip | |
unslug zh-cn: move
Diffstat (limited to 'files/zh-cn/web/html')
13 files changed, 0 insertions, 1116 deletions
diff --git a/files/zh-cn/web/html/attributes/自动完成属性/index.html b/files/zh-cn/web/html/attributes/autocomplete/index.html index af7452c6f7..af7452c6f7 100644 --- a/files/zh-cn/web/html/attributes/自动完成属性/index.html +++ b/files/zh-cn/web/html/attributes/autocomplete/index.html diff --git a/files/zh-cn/web/html/cors_settings_attributes/index.html b/files/zh-cn/web/html/attributes/crossorigin/index.html index 9beb44e652..9beb44e652 100644 --- a/files/zh-cn/web/html/cors_settings_attributes/index.html +++ b/files/zh-cn/web/html/attributes/crossorigin/index.html diff --git a/files/zh-cn/web/html/dash_adaptive_streaming_for_html_5_video/index.html b/files/zh-cn/web/html/dash_adaptive_streaming_for_html_5_video/index.html deleted file mode 100644 index aed7160371..0000000000 --- a/files/zh-cn/web/html/dash_adaptive_streaming_for_html_5_video/index.html +++ /dev/null @@ -1,100 +0,0 @@ ---- -title: 为 HTML 5 视频提供的 DASH 自适应串流 -slug: Web/HTML/DASH_Adaptive_Streaming_for_HTML_5_Video -tags: - - DASH - - HTML - - HTML5 - - 指南 - - 视频流 -translation_of: Web/Media/DASH_Adaptive_Streaming_for_HTML_5_Video ---- -<p><span class="seoSummary">经由 HTTP 的动态自适应串流（DASH）是一种自适应串流协议。</span> 这意味着它使得视频串流能基于网络性能来调整比特率，以保证视频流畅播放。</p> - -<h2 id="浏览器支持">浏览器支持</h2> - -<p>Firefox 21 包含了针对 HTM5 WebM 视频的 DASH 实现，但默认没有启用。可以通过在“about:config”里调整“<code>media.dash.enabled</code>”首选项来开启。</p> - -<p>Firefox 23 移除了针对 HTML5 WebM 视频的 DASH 实现。此功能将被 <a href="http://www.w3.org/TR/media-source/">媒体源扩展 API（MSE） </a>的实现取代。MSE 可实现通过 JavaScript 库（例如 dash.js）来提供对 DASH 的支持。详情参见 Bug <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=778617">778617</a>。</p> - -<h2 id="使用_DASH_-_服务端">使用 DASH - 服务端</h2> - -<p>首先，您需要将WebM视频转换为带有不同比特率的随附视频文件的DASH清单。根据您的需求，启动从 <a href="http://www.ffmpeg.org">ffmpeg.org</a> 的 ffmpeg 程序，就可以使用 libvpx 和 libbvorbis 支持的 WebM 视频和音频（版本2.5以上，3.2.5版本已通过测试）。</p> - -<h3 id="1._使用现有的WebM文件创建一个音频文件和多个视频文件。">1. 使用现有的WebM文件创建一个音频文件和多个视频文件。</h3> - -<p>例如：</p> - -<p>文件<em><strong>in.video</strong></em>可以是任何包含至少一个音频和一个视频流的容器，这些容器可以由ffmpeg解码，</p> - -<p>创建音频：</p> - -<pre><code>ffmpeg -i in.video -vn -acodec libvorbis -ab 128k my_audio.webm</code> - -</pre> - -<p>创建不同的视频</p> - -<pre><code>ffmpeg -i in.video -c:v </code>libvpx-vp9 -keyint_min 150 -g 150 -tile-columns 4 -frame-parallel 1 -f webm -dash 1 \ --an -vf scale=160:190 -b:v 250k video_160x90_250k.webm - -ffmpeg -i in.video -c:v libvpx-vp9 -keyint_min 150 -g 150 -tile-columns 4 -frame-parallel 1 -f webm -dash 1 \ --an -vf scale=320:180 -b:v 500k video_320x180_500k.webm - -<code>ffmpeg -i in.video -c:v </code>libvpx-vp9 -keyint_min 150 -g 150 -tile-columns 4 -frame-parallel 1 -f webm -dash 1 \ --an -vf scale=640:360 -b:v 750k video_640x360_750k.webm - -<code>ffmpeg -i in.video -c:v </code>libvpx-vp9 -keyint_min 150 -g 150 -tile-columns 4 -frame-parallel 1 -f webm -dash 1 \ --an -vf scale=640:360 -b:v 1000k video_640x360_1000k.webm - -<code>ffmpeg -i in.video -c:v </code>libvpx-vp9 -keyint_min 150 -g 150 -tile-columns 4 -frame-parallel 1 -f webm -dash 1 \ --an -vf scale=1280:720 -b:v 1500k video_1280x720_1500k.webm -</pre> - -<p>或使用命令创建以上视频：</p> - -<pre>ffmpeg -i in.video -c:v libvpx-vp9 -keyint_min 150 \ --g 150 -tile-columns 4 -frame-parallel 1 -f webm -dash 1 \ --an -vf scale=160:190 -b:v 250k video_160x90_250k.webm \ --an -vf scale=320:180 -b:v 500k video_320x180_500k.webm \ --an -vf scale=640:360 -b:v 750k video_640x360_750k.webm \ --an -vf scale=640:360 -b:v 1000k video_640x360_1000k.webm \ --an -vf scale=1280:720 -b:v 1500k video_1280x720_1500k.webm</pre> - -<h3 id="2._创建清单文件">2. 创建清单文件</h3> - -<pre><code>ffmpeg \ - </code>-f webm_dash_manifest -i video_160x90_250k.webm<code> \ - </code>-f webm_dash_manifest -i video_320x180_500k.webm<code> \ - </code>-f webm_dash_manifest -i video_640x360_750k.webm<code> \ - -f webm_dash_manifest -i video_1280x720_1500k.webm \ - </code>-f webm_dash_manifest -i <code>my_audio.webm \ - </code>-c copy \ - -map 0 -map 1 -map 2 -map 3<code> -map 4 \ - </code>-f webm_dash_manifest \ - -adaptation_sets "id=0,streams=0,1,2,3 id=1,streams=4" \ -<code> my_video_manifest.mpd</code></pre> - -<p><code>-map</code> 参数对应输入文件的顺序（每个文件只对应一个参数）。<code>-adaptation_sets</code> 参数将它们分配给适配集；例如，以上命令创建一个包含 0,1,2,3 的视频集（0），而另一个（1）仅仅包含视频流 4 和音频流。</p> - -<p>将清单和相关的视频文件放在Web服务器或CDN上。 DASH通过HTTP来完成，因此只要您的HTTP服务器支持字节范围请求，并且DASH设置为使用 mimetype="application/dash+xml" 来支持 .mpd 文件即可。</p> - -<h2 id="使用DASH-客户端">使用DASH-客户端</h2> - -<p>您将需要修改网页，使其首先指向DASH清单，而不是直接指向特定的视频文件：</p> - -<pre class="brush: html"><video> - <source src="movie.<span class="ZmSearchResult" id="DWT648"><span class="ZmSearchResult" id="DWT650">mpd</span></span>"> - <source src="movie.webm"> - Your browser does not support the video tag. -</video></pre> - -<p>如果浏览器支持DASH，则您的视频现在将自适应地流式传输。</p> - -<h2 id="Links">Links</h2> - -<p><a href="http://wiki.webmproject.org/adaptive-streaming/webm-dash-specification" title="http://wiki.webmproject.org/adaptive-streaming/webm-dash-specification">WebM DASH Specification at The WebM Project</a></p> - -<p><a href="http://dashif.org/" title="http://dashif.org/">DASH Industry Forum</a></p> - -<p><a href="http://wiki.webmproject.org/adaptive-streaming/instructions-to-playback-adaptive-webm-using-dash">WebM project description of how to create DASH files with FFMPEG</a></p> diff --git a/files/zh-cn/web/html/element/command/index.html b/files/zh-cn/web/html/element/command/index.html deleted file mode 100644 index 9d6a7c58fd..0000000000 --- a/files/zh-cn/web/html/element/command/index.html +++ /dev/null @@ -1,139 +0,0 @@ ---- -title: command -slug: Web/HTML/Element/command -translation_of: Web/HTML/Element/command ---- -<div class="warning"> -<p><strong>已废弃</strong></p> - -<p>此功能已过时。 虽然它可能仍然在某些浏览器中工作，但不鼓励使用它，因为它可能随时被删除。 尽量避免使用它。</p> -</div> - -<div class="note"> -<p><strong>注意：</strong><code>command</code>元素已经被{{Gecko("24.0")}}引擎移除以利于{{HTMLElement("menuitem")}}元素。Firefox从未支持<code>command</code>元素，并且在<a href="https://developer.mozilla.org/en-US/docs/Site_Compatibility_for_Firefox_24">Firefox 24</a>中删除了对{{domxref("HTMLCommandElement")}}DOM接口的实现。</p> -</div> - -<h2 class="editable" id="概述"><span>概述</span></h2> - -<p><code>command元素</code>用来表示一个用户可以调用的命令.</p> - -<h2 id="使用规范">使用规范</h2> - -<table class="standard-table"> - <tbody> - <tr> - <td>内容类别</td> - <td><a href="/zh-cn/HTML/Content_categories#Flow_content" title="zh-cn/HTML/Content categories#Flow content">Flow content</a>, <a href="/zh-cn/HTML/Content_categories#Phrasing_content" title="zh-cn/HTML/Content categories#Phrasing content">phrasing content</a></td> - </tr> - <tr> - <td>是否允许有内容</td> - <td>否, 它是一个空元素</td> - </tr> - <tr> - <td>标签遗漏</td> - <td>必须有开始标签, 不可以有结束标签.</td> - </tr> - <tr> - <td>允许的父元素</td> - <td>任何可以包含 <a href="/zh-cn/HTML/Content_categories#Phrasing_content" title="https://developer.mozilla.org/zh-cn/HTML/Content_categories#Phrasing_content">phrasing content</a>的元素.</td> - </tr> - <tr> - <td>规范文档</td> - <td><a class="external" href="http://dev.w3.org/html5/spec/Overview.html#the-command" title="http://dev.w3.org/html5/spec/Overview.html#the-command">HTML5, section 4.11.3</a></td> - </tr> - </tbody> -</table> - -<h2 id="属性">属性</h2> - -<p>和其他的HTML元素一样, 该元素支持<a href="/zh-cn/HTML/Global_attributes" title="zh-cn/HTML/Global attributes">全局属性</a>.</p> - -<dl> - <dt>{{ htmlattrdef("checked") }}</dt> - <dd>表明该元素已被选择, 除非元素的<code>type</code> 属性是 <code>checkbox 或</code>者 <code>radio</code>,否则该属性必须被省略.</dd> - <dt>{{ htmlattrdef("disabled") }}</dt> - <dd>表明该command元素已经被禁用.</dd> - <dt>{{ htmlattrdef("icon") }}</dt> - <dd>用一张图片来显示该command元素.</dd> - <dt>{{ htmlattrdef("label") }}</dt> - <dd>该command元素的名称.用来显示给用户.</dd> - <dt>{{ htmlattrdef("radiogroup") }}</dt> - <dd>如果该元素的<code>type</code>属性为<code>radio</code>,则radiogroup属性用来表示这一组command元素的公用名称. 如果<code>type</code>属性不是<code>radio</code>,则radiogroup属性必须省略.</dd> - <dt>{{ htmlattrdef("type") }}</dt> - <dd>该属性用来表明command元素的类型,可以是下面三种值: - <ul> - <li> - <p><code>command</code> 或者为空,表示一个普通的command元素.</p> - </li> - <li> - <p><code>checkbox</code>表明该command元素体现为一个复选框,可以来回切换选中状态.</p> - </li> - <li> - <p><code>radio</code> 表明该command元素体现为一个单选按钮,可以来回切换选中状态.</p> - </li> - </ul> - </dd> -</dl> - -<h2 id="DOM_接口">DOM 接口</h2> - -<p>该元素实现了<code><a href="/zh-cn/DOM/HTMLCommandElement" rel="internal">HTMLCommandElement</a></code>接口.</p> - -<h2 id="例子">例子</h2> - -<pre class="brush: html"><command type="command" label="Save" icon="icons/save.png" onclick="save()"> -</pre> - -<h2 id="浏览器兼容性">浏览器兼容性</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>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</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 Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - </tr> - </tbody> -</table> -</div> - -<p> </p> - -<p>{{ languages( { "en": "en/HTML/Element/command" } ) }}</p> diff --git a/files/zh-cn/web/html/element/element/index.html b/files/zh-cn/web/html/element/element/index.html deleted file mode 100644 index 4db9cb2471..0000000000 --- a/files/zh-cn/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>Note:</strong> This element has been removed from the specification. See <a href="http://lists.w3.org/Archives/Public/public-webapps/2013JulSep/0287.html">this</a> for more information from the editor of the specification.</p> -</div> - -<h2 id="Summary" name="Summary">简介</h2> - -<p><element>元素被定义在最新的 HTML DOM 元素中。</p> - -<table class="properties"> - <tbody> - <tr> - <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Content categories</a></th> - <td><a href="/en-US/docs/Web/HTML/Content_categories#Transparent_content">Transparent content</a>.</td> - </tr> - <tr> - <th scope="row">Permitted content</th> - <td>???</td> - </tr> - <tr> - <th scope="row">Tag omission</th> - <td>{{no_tag_omission}}</td> - </tr> - <tr> - <th scope="row">Permitted parent elements</th> - <td>???</td> - </tr> - <tr> - <th scope="row">DOM interface</th> - <td>{{domxref("HTMLElement")}}</td> - </tr> - </tbody> -</table> - -<h2 id="Attributes" name="Attributes">属性</h2> - -<p>这个元素只有<a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes" title="HTML/Global attributes">全局属性</a>。</p> - -<h2 id="Examples" name="Examples">示例</h2> - -<p>Text goes here.</p> - -<pre class="brush: html">More text goes here. -</pre> - -<h2 id="Specifications" name="Specifications">规范</h2> - -<p><element>元素以前位于<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>Basic support</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>Basic support</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 components: {{HTMLElement("content")}}, {{HTMLElement("shadow")}}, {{HTMLElement("template")}}</li> -</ul> - -<div>{{HTMLRef}}</div> diff --git a/files/zh-cn/web/html/element/input/月份/index.html b/files/zh-cn/web/html/element/input/month/index.html index 9a2fbb6f2a..9a2fbb6f2a 100644 --- a/files/zh-cn/web/html/element/input/月份/index.html +++ b/files/zh-cn/web/html/element/input/month/index.html diff --git a/files/zh-cn/web/html/element/input/范围/index.html b/files/zh-cn/web/html/element/input/range/index.html index 9450c705b2..9450c705b2 100644 --- a/files/zh-cn/web/html/element/input/范围/index.html +++ b/files/zh-cn/web/html/element/input/range/index.html diff --git a/files/zh-cn/web/html/focus_management_in_html/index.html b/files/zh-cn/web/html/focus_management_in_html/index.html deleted file mode 100644 index df29adde76..0000000000 --- a/files/zh-cn/web/html/focus_management_in_html/index.html +++ /dev/null @@ -1,79 +0,0 @@ ---- -title: HTML 焦点管理 -slug: Web/HTML/Focus_management_in_HTML -tags: - - DOM - - HTML - - HTML5 - - 焦点 -translation_of: Web/API/Document/hasFocus -translation_of_original: Web/HTML/Focus_management_in_HTML ---- -<p>重定向 <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/hasFocus">Document.hasFocus()</a></p> - -<p> </p> - -<p>在 HTML5 工作草案中，DOM 属性 <code><a href="/cn/DOM/document.activeElement" title="en/DOM/document.activeElement">activeElement</a></code> 与方法 <code><a href="/cn/DOM/document.hasFocus" title="en/DOM/document.hasFocus">hasFocus()</a></code> 为程序员提供了更好的控制页面交互的能力，特别是对于用户行为引发的交互。例如，它们都可以用于统计使用目的，跟踪页面特定链接的点击次数，计算元素获得焦点的次数等等。此外，当与 AJAX 技术结合以后，将会减少向服务器请求的数目，这取决于用户的活跃程度和页面的布局。</p> - -<h2 id="浏览器兼容性">浏览器兼容性</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>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("1.9.2")}}<sup>[1]</sup></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 Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("2.0")}}<sup>[1]</sup></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<h3 id="浏览器相关注释">浏览器相关注释</h3> - -<h4 id="Gecko_notes">Gecko notes</h4> - -<p>[1] Gecko 8.0 {{geckoRelease("8.0")}} 开始，Firefox 会在任意 <code>tabindex</code> 值大于 0 的元素周围绘制一个焦点框，而不只是一小部分元素。一部分元素例外： {{HTMLElement("input")}}, {{HTMLElement("button")}}, {{HTMLElement("select")}}, {{HTMLElement("textarea")}}, {{HTMLElement("iframe")}}, {{HTMLElement("frame")}}, {{HTMLElement("body")}} 和 {{HTMLElement("html")}}。</p> - -<h2 id="另请参阅">另请参阅</h2> - -<ul> - <li>{{domxref("document.activeElement")}}</li> - <li>{{domxref("document.hasFocus")}}</li> -</ul> diff --git a/files/zh-cn/web/html/global_attributes/dropzone/index.html b/files/zh-cn/web/html/global_attributes/dropzone/index.html deleted file mode 100644 index 316e41a944..0000000000 --- a/files/zh-cn/web/html/global_attributes/dropzone/index.html +++ /dev/null @@ -1,94 +0,0 @@ ---- -title: dropzone -slug: Web/HTML/Global_attributes/dropzone -translation_of: Web/HTML/Global_attributes/dropzone ---- -<p class="note">{{HTMLSidebar("Global_attributes")}}{{SeeCompatTable}}</p> - -<p><strong>dropzone</strong> <a href="/en-US/docs/Web/HTML/Global_attributes">全局属性</a> 是个枚举属性，表示什么内容类型可以拖放到元素上，使用 <a href="/En/DragDrop/Drag_and_Drop" style="text-decoration: none; color: rgb(51, 102, 153) !important; cursor: default;" title="https://developer.mozilla.org/En/DragDrop/Drag_and_Drop">Drag and Drop API</a>，它可以拥有以下值：</p> - -<ul> - <li><span style="font-family: courier new;">copy，</span>它表明拖放行为会创建被拖放元素的副本。</li> - <li><span style="font-family: courier new;">move</span>，它表明被拖放元素会移动到新的位置。</li> - <li><span style="font-family: courier new;">link</span>，它会创建被拖放数据的链接。 </li> -</ul> - -<h2 id="规范">规范</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - <tr> - <td>{{SpecName('HTML WHATWG', "interaction.html#the-dropzone-attribute", "dropzone")}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td>与最新的快照{{SpecName('HTML5.1')}} 没有区别</td> - </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> - -<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>基础支持</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatNo }}</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>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>基础支持</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown}}</td> - <td>{{ CompatNo }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="另见">另见</h2> - -<ul> - <li>所有 <a href="/en-US/docs/Web/HTML/Global_attributes">全局属性</a></li> -</ul> diff --git a/files/zh-cn/web/html/global_attributes/x-ms-加速装置键/index.html b/files/zh-cn/web/html/global_attributes/x-ms-acceleratorkey/index.html index b44ded3590..b44ded3590 100644 --- a/files/zh-cn/web/html/global_attributes/x-ms-加速装置键/index.html +++ b/files/zh-cn/web/html/global_attributes/x-ms-acceleratorkey/index.html diff --git a/files/zh-cn/web/html/global_attributes/x-ms-格式-检测/index.html b/files/zh-cn/web/html/global_attributes/x-ms-format-detection/index.html index c36b3ca744..c36b3ca744 100644 --- a/files/zh-cn/web/html/global_attributes/x-ms-格式-检测/index.html +++ b/files/zh-cn/web/html/global_attributes/x-ms-format-detection/index.html diff --git a/files/zh-cn/web/html/optimizing_your_pages_for_speculative_parsing/index.html b/files/zh-cn/web/html/optimizing_your_pages_for_speculative_parsing/index.html deleted file mode 100644 index bded58d8fd..0000000000 --- a/files/zh-cn/web/html/optimizing_your_pages_for_speculative_parsing/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: 对页面预解析进行优化 -slug: Web/HTML/Optimizing_your_pages_for_speculative_parsing -translation_of: Glossary/speculative_parsing ---- -<p>在传统的浏览器中，HTML 解析器运行于主线程之中，并且在遇到 </script> 标签后会被阻塞，直到脚本从网络中被获取和执行。 Firefox 4 和后续的版本支持从主线程中分离的预解析技术。 当脚本在获取和执行的过程中，预解析技术能提前解析HTML文档。在Firefox 3.5 和 3.6中, HTML 解析器能够在文档流中预先加载脚本、层叠样式表和图片。然而, 在Firefox 4 和后续的版本中 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>当document.write() 改变了文档树的状态时，树构建器的预构建过程会失败。 例如，当所有被<code>document.write() 插入的内容被解析之后</script></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><script>document.write("Hello World!\r");</script></code> 很糟糕。 <code><script>document.write("Hello World!\n");</script> </code>则是可行的。</li> - <li>注意即使对称的标签也可能导致文档的不对称。 比如：<code>head</code> 元素中的<code><script>document.write("<div></div>");</script></code> i会被解析成 <code><script>document.write("</head><body><div></div>");</script></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>");</script></code> 则是可行的。</li> - <li>TODO: 在其它格式化元素中使用document.write。</li> -</ul> diff --git a/files/zh-cn/web/html/supported_media_formats/index.html b/files/zh-cn/web/html/supported_media_formats/index.html deleted file mode 100644 index d6a5d3753e..0000000000 --- a/files/zh-cn/web/html/supported_media_formats/index.html +++ /dev/null @@ -1,563 +0,0 @@ ---- -title: 'HTML的媒体支持:audio和video元素' -slug: Web/HTML/Supported_media_formats -tags: - - HTML Media Video Audio -translation_of: Web/Media/Formats -translation_of_original: Web/HTML/Supported_media_formats ---- -<p><span class="seoSummary"> {{HTMLElement("audio")}} 和 {{HTMLElement("video")}}是浏览器内置的播放音频或视频的元素;</span>视频和音频编解码器用来处理视频和音频，不同的编解码器提供不同级别的压缩率和分辨率；一个容器封装格式（多媒体容器格式）用来存储和传输编码后的视频和音频（如果视频带有音轨则同时；编解码器和多媒体容器格式有非常多的组合；尽管只有很少部分和WEB相关；<br> - <br> - 由于专利的问题，不同的浏览器对HTML5的video和audio有不同的规范和实现；WEB上的媒体格式领域受到在包括美国、欧盟在内的许多国家的专利法的保护和制约；本文将讨论了不同的编解码器和封装格式在WEB上的各种组合，包括在桌面设备和其他设备上的浏览器的支持情况。</p> - -<p> 想要在HTML5中播放视频，并且主流浏览器的最新版本中支持良好；可以使用WebM 和 MPEG H.264 AAC 编码格式；像下面一样使用{{HTMLElement("source")}}元素</p> - -<pre class="brush: html"><video controls> - <source src="somevideo.webm" type="video/webm"> - <source src="somevideo.mp4" type="video/mp4"> - I'm sorry; your browser doesn't support HTML5 video in WebM with VP8/VP9 or MP4 with H.264. - <!-- You can embed a Flash player here, to play your mp4 video in older browsers --> -</video> -</pre> - -<h2 id="sect1"></h2> - -<h2 id="Ogg_Theora_Vorbis">Ogg Theora Vorbis</h2> - -<p>Ogg容器格式使用Theora视频编解码器和 Vorbis音频编解码器。在的桌面和移动端的Gecko(Firefox)，Chrome和Opera；Safari（非IOS）可以通过添加扩展支持；但是不支持IE</p> - -<p>WebM在可选的情况下是优选项；因为它能提供更高的压缩比，并且被更多的浏览器所支持；而Ogg容器格式主要用于支持低版本的浏览器（比如： Firefox 3.5/3.6就不支持WebM，但是支持Ogg）</p> - -<p>Ogg的授权情况和WebM类似</p> - -<p>Gecko提供下面3种Ogg文件格式的MIME type：</p> - -<p><strong>audio/ogg</strong></p> - -<p>一个只包含音频的Ogg文件</p> - -<p><strong>video/ogg</strong></p> - -<p>一个包含视频或音频的Ogg文件</p> - -<p><strong>application/ogg</strong></p> - -<p>一个不指定内容的Ogg文件，当你不知道内容的时候可以选择</p> - -<h2 id="Ogg_Opus">Ogg Opus</h2> - -<p>Ogg容器可以通过使用<a href="http://www.opus-codec.org/">Opus codec</a>包含音频编解码器；用来支持Gecko 15.0 (Firefox 15.0 / Thunderbird 15.0 / SeaMonkey 2.12) 或更新的版本</p> - -<h2 id="Ogg_FLAC">Ogg FLAC</h2> - -<p>Ogg容器可以通过使用<a href="https://xiph.org/flac/index.html">FLAC codec</a>包含音频编解码器；用来支持Gecko 51.0 {{geckoRelease("51.0")}} 或更新的版本, 但只适用于桌面浏览器</p> - -<h2 id="MP4_FLAC">MP4 FLAC</h2> - -<p>从Firefox 51开始，你就可以使用FLAC编解码器播放MP4了，不管你有没有安装 <a href="/en-US/docs/Web/API/Media_Source_Extensions_API">MediaSource Extensions</a>和DRM 扩展支持。</p> - -<h2 id="MP3">MP3</h2> - -<p>MP3 audio 编码对应浏览器<audio>的支持。其中Firefox/Firefox for Android/Firefox OS需要操作系统本身提供了MP3的解码器；而IE，Chrome，Safari则原生支持</p> - -<h2 id="WAVE_PCM">WAVE PCM</h2> - -<p>WAVE容器使用PCM音频编解码器；桌面和移动Gecko (Firefox) a、 Safari都支持，WAVE容器中的文件后缀为 ".wav"。</p> - -<div class="note">See <a class="external" href="http://www.rfc-editor.org/rfc/rfc2361.txt">RFC 2361</a> for the WAVE codec registry.</div> - -<p>Gecko提供下面4种WAVE文件格式的MIME type：</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="FLAC">FLAC</h2> - -<p>FLAC容器格式使用 FLAC 音频编解码器 (<a href="https://xiph.org/flac/index.html">FLAC codec</a>)；桌面端受到Gecko Firefox 51.0 (Firefox 51.0 / Thunderbird 51.0 / SeaMonkey 2.48)的支持，文件后缀为 “.flac”</p> - -<p>Gecko提供下面4种FLAC文件格式的MIME type：</p> - -<ul> - <li><code>audio/flac</code> (preferred)</li> - <li><code>audio/x-flac</code></li> -</ul> - -<h2 id="Media_Source_Extensions_(MSE)">Media Source Extensions (MSE)</h2> - -<p>媒体源扩展(MSE)是一个W3C工作草案，计划扩展{{domxref("HTMLMediaElement")}}以允许JavaScript生成用于重放的媒体流。 允许JavaScript生成流以适应各种应用场景，如自适应流和时移实时流。 MSE支持仅限于MP4和WebM容器，但编解码器支持因底层平台而异。</p> - -<p>例如：可以使用JavaScript实现MPEG-DASH，同时将解码解压缩到MSE。<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>时间位移(Time shifting)</strong> 功能主要是将即时内容，录制在存储器上，可以暂时离开，一定时间回来后，可以从离开的时间通过内部的重播。</p> -</div> - -<h2 id="浏览器兼容情况">浏览器兼容情况</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<sup>[1]</sup></td> - </tr> - <tr> - <td><code><audio></code>: Streaming Vorbis/Opus in WebM via MSE</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("36.0")}}<sup>[2]</sup></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>{{CompatNo}}</td> - </tr> - <tr> - <td><code><audio></code>: MP3</td> - <td>{{CompatVersionUnknown}}<sup>[4]</sup></td> - <td>{{CompatVersionUnknown}}<sup>[5]</sup></td> - <td>9.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>3.1</td> - </tr> - <tr> - <td><code><audio></code>: MP3 in MP4</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td><code><audio></code>: AAC in MP4</td> - <td>{{CompatVersionUnknown}}<sup>[6]</sup></td> - <td>{{CompatVersionUnknown}}<sup>[7]</sup></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><audio></code>: FLAC</td> - <td>56.0</td> - <td>{{CompatGeckoDesktop("51")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>11</td> - </tr> - <tr> - <td><code><audio></code>: FLAC in Ogg</td> - <td>56.0</td> - <td>{{CompatGeckoDesktop("51")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</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<sup>[8]</sup></td> - <td>10.60</td> - <td>3.1<sup>[9]</sup></td> - </tr> - <tr> - <td><code><video></code>: VP9 and Opus in WebM</td> - <td>29.0</td> - <td>{{CompatGeckoDesktop("28.0")}}<sup>[36]</sup></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code><video></code>: Streaming WebM via MSE</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("42.0")}}<sup>[35]</sup></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>{{CompatNo}}</td> - </tr> - <tr> - <td><code><video></code>: H.264 and MP3 in MP4</td> - <td>{{CompatVersionUnknown}}<sup>[3]</sup></td> - <td>{{CompatVersionUnknown}}<sup>[10]</sup></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>{{CompatVersionUnknown}}<sup>[4]</sup></td> - <td>{{CompatVersionUnknown}}<sup>[11]</sup></td> - <td>9.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>3.1</td> - </tr> - <tr> - <td><code><video></code>: FLAC in MP4</td> - <td>62.0</td> - <td>{{CompatGeckoDesktop(51)}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>any other format</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>3.1<sup>[12]</sup></td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android Webview</th> - <th>Chrome for 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> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatChrome(29)}}</td> - <td>24.0</td> - <td>1.0.1</td> - <td>10.0</td> - <td>11.0</td> - <td>{{CompatVersionUnknown}}<sup>[13]</sup></td> - <td>3.2</td> - </tr> - <tr> - <td><code><audio></code>: PCM in WAVE</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>24.0</td> - <td>1.0.1</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}<sup>[14]</sup></td> - <td>3.2</td> - </tr> - <tr> - <td><code><audio></code>: Vorbis in WebM</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>24.0</td> - <td>1.0.1</td> - <td>{{CompatNo}}</td> - <td>11.0</td> - <td>{{CompatVersionUnknown}}<sup>[15]</sup></td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code><audio></code>: Streaming Vorbis in WebM via MSE</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>{{CompatUnknown}}</td> - <td>24.0</td> - <td>1.0.1</td> - <td>{{CompatNo}}</td> - <td>11.0</td> - <td>{{CompatVersionUnknown}}<sup>[16]</sup></td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code><audio></code>: MP3</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}<sup>[17]</sup></td> - <td>{{CompatVersionUnknown}}<sup>[18]</sup></td> - <td>10.0</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}<sup>[19]</sup></td> - <td>3.2</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>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td><code><audio></code>: AAC in MP4</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}<sup>[20]</sup></td> - <td>{{CompatVersionUnknown}}<sup>[21]</sup></td> - <td>10.0</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}<sup>[22]</sup></td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td><code><audio></code>: Opus in Ogg</td> - <td>{{CompatNo}}</td> - <td>71.0</td> - <td>24.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}<sup>[23]</sup></td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code><video></code>: VP8 and Vorbis in WebM</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatChrome(29)}}</td> - <td>24.0</td> - <td>1.0.1</td> - <td>{{CompatNo}}</td> - <td>16.0</td> - <td>{{CompatVersionUnknown}}<sup>[24]</sup></td> - <td>{{CompatNo}}</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 WebM via MSE</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("42.0")}}</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>{{CompatNo}}</td> - <td>24.0</td> - <td>1.0.1</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}<sup>[25]</sup></td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code><video></code>: H.264 and MP3 in MP4</td> - <td>{{CompatVersionUnknown}}<sup>[26]</sup></td> - <td>{{CompatChrome(29)}}</td> - <td>24.0<sup>[33]</sup></td> - <td>{{CompatVersionUnknown}}<sup>[27]</sup></td> - <td>10.0</td> - <td>16.0<sup>[28]</sup></td> - <td>{{CompatVersionUnknown}}<sup>[29]</sup></td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td><code><video></code>: H.264 and AAC in MP4</td> - <td>{{CompatVersionUnknown}}<sup>[30]</sup></td> - <td>{{CompatChrome(29)}}</td> - <td>24.0<sup>[34]</sup></td> - <td>{{CompatVersionUnknown}}<sup>[31]</sup></td> - <td>10.0</td> - <td>16.0<sup>[28]</sup></td> - <td>{{CompatVersionUnknown}}<sup>[32]</sup></td> - <td>3.2</td> - </tr> - <tr> - <td><code><video></code>: FLAC in MP4</td> - <td>{{CompatUnknown}}</td> - <td>62.0</td> - <td>{{CompatGeckoMobile(58)}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</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>[1] Must be installed separately.</p> - -<p>[2] In Nightly/Dev Edition only.</p> - -<p>[3] Only on platforms that don't support H.264.</p> - -<p>[4] AAC is only supported in the MP4 container. Not in Chromium.</p> - -<p>[5] To avoid patent issues, support for MP3 is not built directly into Firefox. Instead it relies on support from the OS. Firefox supports this format on the following platforms: <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=825153">Windows Vista</a>+ since Firefox 22.0, <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=748351">Android</a> since Firefox 20.0, <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=714408">Firefox OS</a> since Firefox 15.0, Linux since Firefox 26.0 (relies on GStreamer codecs) and <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=851290">OS X 10.7</a> since Firefox 35.0.</p> - -<p>[6] Main only. Not in Chromium. AAC is only supported in the MP4 container.</p> - -<p>[7] AAC is only supported in the MP4 container. To avoid patent issues, support for MPEG 4 and AAC is not built directly into Firefox. 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 supports these formats on the following platforms: <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=825153">Windows Vista</a>+ since Firefox 22.0, <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=748351">Android</a> since Firefox 20.0, <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=714408">Firefox OS</a> since Firefox 15.0, Linux since Firefox 26.0 (relies on GStreamer codecs) and <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=851290">OS X 10.7</a> since Firefox 35.0.</p> - -<p>[8] <a class="external" href="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/">WebM MF</a>.</p> - -<p>[9] Must be installed separately, e.g. <a class="external" href="http://perian.org/">Perian</a>.</p> - -<p>[10] To avoid patent issues, support for MPEG 4, H.264 and MP3 is not built directly into Firefox. 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 supports these formats on the following platforms: <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=825153">Windows Vista</a>+ since Firefox 22.0, <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=748351">Android</a> since Firefox 20.0, <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=714408">Firefox OS</a> since Firefox 15.0, Linux since Firefox 26.0 (relies on GStreamer codecs) and <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=851290">OS X 10.7</a> since Firefox 35.0.</p> - -<p>[11] AAC is only supported in the MP4 container. To avoid patent issues, support for MPEG 4, H.264 and AAC is not built directly into Firefox. 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 supports these formats on the following platforms: <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=825153">Windows Vista</a>+ since Firefox 22.0, <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=748351">Android</a> since Firefox 20.0, <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=714408">Firefox OS</a> since Firefox 15.0, Linux since Firefox 26.0 (relies on GStreamer codecs) and <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=851290">OS X 10.7</a> since Firefox 35.0.</p> - -<p>[12] Plays all formats available via QuickTime.</p> - -<p>[13] 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.</p> - -<p>[14] 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.</p> - -<p>[15] 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.</p> - -<p>[16] 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.</p> - -<p>[17] To avoid patent issues, support for MP3 is not built directly into Firefox Mobile (Android). Instead it relies on support from the OS or hardware.</p> - -<p>[18] To avoid patent issues, support for MP3 is not built directly into Firefox OS. Instead it relies on support from the OS or hardware.</p> - -<p>[19] 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.</p> - -<p>[20] AAC is only supported in the MP4 container. To avoid patent issues, support for MPEG 4 and AAC is not built directly into Firefox Mobile (Android). 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).</p> - -<p>[21] AAC is only supported in the MP4 container. To avoid patent issues, support for MPEG 4 and AAC is not built directly into 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).</p> - -<p>[22] 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. AAC is only supported in the MP4 container.</p> - -<p>[23] 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.</p> - -<p>[24] 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.</p> - -<p>[25] 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.</p> - -<p>[26] 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>.</p> - -<p>[27] 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.<br> - To avoid patent issues, support for MPEG 4, H.264 and MP3 is not built directly into Firefox 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).</p> - -<p>[28] Partial since 11.0. AAC is only supported in the MP4 container.</p> - -<p>[29] 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.</p> - -<p>[30] AAC is only supported in the MP4 container. 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>.</p> - -<p>[31] 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. AAC is only supported in the MP4 container.<br> - To avoid patent issues, support for MPEG 4, H.264 and ACC is not built directly into 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).</p> - -<p>[32] 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. AAC is only supported in the MP4 container.</p> - -<p>[33] To avoid patent issues, support for MPEG 4, H.264 and MP3 is not built directly into Firefox Mobile (Android). 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).</p> - -<p>[34] To avoid patent issues, support for MPEG 4, H.264 and ACC is not built directly into Firefox Mobile (Android). 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).</p> - -<p>[35] VP8/VP9 video codecs are only available in MSE when H.264 hardware decoders are not available. Checking for availability via MediaSource.isTypeSupported() is recommended.</p> - -<p>[36] Starting in Firefox 46, when attempting to initiate a WebRTC call using {{domxref("RTCPeerConnection.createOffer()")}} uses VP9 by default; in the past, VP8 was the default video format.</p> - -<h2 id="See_also">See also</h2> - -<ul> - <li><a class="internal" href="/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video">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">Media elements</a> (HTML 5 specification)</li> - <li>{{HTMLElement("video")}}</li> - <li>{{HTMLElement("audio")}}</li> - <li><a class="external" href="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">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">Audio codecs in Internet Explorer</a></li> - <li><a href="http://www.chromium.org/audio-video">Audio & Video codecs in Chrome</a></li> -</ul> |