[xiph-commits] r4050 - itext
silvia at svn.annodex.net
silvia at svn.annodex.net
Thu Oct 29 02:02:45 PDT 2009
Author: silvia
Date: 2009-10-29 02:02:45 -0700 (Thu, 29 Oct 2009)
New Revision: 4050
Modified:
itext/elephant_no_skin_v2.html
Log:
Update of demo for v2 itext.
Modified: itext/elephant_no_skin_v2.html
===================================================================
--- itext/elephant_no_skin_v2.html 2009-10-29 03:37:21 UTC (rev 4049)
+++ itext/elephant_no_skin_v2.html 2009-10-29 09:02:45 UTC (rev 4050)
@@ -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,90 +65,90 @@
<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">
+ <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 -->
- <itextlist category="SUB" name="Subtitles">
+ <itextlist category="SUB" name="Subtitles" active="auto">
<itext id="video_af" lang="af" charset="ISO-8859-1"
- src="elephants_dream/elephant.afrikaans.srt">
+ src="elephants_dream/elephant.afrikaans.srt"></itext>
<itext id="video_ar" lang="ar" charset="Windows-1256"
- src="elephants_dream/elephant.arabic.srt">
+ src="elephants_dream/elephant.arabic.srt"></itext>
<itext id="video_bn" lang="bn" charset="UTF-8"
- src="elephants_dream/elephant.bangla.srt">
+ src="elephants_dream/elephant.bangla.srt"></itext>
<itext id="video_br" lang="br" charset="Windows-1252"
- src="elephants_dream/elephant.breton.srt">
+ src="elephants_dream/elephant.breton.srt"></itext>
<itext id="video_bg" lang="bg" charset="Windows-1251"
- src="elephants_dream/elephant.bulgarian.srt">
+ src="elephants_dream/elephant.bulgarian.srt"></itext>
<itext id="video_ca" lang="ca" charset="UTF-8"
- src="elephants_dream/elephant.catalan-utf8.srt">
- <itext id="video_zh" lang="zh" charset="GB18030"
- src="elephants_dream/elephant.chinese.srt">
- <itext id="video_cz" lang="cs" charset="ISO-8859-1"
- src="elephants_dream/elephant.czech.srt">
+ src="elephants_dream/elephant.catalan-utf8.srt"></itext>
+ <itext id="video_zh" lang="zh" charset="GB18030"
+ src="elephants_dream/elephant.chinese.srt"></itext>
+ <itext id="video_cz" lang="cs" charset="ISO-8859-1"
+ src="elephants_dream/elephant.czech.srt"></itext>
<itext id="video_da" lang="da" charset="ISO-8859-1"
- src="elephants_dream/elephant.danish.srt">
+ src="elephants_dream/elephant.danish.srt"></itext>
<itext id="video_nl" lang="nl" charset="ISO-8859-1"
- src="elephants_dream/elephant.dutch.srt">
- <itext id="video_en" lang="en" charset="ISO-8859-1"
- src="elephants_dream/elephant.english.srt">
- <itext id="video_et" lang="et" charset="Windows-1252"
- src="elephants_dream/elephant.estonian.srt">
- <itext id="video_fi" lang="fi" charset="ISO-8859-1"
- src="elephants_dream/elephant.finnish.srt">
- <itext id="video_fr" lang="fr" charset="ISO-8859-1"
- src="elephants_dream/elephant.french.srt">
- <itext id="video_de" lang="de" charset="ISO-8859-1"
- src="elephants_dream/elephant.german.srt">
- <itext id="video_el" lang="el" charset="ISO-8859-7"
- src="elephants_dream/elephant.greek.srt">
- <itext id="video_he" lang="he" charset="Windows-1252"
- src="elephants_dream/elephant.hebrew.srt">
- <itext id="video_hu" lang="hu" charset="UTF-8"
- src="elephants_dream/elephant.hungarian-utf8.srt">
+ src="elephants_dream/elephant.dutch.srt"></itext>
+ <itext id="video_en" lang="en" charset="ISO-8859-1"
+ src="elephants_dream/elephant.english.srt"></itext>
+ <itext id="video_et" lang="et" charset="Windows-1252"
+ src="elephants_dream/elephant.estonian.srt"></itext>
+ <itext id="video_fi" lang="fi" charset="ISO-8859-1"
+ src="elephants_dream/elephant.finnish.srt"></itext>
+ <itext id="video_fr" lang="fr" charset="ISO-8859-1"
+ src="elephants_dream/elephant.french.srt"></itext>
+ <itext id="video_de" lang="de" charset="ISO-8859-1"
+ src="elephants_dream/elephant.german.srt"></itext>
+ <itext id="video_el" lang="el" charset="ISO-8859-7"
+ src="elephants_dream/elephant.greek.srt"></itext>
+ <itext id="video_he" lang="he" charset="Windows-1252"
+ src="elephants_dream/elephant.hebrew.srt"></itext>
+ <itext id="video_hu" lang="hu" charset="UTF-8"
+ src="elephants_dream/elephant.hungarian-utf8.srt"></itext>
</itextlist>
<itextlist category="CC" name="Captions">
- <itext id="video_it" lang="it" charset="UTF-8"
- src="elephants_dream/elephant.italian.srt">
- <itext id="video_ja" lang="ja" charset="UTF-8"
- src="elephants_dream/elephant.japanese.srt">
- <itext id="video_ja" lang="ja" charset="EUC-JP"
- src="elephants_dream/elephant.japanese-euc.srt">
- <itext id="video_mt" lang="mt" charset="UTF-8"
- src="elephants_dream/elephant.maltese_utf8.srt">
- <itext id="video_nn" lang="nn" charset="ISO-8859-1"
- src="elephants_dream/elephant.norwegian.srt">
- <itext id="video_pl" lang="pl" charset="UTF-8"
- src="elephants_dream/elephant.polish.srt">
- <itext id="video_pt" lang="pt" charset="UTF-8"
- src="elephants_dream/elephant.portuguese.srt">
- <itext id="video_pt_br" lang="pt-br" charset="ISO-8859-1"
- src="elephants_dream/elephant.brazilian.srt">
- <itext id="video_ro" lang="ro" charset="ISO-8859-1"
- src="elephants_dream/elephant.romanian.srt">
- <itext id="video_ru" lang="ru" charset="Windows-1251"
- src="elephants_dream/elephant.russian.srt">
- <itext id="video_sl" lang="sl" charset="ISO-8859-1"
- src="elephants_dream/elephant.slovenian.srt">
- <itext id="video_es" lang="es" charset="ISO-8859-1"
- src="elephants_dream/elephant.spanish.srt">
- <itext id="video_es_mx" lang="es-mx" charset="ISO-8859-1"
- src="elephants_dream/elephant.spanish-us.srt">
- <itext id="video_sk" lang="sk" charset="Windows-1251"
- src="elephants_dream/elephant.slovak.srt">
- <itext id="video_sv" lang="sv" charset="ISO-8859-1"
- src="elephants_dream/elephant.swedish.srt">
+ <itext id="video_it" lang="it" charset="UTF-8"
+ src="elephants_dream/elephant.italian.srt"></itext>
+ <itext id="video_ja" lang="ja" charset="UTF-8"
+ src="elephants_dream/elephant.japanese.srt"></itext>
+ <itext id="video_ja" lang="ja" charset="EUC-JP"
+ src="elephants_dream/elephant.japanese-euc.srt"></itext>
+ <itext id="video_mt" lang="mt" charset="UTF-8"
+ src="elephants_dream/elephant.maltese_utf8.srt"></itext>
+ <itext id="video_nn" lang="nn" charset="ISO-8859-1"
+ src="elephants_dream/elephant.norwegian.srt"></itext>
+ <itext id="video_pl" lang="pl" charset="UTF-8"
+ src="elephants_dream/elephant.polish.srt"></itext>
+ <itext id="video_pt" lang="pt" charset="UTF-8"
+ src="elephants_dream/elephant.portuguese.srt"></itext>
+ <itext id="video_pt_br" lang="pt-br" charset="ISO-8859-1"
+ src="elephants_dream/elephant.brazilian.srt"></itext>
+ <itext id="video_ro" lang="ro" charset="ISO-8859-1"
+ src="elephants_dream/elephant.romanian.srt"></itext>
+ <itext id="video_ru" lang="ru" charset="Windows-1251"
+ src="elephants_dream/elephant.russian.srt"></itext>
+ <itext id="video_sl" lang="sl" charset="ISO-8859-1"
+ src="elephants_dream/elephant.slovenian.srt"></itext>
+ <itext id="video_es" lang="es" charset="ISO-8859-1"
+ src="elephants_dream/elephant.spanish.srt"></itext>
+ <itext id="video_es_mx" lang="es-mx" charset="ISO-8859-1"
+ src="elephants_dream/elephant.spanish-us.srt"></itext>
+ <itext id="video_sk" lang="sk" charset="Windows-1251"
+ src="elephants_dream/elephant.slovak.srt"></itext>
+ <itext id="video_sv" lang="sv" charset="ISO-8859-1"
+ src="elephants_dream/elephant.swedish.srt"></itext>
</itextlist>
<itextlist category="TAD" name="Audio Transcript">
<itext id="audiodesc" lang="en" charset="ISO-8859-1"
- src="elephants_dream/audiodescription.srt">
+ src="elephants_dream/audiodescription.srt"></itext>
</itextlist>
<itextlist category="CUE" name="Chapters">
<itext id="chapters" lang="en" charset="ISO-8859-1"
- src="elephants_dream/chapters.srt">
+ src="elephants_dream/chapters.srt"></itext>
</itextlist>
</video>
- </div>
+ </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;">
@@ -168,16 +168,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");
@@ -186,21 +186,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);
More information about the commits
mailing list