Timed Divs HTML - Revision history

Ogg.k.ogg.k: Undo revision 12270 by Vsimon213 (Talk)

2010-07-09T18:45:16Z

Undo revision 12270 by Vsimon213 (Talk)

← Older revision		Revision as of 18:45, 9 July 2010
Line 178:		Line 178:
	disable(itextElement) : deactivates display of an itext file		disable(itextElement) : deactivates display of an itext file
	delay(itextElement, seconds) : delays the itext file in relation to the video file by a positive or negative number of seconds		delay(itextElement, seconds) : delays the itext file in relation to the video file by a positive or negative number of seconds

	~~==Related Links==~~

	~~[http://hellokittydigitalcamera.net/ '''hello kitty digital camera''']~~

Vsimon213 at 09:35, 6 July 2010

2010-07-06T09:35:07Z

← Older revision		Revision as of 09:35, 6 July 2010
Line 178:		Line 178:
	disable(itextElement) : deactivates display of an itext file		disable(itextElement) : deactivates display of an itext file
	delay(itextElement, seconds) : delays the itext file in relation to the video file by a positive or negative number of seconds		delay(itextElement, seconds) : delays the itext file in relation to the video file by a positive or negative number of seconds

			==Related Links==

			[http://hellokittydigitalcamera.net/ '''hello kitty digital camera''']

Silvia: /* Direct linking on a HTML5 page */

2009-06-21T22:59:46Z

Direct linking on a HTML5 page

← Older revision		Revision as of 22:59, 21 June 2009
Line 154:		Line 154:

	The id tag is simply a unique identifier for the tag.		The id tag is simply a unique identifier for the tag.
	The category is from [[http://wiki.xiph.org/index.php/OggText#Categories_of_Text_Codecs Ogg text categories]].		The category is from [http://wiki.xiph.org/index.php/OggText#Categories_of_Text_Codecs Ogg text categories].
	The lang contains a natural language according to [[http://en.wikipedia.org/wiki/Language_code \| language codes]].		The lang contains a natural language according to [http://en.wikipedia.org/wiki/Language_code language codes].
	The src element contains the actual file URI that we are after.		The src element contains the actual file URI that we are after.
	The style element allows to attach styling to marked-up import files.		The style element allows to attach styling to marked-up import files.

Silvia: /* Direct linking on a HTML5 page */

2009-06-21T22:27:50Z

Direct linking on a HTML5 page

← Older revision		Revision as of 22:27, 21 June 2009
Line 142:		Line 142:

	<pre>		<pre>
	<video src="http://example.com/video.ogv" controls>		<video i="video" src="http://example.com/video.ogv" controls>
	<itext category="CC" lang="en" src="caption.srt" style=""></itext>		<itext id="caption1" category="CC" lang="en/us" src="caption.srt" style=""></itext>
	<itext category="CC" lang="de" src="caption.tdht" style=""></itext>		<itext id="caption2" category="CC" lang="de/de" src="caption.tdht" style=""></itext>
	<itext category="SUB" lang="de" src="german.dfxp" style=""></itext>		<itext id="subtitle1" category="SUB" lang="de/de" src="german.dfxp" style=""></itext>
	<itext category="SUB" lang="jp" src="japanese.smil" style="></itext>		<itext id="subtitle2" category="SUB" lang="jp" src="japanese.smil" style="></itext>
	<itext category="SUB" lang="fr" src="translation_webservice/fr/caption.srt" style=""></itext>		<itext id="subtitle3" category="SUB" lang="fr" src="translation_webservice/fr/caption.srt" style=""></itext>
	</video>		</video>
	</pre>		</pre>

	Notice the second set of closed captions being a TDHT file.		Notice the second set of closed captions being a TDHT file.

			The id tag is simply a unique identifier for the tag.
			The category is from [[http://wiki.xiph.org/index.php/OggText#Categories_of_Text_Codecs Ogg text categories]].
			The lang contains a natural language according to [[http://en.wikipedia.org/wiki/Language_code \| language codes]].
			The src element contains the actual file URI that we are after.
			The style element allows to attach styling to marked-up import files.

	The <itext> element would act like an <iframe> element and create the nested browsing context described earlier. It has been renamed from earlier mentions of this approach from <text> to <itext> to avoid name clashes with e.g. SVG.		The <itext> element would act like an <iframe> element and create the nested browsing context described earlier. It has been renamed from earlier mentions of this approach from <text> to <itext> to avoid name clashes with e.g. SVG.
Line 161:		Line 167:
	attribute DOMString category;		attribute DOMString category;
	attribute DOMString lang;		attribute DOMString lang;
	attribute DOMString ~~name~~;		attribute DOMString id;
	attribute DOMString style;		attribute DOMString style;
	};		};

Silvia: /* Direct linking on a HTML5 page */

2009-02-23T00:17:46Z

Direct linking on a HTML5 page

← Older revision		Revision as of 00:17, 23 February 2009
Line 171:		Line 171:
	enable(itextElement): activates display of an itext file		enable(itextElement): activates display of an itext file
	disable(itextElement) : deactivates display of an itext file		disable(itextElement) : deactivates display of an itext file
			delay(itextElement, seconds) : delays the itext file in relation to the video file by a positive or negative number of seconds

Silvia: /* Direct linking on a HTML5 page */

2009-02-22T02:13:03Z

Direct linking on a HTML5 page

← Older revision		Revision as of 02:13, 22 February 2009
Line 157:		Line 157:
	The user agent would then provide an interface such as:		The user agent would then provide an interface such as:

	interface MediaItextElement : HTMLElement {		interface MediaItextElement : HTMLElement {
	attribute DOMString src;		attribute DOMString src;
	attribute DOMString category;		attribute DOMString category;
Line 163:		Line 163:
	attribute DOMString name;		attribute DOMString name;
	attribute DOMString style;		attribute DOMString style;
	};		};

	In javascript there will need to be additional functions such as:		In javascript there will need to be additional functions such as:

Silvia: added some API suggestions

2009-02-21T07:10:15Z

added some API suggestions

← Older revision		Revision as of 07:10, 21 February 2009
Line 154:		Line 154:

	The <itext> element would act like an <iframe> element and create the nested browsing context described earlier. It has been renamed from earlier mentions of this approach from <text> to <itext> to avoid name clashes with e.g. SVG.		The <itext> element would act like an <iframe> element and create the nested browsing context described earlier. It has been renamed from earlier mentions of this approach from <text> to <itext> to avoid name clashes with e.g. SVG.

			The user agent would then provide an interface such as:

			interface MediaItextElement : HTMLElement {
			attribute DOMString src;
			attribute DOMString category;
			attribute DOMString lang;
			attribute DOMString name;
			attribute DOMString style;
			};

			In javascript there will need to be additional functions such as:

			getItext (): returns an array of time-aligned text elements
			addItext({src,category,lang,style,name}): adds a time-aligned text element to a <video> or <audio> element
			enable(itextElement): activates display of an itext file
			disable(itextElement) : deactivates display of an itext file

Silvia: added a default to the itext frame background colour

2009-01-07T12:41:36Z

added a default to the itext frame background colour

← Older revision		Revision as of 12:41, 7 January 2009
Line 107:		Line 107:
	A TDHT file is meant to be associated with a audio or video file and rendered in a Web browser in sync with the audio or video file.		A TDHT file is meant to be associated with a audio or video file and rendered in a Web browser in sync with the audio or video file.

	The TDHT file's div elements are not rendered into an existing HTML page, but rather a TDHT file creates its own [http://www.whatwg.org/specs/web-apps/current-work/#the-iframe-element iframe-like] new nested browsing context. ~~This~~ is because a TDHT file can come from a different URI than the Web page and thus for security reasons and for general base URI computations a nested browsing context is the better approach with the DOM nodes of the hosting page and the DOM nodes of the TDHT document in different owner documents. That way, the hosting document has the security origin of its own URL and the TDHT document has the security origin of its URL.		The TDHT file's div elements are not rendered into an existing HTML page, but rather a TDHT file creates its own [http://www.whatwg.org/specs/web-apps/current-work/#the-iframe-element iframe-like] new nested browsing context. It is linked to the parent HTML page through an itext element that is inserted as a child of the video element. Creation of a nested browsing context is important because a TDHT file can come from a different URI than the Web page and thus for security reasons and for general base URI computations a nested browsing context is the better approach with the DOM nodes of the hosting page and the DOM nodes of the TDHT document in different owner documents. That way, the hosting document has the security origin of its own URL and the TDHT document has the security origin of its URL.

	The rendering and CSS view port are either by default the rectangle occupied by the given <video> or <audio> tag, or an area provided for by the hosting HTML page. The zoom factor of the iframe must be set to such a value that the width of the view port established by the ~~iframe~~ is equally wide in CSS px as the video frame is wide in codec pixels. (Example: If the video encodes a frame that is 240 pixels wide but is displayed at 480 CSS px wide, the zoom factor of the ~~iframe~~ should be 200% so that the box that on the outsize measures 480 px seems like a box of 240 px from within the ~~iframe~~.)		The rendering and CSS view port are either by default the rectangle occupied by the given <video> or <audio> tag, or an area provided for by the hosting HTML page through the itext element's properties. The zoom factor of the iframe must be set to such a value that the width of the view port established by the itext frame is equally wide in CSS px as the video frame is wide in codec pixels. (Example: If the video encodes a frame that is 240 pixels wide but is displayed at 480 CSS px wide, the zoom factor of the itext frame should be 200% so that the box that on the outsize measures 480 px seems like a box of 240 px from within the itext frame.)

			The itext frame is by default transparent.

	A TDHT file can get to a browser either as a external resource, or as part of audio or video resource (in particular inside Ogg, see below). Parsing in these two cases is slightly different for the browser.		A TDHT file can get to a browser either as a external resource, or as part of audio or video resource (in particular inside Ogg, see below). Parsing in these two cases is slightly different for the browser.

Silvia: /* 1. The body element */

2009-01-07T09:53:44Z

1. The body element

← Older revision		Revision as of 09:53, 7 January 2009
Line 73:		Line 73:
	</pre>		</pre>

	Any tags inside the body tag that are non-conformant to this specification (such as regular html tags that are allowed inside body) ~~should~~ be ignored for TDHT.		Any tags inside the body tag that are non-conformant to this specification (such as regular html tags that are allowed inside body) must be ignored for TDHT.

	The div tags, however, can contain anything that HTML div tags can contain, thus enabling a very flexible, but time-aligned text model.		The div tags, however, can contain anything that HTML div tags can contain, thus enabling a very flexible, but time-aligned text model.

Silvia: added ordering information on div tags

2009-01-06T06:55:17Z

added ordering information on div tags

← Older revision		Revision as of 06:55, 6 January 2009
Line 100:		Line 100:

	The Time entity represents a valid time string accroding to HTML5: http://www.whatwg.org/specs/web-apps/current-work/#valid-time-string . The end time string must be larger than the start time string, otherwise the div element does not exist for any duration and can never turn active.		The Time entity represents a valid time string accroding to HTML5: http://www.whatwg.org/specs/web-apps/current-work/#valid-time-string . The end time string must be larger than the start time string, otherwise the div element does not exist for any duration and can never turn active.

			<div> elements in a TDHT file should be ordered by start time to simplify parsing. Inside Ogg or when rendered, they will be ordered by start time.

	= Rendering in a Web Browser =		= Rendering in a Web Browser =