Skip to content
Permalink
Browse files

[giow] (0) Define navigating to video and audio resources

Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=13759

git-svn-id: http://svn.whatwg.org/webapps@6630 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
Hixie committed Oct 5, 2011
1 parent 615d7e6 commit c42e779a5056cf01dad41505df022a2c55562ec3
Showing with 112 additions and 50 deletions.
  1. +37 −19 complete.html
  2. +37 −19 index
  3. +38 −12 source

<header class=head id=head><p><a class=logo href=http://www.whatwg.org/><img alt=WHATWG height=101 src=/images/logo width=101></a></p>
<hgroup><h1 class=allcaps>HTML</h1>
<h2 class="no-num no-toc">Living Standard &mdash; Last Updated 4 October 2011</h2>
<h2 class="no-num no-toc">Living Standard &mdash; Last Updated 5 October 2011</h2>
</hgroup><dl><dt><strong>Web developer edition:</strong></dt>
<dd><strong><a href=http://developers.whatwg.org/>http://developers.whatwg.org/</a></strong></dd>
<dt>Multiple-page version:</dt>
<li><a href=#read-xml><span class=secno>6.5.3 </span>Page load processing model for XML files</a></li>
<li><a href=#read-text><span class=secno>6.5.4 </span>Page load processing model for text files</a></li>
<li><a href=#read-multipart-x-mixed-replace><span class=secno>6.5.5 </span>Page load processing model for <code>multipart/x-mixed-replaced</code> resources</a></li>
<li><a href=#read-image><span class=secno>6.5.6 </span>Page load processing model for images</a></li>
<li><a href=#read-media><span class=secno>6.5.6 </span>Page load processing model for media</a></li>
<li><a href=#read-plugin><span class=secno>6.5.7 </span>Page load processing model for content that uses plugins</a></li>
<li><a href=#read-ua-inline><span class=secno>6.5.8 </span>Page load processing model for inline content that doesn't have a DOM</a></li>
<li><a href=#scroll-to-fragid><span class=secno>6.5.9 </span>Navigating to a fragment identifier</a></li>
<dd>Follow the steps given in the <a href=#read-multipart-x-mixed-replace title=navigate-multipart-x-mixed-replace>multipart/x-mixed-replace</a>
section, and abort these steps.</dd>

<dt>A supported image type</dt>
<dd>Follow the steps given in the <a href=#read-image title=navigate-image>image</a> section, and abort these
<dt>A supported image, video, or audio type</dt>
<dd>Follow the steps given in the <a href=#read-media title=navigate-media>media</a> section, and abort these
steps.</dd>

<dt>A type that will use an external application to render the

<!-- next two paragraphs are nearly identical to the navigate-html
section and similar to the "navigate-ua-inline" section, and the
next three are similar to the navigate-image and navigate-plugin
next three are similar to the navigate-media and navigate-plugin
sections; keep them all in sync -->

<p>When no more bytes are available, the user agent must <a href=#queue-a-task>queue
events) do fire for each body part loaded.</p>


<h4 id=read-image><span class=secno>6.5.6 </span><dfn title=navigate-image>Page load processing model for images</dfn></h4>
<h4 id=read-media><span class=secno>6.5.6 </span><dfn title=navigate-media>Page load processing model for media</dfn></h4>

<p>When an image resource is to be loaded in a <a href=#browsing-context>browsing
context</a>, the user agent should <a href=#create-a-document-object>create a
<p>When an image, video, or audio resource is to be loaded in a
<a href=#browsing-context>browsing context</a>, the user agent should <a href=#create-a-document-object>create a
<code>Document</code> object</a>, mark it as being an <a href=#html-documents title="HTML documents">HTML document</a>, set its <a href=#concept-document-media-type title=concept-document-media-type>media type</a> to the sniffed
MIME type of the resource (<var title="">type</var> in the
<a href=#navigate>navigate</a> algorithm), append an <code><a href=#the-html-element>html</a></code>
element to the <code><a href=#document>Document</a></code>, append a <code><a href=#the-head-element>head</a></code>
element and a <code><a href=#the-body-element>body</a></code> element to the <code><a href=#the-html-element>html</a></code>
element, append an <code><a href=#the-img-element>img</a></code> to the <code><a href=#the-body-element>body</a></code>
element, and set the <code title=attr-img-src><a href=#attr-img-src>src</a></code> attribute
of the <code><a href=#the-img-element>img</a></code> element to the address of the image.</p>

<!-- next three paragraphs are similar to the navigate-text section,
keep them in sync -->

<p>Then, the user agent must act as if it had <a href=#stop-parsing title="stop
element, append an element <var title="">host element</var> for the
media, as described below, to the <code><a href=#the-body-element>body</a></code> element, and set
the appropriate attribute of the element <var title="">host
element</var>, as described below, to the address of the image,
video, or audio resource.</p>

<p>The element <var title="">host element</var> to create for the
media is the element given in the table below in the second cell of
the row whose first cell describes the media. The appropriate
attribute to set is the one given by the third cell in that same
row.</p>

<table><thead><tr><th> Type of media
<th> Element for the media
<th> Appropriate attribute
<tr><td> Image
<td> <code><a href=#the-img-element>img</a></code>
<td> <code title=attr-img-src><a href=#attr-img-src>src</a></code>
<tr><td> Video
<td> <code><a href=#the-video-element>video</a></code>
<td> <code title=attr-media-src><a href=#attr-media-src>src</a></code>
<tr><td> Audio
<td> <code><a href=#the-audio-element>audio</a></code>
<td> <code title=attr-media-src><a href=#attr-media-src>src</a></code>
</thead></table><!-- next three paragraphs are similar to the navigate-text section,
keep them in sync --><p>Then, the user agent must act as if it had <a href=#stop-parsing title="stop
parsing">stopped parsing</a>.</p>

<p>Upon creation of the <code><a href=#document>Document</a></code> object, the user agent
<a href=#update-the-session-history-with-the-new-page>update the session history with the new page</a>.</p>

<p>User agents may add content to the <code><a href=#the-head-element>head</a></code> element of
the <code><a href=#document>Document</a></code>, or attributes to the <code><a href=#the-img-element>img</a></code>
element, e.g. to link to a style sheet or an XBL binding, to provide
a script, to give the document a <code><a href=#the-title-element>title</a></code>, etc.</p>
the <code><a href=#document>Document</a></code>, or attributes to the element <var title="">host element</var>, e.g. to link to a style sheet or an XBL
binding, to provide a script, to give the document a
<code><a href=#the-title-element>title</a></code>, to make the media <a href=#attr-media-autoplay title=attr-media-autoplay>autoplay</a>, etc.</p>


<h4 id=read-plugin><span class=secno>6.5.7 </span><dfn title=navigate-plugin>Page load processing model for content that uses plugins</dfn></h4>
56 index

<header class=head id=head><p><a class=logo href=http://www.whatwg.org/><img alt=WHATWG height=101 src=/images/logo width=101></a></p>
<hgroup><h1 class=allcaps>HTML</h1>
<h2 class="no-num no-toc">Living Standard &mdash; Last Updated 4 October 2011</h2>
<h2 class="no-num no-toc">Living Standard &mdash; Last Updated 5 October 2011</h2>
</hgroup><dl><dt><strong>Web developer edition:</strong></dt>
<dd><strong><a href=http://developers.whatwg.org/>http://developers.whatwg.org/</a></strong></dd>
<dt>Multiple-page version:</dt>
<li><a href=#read-xml><span class=secno>6.5.3 </span>Page load processing model for XML files</a></li>
<li><a href=#read-text><span class=secno>6.5.4 </span>Page load processing model for text files</a></li>
<li><a href=#read-multipart-x-mixed-replace><span class=secno>6.5.5 </span>Page load processing model for <code>multipart/x-mixed-replaced</code> resources</a></li>
<li><a href=#read-image><span class=secno>6.5.6 </span>Page load processing model for images</a></li>
<li><a href=#read-media><span class=secno>6.5.6 </span>Page load processing model for media</a></li>
<li><a href=#read-plugin><span class=secno>6.5.7 </span>Page load processing model for content that uses plugins</a></li>
<li><a href=#read-ua-inline><span class=secno>6.5.8 </span>Page load processing model for inline content that doesn't have a DOM</a></li>
<li><a href=#scroll-to-fragid><span class=secno>6.5.9 </span>Navigating to a fragment identifier</a></li>
<dd>Follow the steps given in the <a href=#read-multipart-x-mixed-replace title=navigate-multipart-x-mixed-replace>multipart/x-mixed-replace</a>
section, and abort these steps.</dd>

<dt>A supported image type</dt>
<dd>Follow the steps given in the <a href=#read-image title=navigate-image>image</a> section, and abort these
<dt>A supported image, video, or audio type</dt>
<dd>Follow the steps given in the <a href=#read-media title=navigate-media>media</a> section, and abort these
steps.</dd>

<dt>A type that will use an external application to render the

<!-- next two paragraphs are nearly identical to the navigate-html
section and similar to the "navigate-ua-inline" section, and the
next three are similar to the navigate-image and navigate-plugin
next three are similar to the navigate-media and navigate-plugin
sections; keep them all in sync -->

<p>When no more bytes are available, the user agent must <a href=#queue-a-task>queue
events) do fire for each body part loaded.</p>


<h4 id=read-image><span class=secno>6.5.6 </span><dfn title=navigate-image>Page load processing model for images</dfn></h4>
<h4 id=read-media><span class=secno>6.5.6 </span><dfn title=navigate-media>Page load processing model for media</dfn></h4>

<p>When an image resource is to be loaded in a <a href=#browsing-context>browsing
context</a>, the user agent should <a href=#create-a-document-object>create a
<p>When an image, video, or audio resource is to be loaded in a
<a href=#browsing-context>browsing context</a>, the user agent should <a href=#create-a-document-object>create a
<code>Document</code> object</a>, mark it as being an <a href=#html-documents title="HTML documents">HTML document</a>, set its <a href=#concept-document-media-type title=concept-document-media-type>media type</a> to the sniffed
MIME type of the resource (<var title="">type</var> in the
<a href=#navigate>navigate</a> algorithm), append an <code><a href=#the-html-element>html</a></code>
element to the <code><a href=#document>Document</a></code>, append a <code><a href=#the-head-element>head</a></code>
element and a <code><a href=#the-body-element>body</a></code> element to the <code><a href=#the-html-element>html</a></code>
element, append an <code><a href=#the-img-element>img</a></code> to the <code><a href=#the-body-element>body</a></code>
element, and set the <code title=attr-img-src><a href=#attr-img-src>src</a></code> attribute
of the <code><a href=#the-img-element>img</a></code> element to the address of the image.</p>

<!-- next three paragraphs are similar to the navigate-text section,
keep them in sync -->

<p>Then, the user agent must act as if it had <a href=#stop-parsing title="stop
element, append an element <var title="">host element</var> for the
media, as described below, to the <code><a href=#the-body-element>body</a></code> element, and set
the appropriate attribute of the element <var title="">host
element</var>, as described below, to the address of the image,
video, or audio resource.</p>

<p>The element <var title="">host element</var> to create for the
media is the element given in the table below in the second cell of
the row whose first cell describes the media. The appropriate
attribute to set is the one given by the third cell in that same
row.</p>

<table><thead><tr><th> Type of media
<th> Element for the media
<th> Appropriate attribute
<tr><td> Image
<td> <code><a href=#the-img-element>img</a></code>
<td> <code title=attr-img-src><a href=#attr-img-src>src</a></code>
<tr><td> Video
<td> <code><a href=#the-video-element>video</a></code>
<td> <code title=attr-media-src><a href=#attr-media-src>src</a></code>
<tr><td> Audio
<td> <code><a href=#the-audio-element>audio</a></code>
<td> <code title=attr-media-src><a href=#attr-media-src>src</a></code>
</thead></table><!-- next three paragraphs are similar to the navigate-text section,
keep them in sync --><p>Then, the user agent must act as if it had <a href=#stop-parsing title="stop
parsing">stopped parsing</a>.</p>

<p>Upon creation of the <code><a href=#document>Document</a></code> object, the user agent
<a href=#update-the-session-history-with-the-new-page>update the session history with the new page</a>.</p>

<p>User agents may add content to the <code><a href=#the-head-element>head</a></code> element of
the <code><a href=#document>Document</a></code>, or attributes to the <code><a href=#the-img-element>img</a></code>
element, e.g. to link to a style sheet or an XBL binding, to provide
a script, to give the document a <code><a href=#the-title-element>title</a></code>, etc.</p>
the <code><a href=#document>Document</a></code>, or attributes to the element <var title="">host element</var>, e.g. to link to a style sheet or an XBL
binding, to provide a script, to give the document a
<code><a href=#the-title-element>title</a></code>, to make the media <a href=#attr-media-autoplay title=attr-media-autoplay>autoplay</a>, etc.</p>


<h4 id=read-plugin><span class=secno>6.5.7 </span><dfn title=navigate-plugin>Page load processing model for content that uses plugins</dfn></h4>
50 source
title="navigate-multipart-x-mixed-replace">multipart/x-mixed-replace</span>
section, and abort these steps.</dd>

<dt>A supported image type</dt>
<dt>A supported image, video, or audio type</dt>
<dd>Follow the steps given in the <span
title="navigate-image">image</span> section, and abort these
title="navigate-media">media</span> section, and abort these
steps.</dd>

<dt>A type that will use an external application to render the

<!-- next two paragraphs are nearly identical to the navigate-html
section and similar to the "navigate-ua-inline" section, and the
next three are similar to the navigate-image and navigate-plugin
next three are similar to the navigate-media and navigate-plugin
sections; keep them all in sync -->

<p>When no more bytes are available, the user agent must <span>queue
events) do fire for each body part loaded.</p>


<h4 id="read-image"><dfn title="navigate-image">Page load processing model for images</dfn></h4>
<h4 id="read-media"><dfn title="navigate-media">Page load processing model for media</dfn></h4>

<p>When an image resource is to be loaded in a <span>browsing
context</span>, the user agent should <span>create a
<p>When an image, video, or audio resource is to be loaded in a
<span>browsing context</span>, the user agent should <span>create a
<code>Document</code> object</span>, mark it as being an <span
title="HTML documents">HTML document</span>, set its <span
title="concept-document-media-type">media type</span> to the sniffed
MIME type of the resource (<var title="">type</var> in the
<span>navigate</span> algorithm), append an <code>html</code>
element to the <code>Document</code>, append a <code>head</code>
element and a <code>body</code> element to the <code>html</code>
element, append an <code>img</code> to the <code>body</code>
element, and set the <code title="attr-img-src">src</code> attribute
of the <code>img</code> element to the address of the image.</p>
element, append an element <var title="">host element</var> for the
media, as described below, to the <code>body</code> element, and set
the appropriate attribute of the element <var title="">host
element</var>, as described below, to the address of the image,
video, or audio resource.</p>

<p>The element <var title="">host element</var> to create for the
media is the element given in the table below in the second cell of
the row whose first cell describes the media. The appropriate
attribute to set is the one given by the third cell in that same
row.</p>

<table>
<thead>
<tr> <th> Type of media
<th> Element for the media
<th> Appropriate attribute
<tr> <td> Image
<td> <code>img</code>
<td> <code title="attr-img-src">src</code>
<tr> <td> Video
<td> <code>video</code>
<td> <code title="attr-media-src">src</code>
<tr> <td> Audio
<td> <code>audio</code>
<td> <code title="attr-media-src">src</code>
</table>

<!-- next three paragraphs are similar to the navigate-text section,
keep them in sync -->
<span>update the session history with the new page</span>.</p>

<p>User agents may add content to the <code>head</code> element of
the <code>Document</code>, or attributes to the <code>img</code>
element, e.g. to link to a style sheet or an XBL binding, to provide
a script, to give the document a <code>title</code>, etc.</p>
the <code>Document</code>, or attributes to the element <var
title="">host element</var>, e.g. to link to a style sheet or an XBL
binding, to provide a script, to give the document a
<code>title</code>, to make the media <span
title="attr-media-autoplay">autoplay</span>, etc.</p>


<h4 id="read-plugin"><dfn title="navigate-plugin">Page load processing model for content that uses plugins</dfn></h4>

0 comments on commit c42e779

Please sign in to comment.
You can’t perform that action at this time.