[xiph-commits] r4051 - itext
silvia at svn.annodex.net
silvia at svn.annodex.net
Thu Oct 29 02:02:58 PDT 2009
Author: silvia
Date: 2009-10-29 02:02:58 -0700 (Thu, 29 Oct 2009)
New Revision: 4051
Modified:
itext/chocolate_rain.html
itext/elephant_kate.html
itext/elephant_no_skin.html
itext/elephant_with_skin.html
itext/index.html
itext/mediafrag.html
itext/mediafrag_multiple_servers.html
Log:
White space fixes (remove annoying tabs).
Modified: itext/chocolate_rain.html
===================================================================
--- itext/chocolate_rain.html 2009-10-29 09:02:45 UTC (rev 4050)
+++ itext/chocolate_rain.html 2009-10-29 09:02:58 UTC (rev 4051)
@@ -55,15 +55,15 @@
<div class="videocontainer" style="position: relative; display: inline-block; float: left;">
<p>A video element with subtitles:</p>
- <div class="mc" style="" width="320px">
+ <div class="mc" style="" width="320px">
<div id="itextcontainer1"></div>
- <video class="v" src="chocolate_rain/chocolate_rain.ogv"
- poster="chocolate_rain/chocolate_rain.png" controls aria-label="Chocolate Rain video"
- autobuffer title="Chocolate Rain video">
+ <video class="v" src="chocolate_rain/chocolate_rain.ogv"
+ poster="chocolate_rain/chocolate_rain.png" controls aria-label="Chocolate Rain video"
+ autobuffer title="Chocolate Rain video">
<itext id="lyrics" lang="en" type="text/lrc" display="yes"
src="chocolate_rain/chocolate_rain.lrc" category="LRC"></itext>
- </video>
- </div>
+ </video>
+ </div>
</div>
@@ -92,24 +92,24 @@
var audio = document.getElementsByTagName("audio")[0];
// parse itexts and create an invisible menu for them
- var itexts1=new ItextCollection(jQuery(video), "itextcontainer1");
- var itexts2=new ItextCollection(jQuery(audio), "itextcontainer2");
-
+ var itexts1=new ItextCollection(jQuery(video), "itextcontainer1");
+ var itexts2=new ItextCollection(jQuery(audio), "itextcontainer2");
+
// set callback for video
video.addEventListener("timeupdate", function() {
- if (video.paused || video.ended) {
- return;
- }
- itexts1.show(self.video.currentTime);
- }, false);
+ if (video.paused || video.ended) {
+ return;
+ }
+ itexts1.show(self.video.currentTime);
+ }, false);
// set callback for audio
audio.addEventListener("timeupdate", function() {
- if (audio.paused || audio.ended) {
- return;
- }
- itexts2.show(self.audio.currentTime);
- }, false);
+ if (audio.paused || audio.ended) {
+ return;
+ }
+ itexts2.show(self.audio.currentTime);
+ }, false);
</script>
Modified: itext/elephant_kate.html
===================================================================
--- itext/elephant_kate.html 2009-10-29 09:02:45 UTC (rev 4050)
+++ itext/elephant_kate.html 2009-10-29 09:02:58 UTC (rev 4051)
@@ -46,8 +46,8 @@
<h1>Demo Video Player Accessibility</h1>
- <video class="v" src="elephants_dream/elephant.mt.ogv" poster="elephants_dream/elephant.png" controls aria-label="Elephants Dream video" title="Elephants Dream video">
- </video>
+ <video class="v" src="elephants_dream/elephant.mt.ogv" poster="elephants_dream/elephant.png" controls aria-label="Elephants Dream video" title="Elephants Dream video">
+ </video>
<p>Note: The demo works only in a patched version of Firefox with the patches from <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=481529">Bug 481529 - "Support for Kate overlay streams in <video> tag"</a>.</p>
Modified: itext/elephant_no_skin.html
===================================================================
--- itext/elephant_no_skin.html 2009-10-29 09:02:45 UTC (rev 4050)
+++ itext/elephant_no_skin.html 2009-10-29 09:02:58 UTC (rev 4051)
@@ -46,14 +46,14 @@
<title>Experiment with video accessibility and time-aligned text</title>
<style>
div.itextMenu ul {
- bottom: 0;
- position: absolute;
- list-style-type: none;
- margin: 0;
- padding: 0;
- right: 0;
- border: 1px;
- z-index: 500;
+ bottom: 0;
+ position: absolute;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ right: 0;
+ border: 1px;
+ z-index: 500;
}
</style>
</head>
@@ -65,82 +65,82 @@
<div style="clear: all;">
<div class="videocontainer" style="position: relative; display:inline-block;">
- <div class="mc" style="float: left;" width="426px">
+ <div class="mc" style="float: left;" width="426px">
<div id="itextcontainer"></div>
- <video class="v" src="elephants_dream/elephant.ogv" poster="elephants_dream/elephant.png" controls aria-label="Elephants Dream video" title="Elephants Dream video">
- <!-- Language Tags http://www.iana.org/assignments/language-subtag-registry -->
- <itext id="video_af" lang="af" type="text/srt" charset="ISO-8859" display="auto"
- src="elephants_dream/elephant.afrikaans.srt" category="SUB"></itext>
- <itext id="video_ar" lang="ar" type="text/srt" charset="Windows-1256" display="auto"
- src="elephants_dream/elephant.arabic.srt" category="SUB"></itext>
- <itext id="video_bn" lang="bn" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.bangla.srt" category="SUB"></itext>
- <itext id="video_br" lang="br" type="text/srt" charset="Windows-1252" display="auto"
- src="elephants_dream/elephant.breton.srt" category="SUB"></itext>
- <itext id="video_bg" lang="bg" type="text/srt" charset="Windows-1251" display="auto"
- src="elephants_dream/elephant.bulgarian.srt" category="SUB"></itext>
- <itext id="video_ca" lang="ca" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.catalan-utf8.srt" category="SUB"></itext>
- <itext id="video_zh" lang="zh" type="text/srt" charset="GB18030" display="auto"
- src="elephants_dream/elephant.chinese.srt" category="SUB"></itext>
- <itext id="video_cz" lang="cs" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.czech.srt" category="SUB"></itext>
- <itext id="video_da" lang="da" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.danish.srt" category="SUB"></itext>
- <itext id="video_nl" lang="nl" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.dutch.srt" category="SUB"></itext>
- <itext id="video_en" lang="en" type="text/srt" charset="ISO-8859" display="auto"
- src="elephants_dream/elephant.english.srt" category="SUB"></itext>
- <itext id="video_et" lang="et" type="text/srt" charset="Windows-1252" display="auto"
- src="elephants_dream/elephant.estonian.srt" category="SUB"></itext>
- <itext id="video_fi" lang="fi" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.finnish.srt" category="SUB"></itext>
- <itext id="video_fr" lang="fr" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.french.srt" category="SUB"></itext>
- <itext id="video_de" lang="de" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.german.srt" category="SUB"></itext>
- <itext id="video_el" lang="el" type="text/srt" charset="ISO-8859-7" display="auto"
- src="elephants_dream/elephant.greek.srt" category="SUB"></itext>
- <itext id="video_he" lang="he" type="text/srt" charset="Windows-1252" display="auto"
- src="elephants_dream/elephant.hebrew.srt" category="SUB"></itext>
- <itext id="video_hu" lang="hu" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.hungarian-utf8.srt" category="SUB"></itext>
- <itext id="video_it" lang="it" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.italian.srt" category="SUB"></itext>
- <itext id="video_ja" lang="ja" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.japanese.srt" category="CC"></itext>
- <itext id="video_ja" lang="ja" type="text/srt" charset="EUC-JP" display="auto"
- src="elephants_dream/elephant.japanese-euc.srt" category="CC"></itext>
- <itext id="video_mt" lang="mt" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.maltese_utf8.srt" category="CC"></itext>
- <itext id="video_nn" lang="nn" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.norwegian.srt" category="CC"></itext>
- <itext id="video_pl" lang="pl" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.polish.srt" category="CC"></itext>
- <itext id="video_pt" lang="pt" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.portuguese.srt" category="CC"></itext>
- <itext id="video_pt_br" lang="pt-br" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.brazilian.srt" category="CC"></itext>
- <itext id="video_ro" lang="ro" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.romanian.srt" category="CC"></itext>
- <itext id="video_ru" lang="ru" type="text/srt" charset="Windows-1251" display="auto"
- src="elephants_dream/elephant.russian.srt" category="CC"></itext>
- <itext id="video_sl" lang="sl" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.slovenian.srt" category="CC"></itext>
- <itext id="video_es" lang="es" type="text/srt" charset="ISO-8859" display="auto"
- src="elephants_dream/elephant.spanish.srt" category="CC"></itext>
- <itext id="video_es_mx" lang="es-mx" type="text/srt" charset="ISO-8859" display="auto"
- src="elephants_dream/elephant.spanish-us.srt" category="CC"></itext>
- <itext id="video_sk" lang="sk" type="text/srt" charset="Windows-1251" display="auto"
- src="elephants_dream/elephant.slovak.srt" category="CC"></itext>
- <itext id="video_sv" lang="sv" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.swedish.srt" category="CC"></itext>
+ <video class="v" src="elephants_dream/elephant.ogv" poster="elephants_dream/elephant.png" controls aria-label="Elephants Dream video" title="Elephants Dream video">
+ <!-- Language Tags http://www.iana.org/assignments/language-subtag-registry -->
+ <itext id="video_af" lang="af" type="text/srt" charset="ISO-8859" display="auto"
+ src="elephants_dream/elephant.afrikaans.srt" category="SUB"></itext>
+ <itext id="video_ar" lang="ar" type="text/srt" charset="Windows-1256" display="auto"
+ src="elephants_dream/elephant.arabic.srt" category="SUB"></itext>
+ <itext id="video_bn" lang="bn" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.bangla.srt" category="SUB"></itext>
+ <itext id="video_br" lang="br" type="text/srt" charset="Windows-1252" display="auto"
+ src="elephants_dream/elephant.breton.srt" category="SUB"></itext>
+ <itext id="video_bg" lang="bg" type="text/srt" charset="Windows-1251" display="auto"
+ src="elephants_dream/elephant.bulgarian.srt" category="SUB"></itext>
+ <itext id="video_ca" lang="ca" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.catalan-utf8.srt" category="SUB"></itext>
+ <itext id="video_zh" lang="zh" type="text/srt" charset="GB18030" display="auto"
+ src="elephants_dream/elephant.chinese.srt" category="SUB"></itext>
+ <itext id="video_cz" lang="cs" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.czech.srt" category="SUB"></itext>
+ <itext id="video_da" lang="da" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.danish.srt" category="SUB"></itext>
+ <itext id="video_nl" lang="nl" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.dutch.srt" category="SUB"></itext>
+ <itext id="video_en" lang="en" type="text/srt" charset="ISO-8859" display="auto"
+ src="elephants_dream/elephant.english.srt" category="SUB"></itext>
+ <itext id="video_et" lang="et" type="text/srt" charset="Windows-1252" display="auto"
+ src="elephants_dream/elephant.estonian.srt" category="SUB"></itext>
+ <itext id="video_fi" lang="fi" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.finnish.srt" category="SUB"></itext>
+ <itext id="video_fr" lang="fr" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.french.srt" category="SUB"></itext>
+ <itext id="video_de" lang="de" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.german.srt" category="SUB"></itext>
+ <itext id="video_el" lang="el" type="text/srt" charset="ISO-8859-7" display="auto"
+ src="elephants_dream/elephant.greek.srt" category="SUB"></itext>
+ <itext id="video_he" lang="he" type="text/srt" charset="Windows-1252" display="auto"
+ src="elephants_dream/elephant.hebrew.srt" category="SUB"></itext>
+ <itext id="video_hu" lang="hu" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.hungarian-utf8.srt" category="SUB"></itext>
+ <itext id="video_it" lang="it" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.italian.srt" category="SUB"></itext>
+ <itext id="video_ja" lang="ja" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.japanese.srt" category="CC"></itext>
+ <itext id="video_ja" lang="ja" type="text/srt" charset="EUC-JP" display="auto"
+ src="elephants_dream/elephant.japanese-euc.srt" category="CC"></itext>
+ <itext id="video_mt" lang="mt" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.maltese_utf8.srt" category="CC"></itext>
+ <itext id="video_nn" lang="nn" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.norwegian.srt" category="CC"></itext>
+ <itext id="video_pl" lang="pl" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.polish.srt" category="CC"></itext>
+ <itext id="video_pt" lang="pt" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.portuguese.srt" category="CC"></itext>
+ <itext id="video_pt_br" lang="pt-br" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.brazilian.srt" category="CC"></itext>
+ <itext id="video_ro" lang="ro" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.romanian.srt" category="CC"></itext>
+ <itext id="video_ru" lang="ru" type="text/srt" charset="Windows-1251" display="auto"
+ src="elephants_dream/elephant.russian.srt" category="CC"></itext>
+ <itext id="video_sl" lang="sl" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.slovenian.srt" category="CC"></itext>
+ <itext id="video_es" lang="es" type="text/srt" charset="ISO-8859" display="auto"
+ src="elephants_dream/elephant.spanish.srt" category="CC"></itext>
+ <itext id="video_es_mx" lang="es-mx" type="text/srt" charset="ISO-8859" display="auto"
+ src="elephants_dream/elephant.spanish-us.srt" category="CC"></itext>
+ <itext id="video_sk" lang="sk" type="text/srt" charset="Windows-1251" display="auto"
+ src="elephants_dream/elephant.slovak.srt" category="CC"></itext>
+ <itext id="video_sv" lang="sv" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.swedish.srt" category="CC"></itext>
<itext id="audiodesc" lang="en" type="text/srt" charset="ISO-8859" display="yes"
src="elephants_dream/audiodescription.srt" category="TAD"></itext>
<itext id="chapters" lang="en" type="text/srt" charset="ISO-8859" display="yes"
src="elephants_dream/chapters.srt" category="CUE"></itext>
- </video>
- </div>
+ </video>
+ </div>
<div id="itext_menu" style="bottom: -5px; position: absolute; left: 430px;">
<a id="itext_btn" role="button" href="#itmenu" aria-haspopup="true" aria-labelledby="itext_btn_label" tabindex="0" title="video text menu button" style="border-color:#808080; border-style:solid; border-width: 0; text-decoration: none; border-top-style: none; border-bottom-style: none; color: #333333;">
@@ -160,16 +160,16 @@
var video = document.getElementsByTagName("video")[0];
// parse itexts and create an invisible menu for them
- var itexts=new ItextCollection(jQuery(video), "itextcontainer");
- itexts.itextMenu(jQuery("#menu"), "window");
-
+ var itexts=new ItextCollection(jQuery(video), "itextcontainer");
+ itexts.itextMenu(jQuery("#menu"), "window");
+
// set callback for video
video.addEventListener("timeupdate", function() {
- if (video.paused || video.ended) {
- return;
- }
- itexts.show(self.video.currentTime);
- }, false);
+ if (video.paused || video.ended) {
+ return;
+ }
+ itexts.show(self.video.currentTime);
+ }, false);
// get itext button
var itext_btn = document.getElementById("itext_menu");
@@ -178,21 +178,21 @@
itext_btn.addEventListener("mouseover", function() {
visitext=!visitext;
if (visitext) {
- // make subtitle menu visible
- jQuery(".catMenu").css("visibility", "visible");
+ // make subtitle menu visible
+ jQuery(".catMenu").css("visibility", "visible");
jQuery(".catMenu").css("bottom", "22px");
} else {
- // make subtitle menu invisible
- jQuery(".catMenu").css("visibility", "hidden");
+ // make subtitle menu invisible
+ jQuery(".catMenu").css("visibility", "hidden");
}
}
,false);
itext_btn.addEventListener("mouseout", function() {
if (visitext) {
- // make subtitle menu invisible
+ // make subtitle menu invisible
visitext=!visitext;
- jQuery(".catMenu").css("visibility", "hidden");
+ jQuery(".catMenu").css("visibility", "hidden");
}
}
,false);
@@ -217,79 +217,79 @@
<pre>
<video class="v" src="elephants_dream/elephant.ogv" poster="elephants_dream/elephant.png" >
- <itext id="video_af" lang="af" type="text/srt" charset="ISO-8859" display="auto"
- src="elephants_dream/elephant.afrikaans.srt" category="SUB"></itext>
- <itext id="video_ar" lang="ar" type="text/srt" charset="Windows-1256" display="auto"
- src="elephants_dream/elephant.arabic.srt" category="SUB"></itext>
- <itext id="video_bn" lang="bn" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.bangla.srt" category="SUB"></itext>
- <itext id="video_br" lang="br" type="text/srt" charset="Windows-1252" display="auto"
- src="elephants_dream/elephant.breton.srt" category="SUB"></itext>
- <itext id="video_bg" lang="bg" type="text/srt" charset="Windows-1251" display="auto"
- src="elephants_dream/elephant.bulgarian.srt" category="SUB"></itext>
- <itext id="video_ca" lang="ca" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.catalan-utf8.srt" category="SUB"></itext>
- <itext id="video_zh" lang="zh" type="text/srt" charset="GB18030" display="auto"
- src="elephants_dream/elephant.chinese.srt" category="SUB"></itext>
- <itext id="video_cz" lang="cs" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.czech.srt" category="SUB"></itext>
- <itext id="video_da" lang="da" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.danish.srt" category="SUB"></itext>
- <itext id="video_nl" lang="nl" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.dutch.srt" category="SUB"></itext>
- <itext id="video_en" lang="en" type="text/srt" charset="ISO-8859" display="auto"
- src="elephants_dream/elephant.english.srt" category="SUB"></itext>
- <itext id="video_et" lang="et" type="text/srt" charset="Windows-1252" display="auto"
- src="elephants_dream/elephant.estonian.srt" category="SUB"></itext>
- <itext id="video_fi" lang="fi" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.finnish.srt" category="SUB"></itext>
- <itext id="video_fr" lang="fr" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.french.srt" category="SUB"></itext>
- <itext id="video_de" lang="de" type="text/srt" charset="ISO-8859" display="auto"
- src="elephants_dream/elephant.german.srt" category="SUB"></itext>
- <itext id="video_el" lang="el" type="text/srt" charset="ISO-8859-7" display="auto"
- src="elephants_dream/elephant.greek.srt" category="SUB"></itext>
- <itext id="video_he" lang="he" type="text/srt" charset="Windows-1252" display="auto"
- src="elephants_dream/elephant.hebrew.srt" category="SUB"></itext>
- <itext id="video_hu" lang="hu" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.hungarian-utf8.srt" category="SUB"></itext>
- <itext id="video_it" lang="it" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.italian.srt" category="SUB"></itext>
+ <itext id="video_af" lang="af" type="text/srt" charset="ISO-8859" display="auto"
+ src="elephants_dream/elephant.afrikaans.srt" category="SUB"></itext>
+ <itext id="video_ar" lang="ar" type="text/srt" charset="Windows-1256" display="auto"
+ src="elephants_dream/elephant.arabic.srt" category="SUB"></itext>
+ <itext id="video_bn" lang="bn" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.bangla.srt" category="SUB"></itext>
+ <itext id="video_br" lang="br" type="text/srt" charset="Windows-1252" display="auto"
+ src="elephants_dream/elephant.breton.srt" category="SUB"></itext>
+ <itext id="video_bg" lang="bg" type="text/srt" charset="Windows-1251" display="auto"
+ src="elephants_dream/elephant.bulgarian.srt" category="SUB"></itext>
+ <itext id="video_ca" lang="ca" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.catalan-utf8.srt" category="SUB"></itext>
+ <itext id="video_zh" lang="zh" type="text/srt" charset="GB18030" display="auto"
+ src="elephants_dream/elephant.chinese.srt" category="SUB"></itext>
+ <itext id="video_cz" lang="cs" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.czech.srt" category="SUB"></itext>
+ <itext id="video_da" lang="da" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.danish.srt" category="SUB"></itext>
+ <itext id="video_nl" lang="nl" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.dutch.srt" category="SUB"></itext>
+ <itext id="video_en" lang="en" type="text/srt" charset="ISO-8859" display="auto"
+ src="elephants_dream/elephant.english.srt" category="SUB"></itext>
+ <itext id="video_et" lang="et" type="text/srt" charset="Windows-1252" display="auto"
+ src="elephants_dream/elephant.estonian.srt" category="SUB"></itext>
+ <itext id="video_fi" lang="fi" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.finnish.srt" category="SUB"></itext>
+ <itext id="video_fr" lang="fr" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.french.srt" category="SUB"></itext>
+ <itext id="video_de" lang="de" type="text/srt" charset="ISO-8859" display="auto"
+ src="elephants_dream/elephant.german.srt" category="SUB"></itext>
+ <itext id="video_el" lang="el" type="text/srt" charset="ISO-8859-7" display="auto"
+ src="elephants_dream/elephant.greek.srt" category="SUB"></itext>
+ <itext id="video_he" lang="he" type="text/srt" charset="Windows-1252" display="auto"
+ src="elephants_dream/elephant.hebrew.srt" category="SUB"></itext>
+ <itext id="video_hu" lang="hu" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.hungarian-utf8.srt" category="SUB"></itext>
+ <itext id="video_it" lang="it" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.italian.srt" category="SUB"></itext>
- <itext id="video_ja" lang="ja" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.japanese.srt" category="CC"></itext>
- <itext id="video_ja" lang="ja" type="text/srt" charset="EUC-JP" display="auto"
- src="elephants_dream/elephant.japanese-euc.srt" category="CC"></itext>
- <itext id="video_mt" lang="mt" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.maltese_utf8.srt" category="CC"></itext>
- <itext id="video_nn" lang="nn" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.norwegian.srt" category="CC"></itext>
- <itext id="video_pl" lang="pl" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.polish.srt" category="CC"></itext>
- <itext id="video_pt" lang="pt" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.portuguese.srt" category="CC"></itext>
- <itext id="video_pt_br" lang="pt-br" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.brazilian.srt" category="CC"></itext>
- <itext id="video_ro" lang="ro" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.romanian.srt" category="CC"></itext>
- <itext id="video_ru" lang="ru" type="text/srt" charset="Windows-1251" display="auto"
- src="elephants_dream/elephant.russian.srt" category="CC"></itext>
- <itext id="video_sl" lang="sl" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.slovenian.srt" category="CC"></itext>
- <itext id="video_es" lang="es" type="text/srt" charset="ISO-8859" display="auto"
- src="elephants_dream/elephant.spanish.srt" category="CC"></itext>
- <itext id="video_es_mx" lang="es-mx" type="text/srt" charset="ISO-8859" display="auto"
- src="elephants_dream/elephant.spanish-us.srt" category="CC"></itext>
- <itext id="video_sk" lang="sk" type="text/srt" charset="Windows-1251" display="auto"
- src="elephants_dream/elephant.slovak.srt" category="CC"></itext>
- <itext id="video_sv" lang="sv" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.swedish.srt" category="CC"></itext>
+ <itext id="video_ja" lang="ja" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.japanese.srt" category="CC"></itext>
+ <itext id="video_ja" lang="ja" type="text/srt" charset="EUC-JP" display="auto"
+ src="elephants_dream/elephant.japanese-euc.srt" category="CC"></itext>
+ <itext id="video_mt" lang="mt" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.maltese_utf8.srt" category="CC"></itext>
+ <itext id="video_nn" lang="nn" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.norwegian.srt" category="CC"></itext>
+ <itext id="video_pl" lang="pl" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.polish.srt" category="CC"></itext>
+ <itext id="video_pt" lang="pt" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.portuguese.srt" category="CC"></itext>
+ <itext id="video_pt_br" lang="pt-br" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.brazilian.srt" category="CC"></itext>
+ <itext id="video_ro" lang="ro" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.romanian.srt" category="CC"></itext>
+ <itext id="video_ru" lang="ru" type="text/srt" charset="Windows-1251" display="auto"
+ src="elephants_dream/elephant.russian.srt" category="CC"></itext>
+ <itext id="video_sl" lang="sl" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.slovenian.srt" category="CC"></itext>
+ <itext id="video_es" lang="es" type="text/srt" charset="ISO-8859" display="auto"
+ src="elephants_dream/elephant.spanish.srt" category="CC"></itext>
+ <itext id="video_es_mx" lang="es-mx" type="text/srt" charset="ISO-8859" display="auto"
+ src="elephants_dream/elephant.spanish-us.srt" category="CC"></itext>
+ <itext id="video_sk" lang="sk" type="text/srt" charset="Windows-1251" display="auto"
+ src="elephants_dream/elephant.slovak.srt" category="CC"></itext>
+ <itext id="video_sv" lang="sv" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.swedish.srt" category="CC"></itext>
- <itext id="audiodesc" lang="en" type="text/srt" charset="ISO-8859" display="yes"
- src="elephants_dream/audiodescription.srt" category="TAD"></itext>
+ <itext id="audiodesc" lang="en" type="text/srt" charset="ISO-8859" display="yes"
+ src="elephants_dream/audiodescription.srt" category="TAD"></itext>
- <itext id="chapters" lang="en" type="text/srt" charset="ISO-8859" display="yes"
- src="elephants_dream/chapters.srt" category="CUE"></itext>
+ <itext id="chapters" lang="en" type="text/srt" charset="ISO-8859" display="yes"
+ src="elephants_dream/chapters.srt" category="CUE"></itext>
</video>
</pre>
Modified: itext/elephant_with_skin.html
===================================================================
--- itext/elephant_with_skin.html 2009-10-29 09:02:45 UTC (rev 4050)
+++ itext/elephant_with_skin.html 2009-10-29 09:02:58 UTC (rev 4051)
@@ -54,119 +54,119 @@
<h1>Demo Video Player Accessibility</h1>
- <div id="main">
- <div class="tinyVidPlayer">
+ <div id="main">
+ <div class="tinyVidPlayer">
- <div class="nw"><div class="ne"><div class="nc">
- </div></div></div>
- <div class="mw"><div class="me"><div class="mc">
+ <div class="nw"><div class="ne"><div class="nc">
+ </div></div></div>
+ <div class="mw"><div class="me"><div class="mc">
<div id="itextcontainer"></div>
-
- <video class="v" src="elephants_dream/elephant.ogv" poster="elephants_dream/elephant.png" >
- <!-- Language Tags http://www.iana.org/assignments/language-subtag-registry -->
- <itext id="video_af" lang="af" type="text/srt" charset="ISO-8859" display="auto"
- src="elephants_dream/elephant.afrikaans.srt" category="SUB"></itext>
- <itext id="video_ar" lang="ar" type="text/srt" charset="Windows-1256" display="auto"
- src="elephants_dream/elephant.arabic.srt" category="SUB"></itext>
- <itext id="video_bn" lang="bn" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.bangla.srt" category="SUB"></itext>
- <itext id="video_br" lang="br" type="text/srt" charset="Windows-1252" display="auto"
- src="elephants_dream/elephant.breton.srt" category="SUB"></itext>
- <itext id="video_bg" lang="bg" type="text/srt" charset="Windows-1251" display="auto"
- src="elephants_dream/elephant.bulgarian.srt" category="SUB"></itext>
- <itext id="video_ca" lang="ca" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.catalan-utf8.srt" category="SUB"></itext>
- <itext id="video_zh" lang="zh" type="text/srt" charset="GB18030" display="auto"
- src="elephants_dream/elephant.chinese.srt" category="SUB"></itext>
- <itext id="video_cz" lang="cs" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.czech.srt" category="SUB"></itext>
- <itext id="video_da" lang="da" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.danish.srt" category="SUB"></itext>
- <itext id="video_nl" lang="nl" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.dutch.srt" category="SUB"></itext>
- <itext id="video_en" lang="en" type="text/srt" charset="ISO-8859" display="auto"
- src="elephants_dream/elephant.english.srt" category="SUB"></itext>
- <itext id="video_et" lang="et" type="text/srt" charset="Windows-1252" display="auto"
- src="elephants_dream/elephant.estonian.srt" category="SUB"></itext>
- <itext id="video_fi" lang="fi" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.finnish.srt" category="SUB"></itext>
- <itext id="video_fr" lang="fr" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.french.srt" category="SUB"></itext>
- <itext id="video_de" lang="de" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.german.srt" category="SUB"></itext>
- <itext id="video_el" lang="el" type="text/srt" charset="ISO-8859-7" display="auto"
- src="elephants_dream/elephant.greek.srt" category="SUB"></itext>
- <itext id="video_he" lang="he" type="text/srt" charset="Windows-1252" display="auto"
- src="elephants_dream/elephant.hebrew.srt" category="SUB"></itext>
- <itext id="video_hu" lang="hu" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.hungarian-utf8.srt" category="SUB"></itext>
- <itext id="video_it" lang="it" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.italian.srt" category="SUB"></itext>
- <itext id="video_ja" lang="ja" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.japanese.srt" category="CC"></itext>
- <itext id="video_ja" lang="ja" type="text/srt" charset="EUC-JP" display="auto"
- src="elephants_dream/elephant.japanese-euc.srt" category="CC"></itext>
- <itext id="video_mt" lang="mt" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.maltese_utf8.srt" category="CC"></itext>
- <itext id="video_nn" lang="nn" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.norwegian.srt" category="CC"></itext>
- <itext id="video_pl" lang="pl" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.polish.srt" category="CC"></itext>
- <itext id="video_pt" lang="pt" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.portuguese.srt" category="CC"></itext>
- <itext id="video_pt_br" lang="pt-br" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.brazilian.srt" category="CC"></itext>
- <itext id="video_ro" lang="ro" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.romanian.srt" category="CC"></itext>
- <itext id="video_ru" lang="ru" type="text/srt" charset="Windows-1251" display="auto"
- src="elephants_dream/elephant.russian.srt" category="CC"></itext>
- <itext id="video_sl" lang="sl" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.slovenian.srt" category="CC"></itext>
- <itext id="video_es" lang="es" type="text/srt" charset="ISO-8859" display="auto"
- src="elephants_dream/elephant.spanish.srt" category="CC"></itext>
- <itext id="video_es_mx" lang="es-mx" type="text/srt" charset="ISO-8859" display="auto"
- src="elephants_dream/elephant.spanish-us.srt" category="CC"></itext>
- <itext id="video_sk" lang="sk" type="text/srt" charset="Windows-1251" display="auto"
- src="elephants_dream/elephant.slovak.srt" category="CC"></itext>
- <itext id="video_sv" lang="sv" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.swedish.srt" category="CC"></itext>
+
+ <video class="v" src="elephants_dream/elephant.ogv" poster="elephants_dream/elephant.png" >
+ <!-- Language Tags http://www.iana.org/assignments/language-subtag-registry -->
+ <itext id="video_af" lang="af" type="text/srt" charset="ISO-8859" display="auto"
+ src="elephants_dream/elephant.afrikaans.srt" category="SUB"></itext>
+ <itext id="video_ar" lang="ar" type="text/srt" charset="Windows-1256" display="auto"
+ src="elephants_dream/elephant.arabic.srt" category="SUB"></itext>
+ <itext id="video_bn" lang="bn" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.bangla.srt" category="SUB"></itext>
+ <itext id="video_br" lang="br" type="text/srt" charset="Windows-1252" display="auto"
+ src="elephants_dream/elephant.breton.srt" category="SUB"></itext>
+ <itext id="video_bg" lang="bg" type="text/srt" charset="Windows-1251" display="auto"
+ src="elephants_dream/elephant.bulgarian.srt" category="SUB"></itext>
+ <itext id="video_ca" lang="ca" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.catalan-utf8.srt" category="SUB"></itext>
+ <itext id="video_zh" lang="zh" type="text/srt" charset="GB18030" display="auto"
+ src="elephants_dream/elephant.chinese.srt" category="SUB"></itext>
+ <itext id="video_cz" lang="cs" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.czech.srt" category="SUB"></itext>
+ <itext id="video_da" lang="da" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.danish.srt" category="SUB"></itext>
+ <itext id="video_nl" lang="nl" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.dutch.srt" category="SUB"></itext>
+ <itext id="video_en" lang="en" type="text/srt" charset="ISO-8859" display="auto"
+ src="elephants_dream/elephant.english.srt" category="SUB"></itext>
+ <itext id="video_et" lang="et" type="text/srt" charset="Windows-1252" display="auto"
+ src="elephants_dream/elephant.estonian.srt" category="SUB"></itext>
+ <itext id="video_fi" lang="fi" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.finnish.srt" category="SUB"></itext>
+ <itext id="video_fr" lang="fr" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.french.srt" category="SUB"></itext>
+ <itext id="video_de" lang="de" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.german.srt" category="SUB"></itext>
+ <itext id="video_el" lang="el" type="text/srt" charset="ISO-8859-7" display="auto"
+ src="elephants_dream/elephant.greek.srt" category="SUB"></itext>
+ <itext id="video_he" lang="he" type="text/srt" charset="Windows-1252" display="auto"
+ src="elephants_dream/elephant.hebrew.srt" category="SUB"></itext>
+ <itext id="video_hu" lang="hu" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.hungarian-utf8.srt" category="SUB"></itext>
+ <itext id="video_it" lang="it" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.italian.srt" category="SUB"></itext>
+ <itext id="video_ja" lang="ja" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.japanese.srt" category="CC"></itext>
+ <itext id="video_ja" lang="ja" type="text/srt" charset="EUC-JP" display="auto"
+ src="elephants_dream/elephant.japanese-euc.srt" category="CC"></itext>
+ <itext id="video_mt" lang="mt" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.maltese_utf8.srt" category="CC"></itext>
+ <itext id="video_nn" lang="nn" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.norwegian.srt" category="CC"></itext>
+ <itext id="video_pl" lang="pl" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.polish.srt" category="CC"></itext>
+ <itext id="video_pt" lang="pt" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.portuguese.srt" category="CC"></itext>
+ <itext id="video_pt_br" lang="pt-br" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.brazilian.srt" category="CC"></itext>
+ <itext id="video_ro" lang="ro" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.romanian.srt" category="CC"></itext>
+ <itext id="video_ru" lang="ru" type="text/srt" charset="Windows-1251" display="auto"
+ src="elephants_dream/elephant.russian.srt" category="CC"></itext>
+ <itext id="video_sl" lang="sl" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.slovenian.srt" category="CC"></itext>
+ <itext id="video_es" lang="es" type="text/srt" charset="ISO-8859" display="auto"
+ src="elephants_dream/elephant.spanish.srt" category="CC"></itext>
+ <itext id="video_es_mx" lang="es-mx" type="text/srt" charset="ISO-8859" display="auto"
+ src="elephants_dream/elephant.spanish-us.srt" category="CC"></itext>
+ <itext id="video_sk" lang="sk" type="text/srt" charset="Windows-1251" display="auto"
+ src="elephants_dream/elephant.slovak.srt" category="CC"></itext>
+ <itext id="video_sv" lang="sv" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.swedish.srt" category="CC"></itext>
<itext id="audiodesc" lang="en" type="text/srt" charset="ISO-8859" display="yes"
src="elephants_dream/audiodescription.srt" category="TAD"></itext>
<itext id="chapters" lang="en" type="text/srt" charset="ISO-8859" display="yes"
src="elephants_dream/chapters.srt" category="CUE"></itext>
- </video>
+ </video>
- </div></div></div>
- <div class="sw"><div class="se"><div class="sc">
- <a class="play btn" href="#play" aria-live="off">
- <img src="skins/schmucker/images/button_play.png" alt="video play button"/>
- </a>
- <a class="stop btn" href="#stop" aria-live="off">
- <img src="skins/schmucker/images/button_stop.png" alt="video stop button"/>
- </a>
- <div class="seeker bar">
+ </div></div></div>
+ <div class="sw"><div class="se"><div class="sc">
+ <a class="play btn" href="#play" aria-live="off">
+ <img src="skins/schmucker/images/button_play.png" alt="video play button"/>
+ </a>
+ <a class="stop btn" href="#stop" aria-live="off">
+ <img src="skins/schmucker/images/button_stop.png" alt="video stop button"/>
+ </a>
+ <div class="seeker bar">
- <div class="fill">
- <div class="progress"></div>
- <div class="limiter">
- <div class="handle"></div>
- </div>
- <div class="w"></div><div class="e"></div>
- </div>
- </div>
- <a class="sound btn" href="#sound"><img class="soundimg" aria-live="off" src="skins/schmucker/images/sound.png" alt="video volume" /></a>
- <a class="itext btn" href="#itext"><img class="itextimg" aria-live="off" src="skins/schmucker/images/itext.png" alt="Access Subtitles, Captions and Audio Descriptions - press space bar"/></a>
+ <div class="fill">
+ <div class="progress"></div>
+ <div class="limiter">
+ <div class="handle"></div>
+ </div>
+ <div class="w"></div><div class="e"></div>
+ </div>
+ </div>
+ <a class="sound btn" href="#sound"><img class="soundimg" aria-live="off" src="skins/schmucker/images/sound.png" alt="video volume" /></a>
+ <a class="itext btn" href="#itext"><img class="itextimg" aria-live="off" src="skins/schmucker/images/itext.png" alt="Access Subtitles, Captions and Audio Descriptions - press space bar"/></a>
- <div class="volume bar">
- <div class="fill">
- <div class="progress"></div>
- <div class="w"></div><div class="e"></div>
- </div>
- </div>
- <div class="size"></div>
- </div></div></div>
- </div>
+ <div class="volume bar">
+ <div class="fill">
+ <div class="progress"></div>
+ <div class="w"></div><div class="e"></div>
+ </div>
+ </div>
+ <div class="size"></div>
+ </div></div></div>
+ </div>
</div>
@@ -188,79 +188,79 @@
<pre>
<video class="v" src="elephants_dream/elephant.ogv" poster="elephants_dream/elephant.png" >
- <itext id="video_af" lang="af" type="text/srt" charset="ISO-8859" display="auto"
- src="elephants_dream/elephant.afrikaans.srt" category="SUB"></itext>
- <itext id="video_ar" lang="ar" type="text/srt" charset="Windows-1256" display="auto"
- src="elephants_dream/elephant.arabic.srt" category="SUB"></itext>
- <itext id="video_bn" lang="bn" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.bangla.srt" category="SUB"></itext>
- <itext id="video_br" lang="br" type="text/srt" charset="Windows-1252" display="auto"
- src="elephants_dream/elephant.breton.srt" category="SUB"></itext>
- <itext id="video_bg" lang="bg" type="text/srt" charset="Windows-1251" display="auto"
- src="elephants_dream/elephant.bulgarian.srt" category="SUB"></itext>
- <itext id="video_ca" lang="ca" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.catalan-utf8.srt" category="SUB"></itext>
- <itext id="video_zh" lang="zh" type="text/srt" charset="GB18030" display="auto"
- src="elephants_dream/elephant.chinese.srt" category="SUB"></itext>
- <itext id="video_cz" lang="cs" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.czech.srt" category="SUB"></itext>
- <itext id="video_da" lang="da" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.danish.srt" category="SUB"></itext>
- <itext id="video_nl" lang="nl" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.dutch.srt" category="SUB"></itext>
- <itext id="video_en" lang="en" type="text/srt" charset="ISO-8859" display="auto"
- src="elephants_dream/elephant.english.srt" category="SUB"></itext>
- <itext id="video_et" lang="et" type="text/srt" charset="Windows-1252" display="auto"
- src="elephants_dream/elephant.estonian.srt" category="SUB"></itext>
- <itext id="video_fi" lang="fi" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.finnish.srt" category="SUB"></itext>
- <itext id="video_fr" lang="fr" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.french.srt" category="SUB"></itext>
- <itext id="video_de" lang="de" type="text/srt" charset="ISO-8859" display="auto"
- src="elephants_dream/elephant.german.srt" category="SUB"></itext>
- <itext id="video_el" lang="el" type="text/srt" charset="ISO-8859-7" display="auto"
- src="elephants_dream/elephant.greek.srt" category="SUB"></itext>
- <itext id="video_he" lang="he" type="text/srt" charset="Windows-1252" display="auto"
- src="elephants_dream/elephant.hebrew.srt" category="SUB"></itext>
- <itext id="video_hu" lang="hu" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.hungarian-utf8.srt" category="SUB"></itext>
- <itext id="video_it" lang="it" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.italian.srt" category="SUB"></itext>
+ <itext id="video_af" lang="af" type="text/srt" charset="ISO-8859" display="auto"
+ src="elephants_dream/elephant.afrikaans.srt" category="SUB"></itext>
+ <itext id="video_ar" lang="ar" type="text/srt" charset="Windows-1256" display="auto"
+ src="elephants_dream/elephant.arabic.srt" category="SUB"></itext>
+ <itext id="video_bn" lang="bn" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.bangla.srt" category="SUB"></itext>
+ <itext id="video_br" lang="br" type="text/srt" charset="Windows-1252" display="auto"
+ src="elephants_dream/elephant.breton.srt" category="SUB"></itext>
+ <itext id="video_bg" lang="bg" type="text/srt" charset="Windows-1251" display="auto"
+ src="elephants_dream/elephant.bulgarian.srt" category="SUB"></itext>
+ <itext id="video_ca" lang="ca" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.catalan-utf8.srt" category="SUB"></itext>
+ <itext id="video_zh" lang="zh" type="text/srt" charset="GB18030" display="auto"
+ src="elephants_dream/elephant.chinese.srt" category="SUB"></itext>
+ <itext id="video_cz" lang="cs" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.czech.srt" category="SUB"></itext>
+ <itext id="video_da" lang="da" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.danish.srt" category="SUB"></itext>
+ <itext id="video_nl" lang="nl" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.dutch.srt" category="SUB"></itext>
+ <itext id="video_en" lang="en" type="text/srt" charset="ISO-8859" display="auto"
+ src="elephants_dream/elephant.english.srt" category="SUB"></itext>
+ <itext id="video_et" lang="et" type="text/srt" charset="Windows-1252" display="auto"
+ src="elephants_dream/elephant.estonian.srt" category="SUB"></itext>
+ <itext id="video_fi" lang="fi" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.finnish.srt" category="SUB"></itext>
+ <itext id="video_fr" lang="fr" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.french.srt" category="SUB"></itext>
+ <itext id="video_de" lang="de" type="text/srt" charset="ISO-8859" display="auto"
+ src="elephants_dream/elephant.german.srt" category="SUB"></itext>
+ <itext id="video_el" lang="el" type="text/srt" charset="ISO-8859-7" display="auto"
+ src="elephants_dream/elephant.greek.srt" category="SUB"></itext>
+ <itext id="video_he" lang="he" type="text/srt" charset="Windows-1252" display="auto"
+ src="elephants_dream/elephant.hebrew.srt" category="SUB"></itext>
+ <itext id="video_hu" lang="hu" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.hungarian-utf8.srt" category="SUB"></itext>
+ <itext id="video_it" lang="it" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.italian.srt" category="SUB"></itext>
- <itext id="video_ja" lang="ja" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.japanese.srt" category="CC"></itext>
- <itext id="video_ja" lang="ja" type="text/srt" charset="EUC-JP" display="auto"
- src="elephants_dream/elephant.japanese-euc.srt" category="CC"></itext>
- <itext id="video_mt" lang="mt" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.maltese_utf8.srt" category="CC"></itext>
- <itext id="video_nn" lang="nn" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.norwegian.srt" category="CC"></itext>
- <itext id="video_pl" lang="pl" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.polish.srt" category="CC"></itext>
- <itext id="video_pt" lang="pt" type="text/srt" charset="UTF-8" display="auto"
- src="elephants_dream/elephant.portuguese.srt" category="CC"></itext>
- <itext id="video_pt_br" lang="pt-br" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.brazilian.srt" category="CC"></itext>
- <itext id="video_ro" lang="ro" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.romanian.srt" category="CC"></itext>
- <itext id="video_ru" lang="ru" type="text/srt" charset="Windows-1251" display="auto"
- src="elephants_dream/elephant.russian.srt" category="CC"></itext>
- <itext id="video_sl" lang="sl" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.slovenian.srt" category="CC"></itext>
- <itext id="video_es" lang="es" type="text/srt" charset="ISO-8859" display="auto"
- src="elephants_dream/elephant.spanish.srt" category="CC"></itext>
- <itext id="video_es_mx" lang="es-mx" type="text/srt" charset="ISO-8859" display="auto"
- src="elephants_dream/elephant.spanish-us.srt" category="CC"></itext>
- <itext id="video_sk" lang="sk" type="text/srt" charset="Windows-1251" display="auto"
- src="elephants_dream/elephant.slovak.srt" category="CC"></itext>
- <itext id="video_sv" lang="sv" type="text/srt" charset="ISO-8859-1" display="auto"
- src="elephants_dream/elephant.swedish.srt" category="CC"></itext>
+ <itext id="video_ja" lang="ja" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.japanese.srt" category="CC"></itext>
+ <itext id="video_ja" lang="ja" type="text/srt" charset="EUC-JP" display="auto"
+ src="elephants_dream/elephant.japanese-euc.srt" category="CC"></itext>
+ <itext id="video_mt" lang="mt" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.maltese_utf8.srt" category="CC"></itext>
+ <itext id="video_nn" lang="nn" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.norwegian.srt" category="CC"></itext>
+ <itext id="video_pl" lang="pl" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.polish.srt" category="CC"></itext>
+ <itext id="video_pt" lang="pt" type="text/srt" charset="UTF-8" display="auto"
+ src="elephants_dream/elephant.portuguese.srt" category="CC"></itext>
+ <itext id="video_pt_br" lang="pt-br" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.brazilian.srt" category="CC"></itext>
+ <itext id="video_ro" lang="ro" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.romanian.srt" category="CC"></itext>
+ <itext id="video_ru" lang="ru" type="text/srt" charset="Windows-1251" display="auto"
+ src="elephants_dream/elephant.russian.srt" category="CC"></itext>
+ <itext id="video_sl" lang="sl" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.slovenian.srt" category="CC"></itext>
+ <itext id="video_es" lang="es" type="text/srt" charset="ISO-8859" display="auto"
+ src="elephants_dream/elephant.spanish.srt" category="CC"></itext>
+ <itext id="video_es_mx" lang="es-mx" type="text/srt" charset="ISO-8859" display="auto"
+ src="elephants_dream/elephant.spanish-us.srt" category="CC"></itext>
+ <itext id="video_sk" lang="sk" type="text/srt" charset="Windows-1251" display="auto"
+ src="elephants_dream/elephant.slovak.srt" category="CC"></itext>
+ <itext id="video_sv" lang="sv" type="text/srt" charset="ISO-8859-1" display="auto"
+ src="elephants_dream/elephant.swedish.srt" category="CC"></itext>
- <itext id="audiodesc" lang="en" type="text/srt" charset="ISO-8859" display="yes"
- src="elephants_dream/audiodescription.srt" category="TAD"></itext>
+ <itext id="audiodesc" lang="en" type="text/srt" charset="ISO-8859" display="yes"
+ src="elephants_dream/audiodescription.srt" category="TAD"></itext>
- <itext id="chapters" lang="en" type="text/srt" charset="ISO-8859" display="yes"
- src="elephants_dream/chapters.srt" category="CUE"></itext>
+ <itext id="chapters" lang="en" type="text/srt" charset="ISO-8859" display="yes"
+ src="elephants_dream/chapters.srt" category="CUE"></itext>
</video>
</pre>
Modified: itext/index.html
===================================================================
--- itext/index.html 2009-10-29 09:02:45 UTC (rev 4050)
+++ itext/index.html 2009-10-29 09:02:58 UTC (rev 4051)
@@ -66,7 +66,7 @@
<h1>Demos of HTML5 Video and Audio Tag Accessibility</h1>
<h2>Version 1 itext experiments</h2>
- <article>
+ <article>
<p>This is a collection of demos to experiment with accessibility for the new audio and video elements in HTML5.</p>
Modified: itext/mediafrag.html
===================================================================
--- itext/mediafrag.html 2009-10-29 09:02:45 UTC (rev 4050)
+++ itext/mediafrag.html 2009-10-29 09:02:58 UTC (rev 4051)
@@ -10,7 +10,7 @@
<h1>Experiments with HTML5 video and media fragment URI references</h1>
- <div id="main">
+ <div id="main">
<video class="v" src="elephants_dream/elephant.ogv#t=20" poster="elephants_dream/elephant.png"
autobuffer controls></video>
@@ -63,12 +63,12 @@
var video = document.getElementsByTagName("video")[0];
// get page URL without fragment & time offset
- var currenturl = location.href;
- var pageurl = location.href.split("#")[0];
+ var currenturl = location.href;
+ var pageurl = location.href.split("#")[0];
var offsettime = retrieveTimeFragment(currenturl);
// set cut-paste-entry to currenturl as default
- document.displayurl.offseturl.value = currenturl;
+ document.displayurl.offseturl.value = currenturl;
// once video is loaded, jump to time offset
video.addEventListener("loadedmetadata", function() {
@@ -91,57 +91,57 @@
// set callback for video to update page URL with time offset when paused
video.addEventListener("pause", function() {
- videotime = video.currentTime;
- changePageUrlOffset(videotime);
- }, false);
+ videotime = video.currentTime;
+ changePageUrlOffset(videotime);
+ }, false);
- // when the hash on the window changes, also do an offset
- window.addEventListener("hashchange", function() {
- var url = location.href;
- var time = retrieveTimeFragment(url);
+ // when the hash on the window changes, also do an offset
+ window.addEventListener("hashchange", function() {
+ var url = location.href;
+ var time = retrieveTimeFragment(url);
video.currentTime = time;
// update cut-and-paste url
- document.displayurl.offseturl.value = location.href;
- }, false);
-
- // jump to time offset action
- function jumpToTimeoffset(form) {
+ document.displayurl.offseturl.value = location.href;
+ }, false);
+
+ // jump to time offset action
+ function jumpToTimeoffset(form) {
var time = form.time.value;
- video.currentTime = time;
+ video.currentTime = time;
changePageUrlOffset(time);
- }
-
- // change the video's url
- function changeVideoUrl(form) {
- var newurl = form.url.value;
- video.src = newurl;
+ }
+
+ // change the video's url
+ function changeVideoUrl(form) {
+ var newurl = form.url.value;
+ video.src = newurl;
// possibly the change of a hash on a video's src attribute could be done
// without having to re-load the file
- video.load();
+ video.load();
var newurloffset = retrieveTimeFragment(newurl);
- changePageUrlOffset(newurloffset);
- }
-
- // parse the time hash out of the given url
- function retrieveTimeFragment(url) {
- var pageoffset = 0;
+ changePageUrlOffset(newurloffset);
+ }
+
+ // parse the time hash out of the given url
+ function retrieveTimeFragment(url) {
+ var pageoffset = 0;
var offsettime = 0;
- if (url.split("#")[1] != null) {
+ if (url.split("#")[1] != null) {
pageoffset = url.split("#")[1];
if (pageoffset.substring(2) != null) {
offsettime = pageoffset.substring(2);
}
}
return offsettime;
- }
-
- // change urls
- function changePageUrlOffset(time) {
- // update page url
+ }
+
+ // change urls
+ function changePageUrlOffset(time) {
+ // update page url
location.hash = "#t=" + time;
- // update cut-and-paste url
- document.displayurl.offseturl.value = location.href;
- }
+ // update cut-and-paste url
+ document.displayurl.offseturl.value = location.href;
+ }
</script>
Modified: itext/mediafrag_multiple_servers.html
===================================================================
--- itext/mediafrag_multiple_servers.html 2009-10-29 09:02:45 UTC (rev 4050)
+++ itext/mediafrag_multiple_servers.html 2009-10-29 09:02:58 UTC (rev 4051)
@@ -34,7 +34,7 @@
<h2>URI Fragment Example</h2>
- <div id="main">
+ <div id="main">
<p>Silvia Pfeiffer of the W3C Media Fragments working group implemented a demonstration of media fragment URIs using the URI fragment (#) mechanism and the HTML5 video element's video seeking functionalities using a new URI load() on the video element. It does not support URI queries (?) on the given server and only works with HTTP. It supports only time fragments and Ogg video.</p>
<p>Note: Jumping around on the video's timeline is quite slow, in particular for a reload, because the browser needs to determine the duration of the video. When using oggz-chop on the server, you can add a <a href="http://pearce.org.nz/2009/08/configuring-web-servers-for-html5-ogg.html">X-Content-Duration header</a>. In this demo, that has been hard coded into a .htaccess file on the server.</p>
@@ -81,34 +81,34 @@
// END: THIS SHOULD BE NATIVE IN BROWSER
}, false);
- // jump to time offset action
- function jumpToTimeoffset(form, video_index) {
+ // jump to time offset action
+ function jumpToTimeoffset(form, video_index) {
var time = form.time.value;
- video[video_index].currentTime = time;
- }
-
- // change the video's url
- function changeVideoUrl(form, video_index) {
- var newurl = form.url.value;
- video[video_index].src = newurl;
+ video[video_index].currentTime = time;
+ }
+
+ // change the video's url
+ function changeVideoUrl(form, video_index) {
+ var newurl = form.url.value;
+ video[video_index].src = newurl;
// the change of a hash on a video's src attribute could be done
// without having to re-load the file
- video[video_index].load();
- }
-
- // parse the time hash out of the given url
- function retrieveTimeFragment(url) {
- var pageoffset = 0;
+ video[video_index].load();
+ }
+
+ // parse the time hash out of the given url
+ function retrieveTimeFragment(url) {
+ var pageoffset = 0;
var offsettime = 0;
- if (url.split("#")[1] != null) {
+ if (url.split("#")[1] != null) {
pageoffset = url.split("#")[1];
if (pageoffset.substring(2) != null) {
offsettime = pageoffset.substring(2);
}
}
return offsettime;
- }
-
+ }
+
</script>
</body>
More information about the commits
mailing list