[xiph-commits] r4003 - in itext: . javascript skins/schmucker styles
silvia at svn.annodex.net
silvia at svn.annodex.net
Sat Sep 12 08:30:35 PDT 2009
Author: silvia
Date: 2009-09-12 08:30:35 -0700 (Sat, 12 Sep 2009)
New Revision: 4003
Modified:
itext/
itext/elephant_no_skin.html
itext/javascript/subtitles.js
itext/skins/schmucker/tinyvid.js
itext/styles/subtitles.css
Log:
Improvements to the subtitle demo. Better displays.
Property changes on: itext
___________________________________________________________________
Modified: bzr:revision-info
- timestamp: 2009-09-12 16:57:34.367000103 +1000
committer: Silvia Pfeiffer <silvia.pfeiffer at vquence.com>
properties:
branch-nick: silvia
+ timestamp: 2009-09-13 00:43:29.660000086 +1000
committer: Silvia Pfeiffer <silvia.pfeiffer at vquence.com>
properties:
branch-nick: silvia
Modified: bzr:file-ids
- javascript/subtitles.js subtitles.js-20090718094218-d45036mvytq5pecp-10
+ elephant_no_skin.html elephant_no_skin.htm-20090802130343-dlzxqj7cts3o0n1v-1
javascript/subtitles.js subtitles.js-20090718094218-d45036mvytq5pecp-10
skins/schmucker/tinyvid.js tinyvid.js-20090718094218-d45036mvytq5pecp-53
styles/subtitles.css subtitles.css-20090718094218-d45036mvytq5pecp-13
Modified: bzr:revision-id:v4
- 1 silvia.pfeiffer at vquence.com-20090713110521-cz7evclxohf4rbs2
2 silvia.pfeiffer at vquence.com-20090714003359-apmpuor2ttarph5n
3 silvia.pfeiffer at vquence.com-20090714143931-q6j8ritt91jn5rhu
4 silvia.pfeiffer at vquence.com-20090718094222-58zgcmsg9gggbnt1
5 silvia.pfeiffer at vquence.com-20090718094708-wb83p9u6jr1xlhm6
6 silvia.pfeiffer at vquence.com-20090718095409-p6en5qufj62m8w3h
7 silvia.pfeiffer at vquence.com-20090718113424-9s8cmt1guxj6qoky
8 silvia.pfeiffer at vquence.com-20090718113445-n0q9c14w4i11pe36
9 silvia.pfeiffer at vquence.com-20090718123622-xdp52y76dvpem2ya
10 silvia.pfeiffer at vquence.com-20090718131644-69y0zml0ccbwc5er
11 silvia.pfeiffer at vquence.com-20090719002119-ekzto9pc7jqs3gw9
12 silvia.pfeiffer at vquence.com-20090719120832-srm8qemvr5jjy67w
13 silvia.pfeiffer at vquence.com-20090719130420-s7xjh35zrfj8117x
14 silvia.pfeiffer at vquence.com-20090720065454-m2g8tcjgpgw8aetr
15 silvia.pfeiffer at vquence.com-20090720131039-ivpstebztd7u3vwx
16 silvia.pfeiffer at vquence.com-20090720190949-r4ahzq2regl7opf1
17 silvia.pfeiffer at vquence.com-20090720210510-i54efp8a9sem4g6g
18 silvia.pfeiffer at vquence.com-20090721063829-4pvft92pnt7k966p
19 silvia.pfeiffer at vquence.com-20090721065410-0miir37pbb73k35r
20 silvia.pfeiffer at vquence.com-20090721065911-9ngk00aeujudpw8p
21 silvia.pfeiffer at vquence.com-20090721121059-uthu2kmvu74zjv06
22 silvia.pfeiffer at vquence.com-20090721125735-lwwo9ivbdhj0jdhp
23 silvia.pfeiffer at vquence.com-20090721130655-sdqdgbs0lexyrwh5
24 silvia.pfeiffer at vquence.com-20090721143346-065b9v0rr1tcmyg0
25 silvia.pfeiffer at vquence.com-20090722010421-9sx8ynfzcoxh1eai
26 silvia.pfeiffer at vquence.com-20090722014433-yrqaapi0kmfec1oh
27 silvia.pfeiffer at vquence.com-20090722062945-586zxe3smxv1gdcw
28 silvia.pfeiffer at vquence.com-20090727123838-lcxe2fb7n2111ipd
29 silvia.pfeiffer at vquence.com-20090728151700-ai24t8itvj8hxs0c
30 silvia.pfeiffer at vquence.com-20090728210031-2n53wzpuledyqg9w
31 silvia.pfeiffer at vquence.com-20090730034353-pcrnaae01i2q5430
32 silvia.pfeiffer at vquence.com-20090731122706-nrrle33ore1cjl87
33 silvia.pfeiffer at vquence.com-20090801092101-zyu1s0ntmio5bihb
34 silvia.pfeiffer at vquence.com-20090801092534-5pvl2ehkqi87p9le
35 silvia.pfeiffer at vquence.com-20090801233833-xa51k548ng1tqxso
36 silvia.pfeiffer at vquence.com-20090802130400-k998eftqulgcrp04
37 silvia.pfeiffer at vquence.com-20090802143005-c1sm52ru0kfed912
38 silvia.pfeiffer at vquence.com-20090827061919-ejpm51zs89ekbd56
39 silvia.pfeiffer at vquence.com-20090827061950-6fu26p80jdvdh50c
40 silvia.pfeiffer at vquence.com-20090901040002-3qs6tqiqcod3cda2
41 silvia.pfeiffer at vquence.com-20090901040227-o491w2qkp79a2a3r
42 silvia.pfeiffer at vquence.com-20090901040449-3xtimieabhw7fu7o
43 silvia.pfeiffer at vquence.com-20090901051757-h9l9753jy47x87zy
44 silvia.pfeiffer at vquence.com-20090901132958-3i65nroyeciazei3
45 silvia.pfeiffer at vquence.com-20090901230635-adfp1v5h24nvg30q
46 silvia.pfeiffer at vquence.com-20090902004049-ssqjbhtpz737oc90
47 silvia.pfeiffer at vquence.com-20090902022932-omg01n8yn6gg853c
48 silvia.pfeiffer at vquence.com-20090903010501-3vehjdbaxv2gyzzf
49 silvia.pfeiffer at vquence.com-20090912064418-3jw90gm7r0d2jjzk
50 silvia.pfeiffer at vquence.com-20090912065734-rx0kxsolg43lssa3
+ 1 silvia.pfeiffer at vquence.com-20090713110521-cz7evclxohf4rbs2
2 silvia.pfeiffer at vquence.com-20090714003359-apmpuor2ttarph5n
3 silvia.pfeiffer at vquence.com-20090714143931-q6j8ritt91jn5rhu
4 silvia.pfeiffer at vquence.com-20090718094222-58zgcmsg9gggbnt1
5 silvia.pfeiffer at vquence.com-20090718094708-wb83p9u6jr1xlhm6
6 silvia.pfeiffer at vquence.com-20090718095409-p6en5qufj62m8w3h
7 silvia.pfeiffer at vquence.com-20090718113424-9s8cmt1guxj6qoky
8 silvia.pfeiffer at vquence.com-20090718113445-n0q9c14w4i11pe36
9 silvia.pfeiffer at vquence.com-20090718123622-xdp52y76dvpem2ya
10 silvia.pfeiffer at vquence.com-20090718131644-69y0zml0ccbwc5er
11 silvia.pfeiffer at vquence.com-20090719002119-ekzto9pc7jqs3gw9
12 silvia.pfeiffer at vquence.com-20090719120832-srm8qemvr5jjy67w
13 silvia.pfeiffer at vquence.com-20090719130420-s7xjh35zrfj8117x
14 silvia.pfeiffer at vquence.com-20090720065454-m2g8tcjgpgw8aetr
15 silvia.pfeiffer at vquence.com-20090720131039-ivpstebztd7u3vwx
16 silvia.pfeiffer at vquence.com-20090720190949-r4ahzq2regl7opf1
17 silvia.pfeiffer at vquence.com-20090720210510-i54efp8a9sem4g6g
18 silvia.pfeiffer at vquence.com-20090721063829-4pvft92pnt7k966p
19 silvia.pfeiffer at vquence.com-20090721065410-0miir37pbb73k35r
20 silvia.pfeiffer at vquence.com-20090721065911-9ngk00aeujudpw8p
21 silvia.pfeiffer at vquence.com-20090721121059-uthu2kmvu74zjv06
22 silvia.pfeiffer at vquence.com-20090721125735-lwwo9ivbdhj0jdhp
23 silvia.pfeiffer at vquence.com-20090721130655-sdqdgbs0lexyrwh5
24 silvia.pfeiffer at vquence.com-20090721143346-065b9v0rr1tcmyg0
25 silvia.pfeiffer at vquence.com-20090722010421-9sx8ynfzcoxh1eai
26 silvia.pfeiffer at vquence.com-20090722014433-yrqaapi0kmfec1oh
27 silvia.pfeiffer at vquence.com-20090722062945-586zxe3smxv1gdcw
28 silvia.pfeiffer at vquence.com-20090727123838-lcxe2fb7n2111ipd
29 silvia.pfeiffer at vquence.com-20090728151700-ai24t8itvj8hxs0c
30 silvia.pfeiffer at vquence.com-20090728210031-2n53wzpuledyqg9w
31 silvia.pfeiffer at vquence.com-20090730034353-pcrnaae01i2q5430
32 silvia.pfeiffer at vquence.com-20090731122706-nrrle33ore1cjl87
33 silvia.pfeiffer at vquence.com-20090801092101-zyu1s0ntmio5bihb
34 silvia.pfeiffer at vquence.com-20090801092534-5pvl2ehkqi87p9le
35 silvia.pfeiffer at vquence.com-20090801233833-xa51k548ng1tqxso
36 silvia.pfeiffer at vquence.com-20090802130400-k998eftqulgcrp04
37 silvia.pfeiffer at vquence.com-20090802143005-c1sm52ru0kfed912
38 silvia.pfeiffer at vquence.com-20090827061919-ejpm51zs89ekbd56
39 silvia.pfeiffer at vquence.com-20090827061950-6fu26p80jdvdh50c
40 silvia.pfeiffer at vquence.com-20090901040002-3qs6tqiqcod3cda2
41 silvia.pfeiffer at vquence.com-20090901040227-o491w2qkp79a2a3r
42 silvia.pfeiffer at vquence.com-20090901040449-3xtimieabhw7fu7o
43 silvia.pfeiffer at vquence.com-20090901051757-h9l9753jy47x87zy
44 silvia.pfeiffer at vquence.com-20090901132958-3i65nroyeciazei3
45 silvia.pfeiffer at vquence.com-20090901230635-adfp1v5h24nvg30q
46 silvia.pfeiffer at vquence.com-20090902004049-ssqjbhtpz737oc90
47 silvia.pfeiffer at vquence.com-20090902022932-omg01n8yn6gg853c
48 silvia.pfeiffer at vquence.com-20090903010501-3vehjdbaxv2gyzzf
49 silvia.pfeiffer at vquence.com-20090912064418-3jw90gm7r0d2jjzk
50 silvia.pfeiffer at vquence.com-20090912065734-rx0kxsolg43lssa3
51 silvia.pfeiffer at vquence.com-20090912144329-yanfydw2pkoaxytw
Modified: bzr:text-parents
- javascript/subtitles.js silvia.pfeiffer at vquence.com-20090827061919-ejpm51zs89ekbd56
+ elephant_no_skin.html silvia.pfeiffer at vquence.com-20090912064418-3jw90gm7r0d2jjzk
skins/schmucker/tinyvid.js silvia.pfeiffer at vquence.com-20090802130400-k998eftqulgcrp04
styles/subtitles.css silvia.pfeiffer at vquence.com-20090722062945-586zxe3smxv1gdcw
Modified: itext/elephant_no_skin.html
===================================================================
--- itext/elephant_no_skin.html 2009-09-12 15:30:26 UTC (rev 4002)
+++ itext/elephant_no_skin.html 2009-09-12 15:30:35 UTC (rev 4003)
@@ -43,7 +43,6 @@
<script type="text/javascript" src="javascript/srt.js"></script>
<script type="text/javascript" src="javascript/subtitles.js"></script>
<link href="styles/subtitles.css" type="text/css" rel="stylesheet"/>
-
<title>Experiment with video accessibility and time-aligned text</title>
<style>
div.itextMenu ul {
@@ -63,10 +62,12 @@
<h1>Demo Video Player Accessibility</h1>
-<div class="mc" width="440px" height="300px" style="position: relative; display:inline-block;">
- <div class="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">
+<div style="clear: all;">
+
+ <div class="videocontainer" style="position: relative; display:inline-block;">
+ <div class="mc" style="float: left;" width="426px">
+ <div class="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>
@@ -139,19 +140,22 @@
<itext id="chapters" lang="en" type="text/srt" charset="ISO-8859" display="yes"
src="elephants_dream/chapters.srt" category="CUE"></itext>
</video>
+ </div>
- <span id="itext_menu" tabindex="0">
- <button id="itext_btn" aria-haspopup="true" aria-labelledby="itext_btn_label" tabindex="0" title="video text menu button" value="">
+ <div id="itext_menu" tabindex="0" style="bottom: 0; position: absolute; left: 426px;">
+ <button id="itext_btn" aria-haspopup="true" aria-labelledby="itext_btn_label" tabindex="0" title="video text menu button" value="" style="">
<span id="itext_btn_label" style="display:none;">Video text menu</span>
<img class="itextimg" aria-live="off" src="images/itext.png" alt="Access Subtitles, Captions and Audio Descriptions - press space bar"/>
</button>
- <div id="menu"></div>
- </span>
+ <div id="menu" style="float: right; display: block;"></div>
+ </div>
+ </div>
+
</div>
-<script type="text/javascript">
+<script type="text/javascript">
// get video element
var video = document.getElementsByTagName("video")[0];
@@ -176,8 +180,7 @@
if (visitext) {
// make subtitle menu visible
jQuery(".catMenu").css("visibility", "visible");
- jQuery(".catMenu").css("bottom", "24px");
- jQuery(".catMenu").css("right", "-10px");
+ jQuery(".catMenu").css("bottom", "22px");
} else {
// make subtitle menu invisible
@@ -194,7 +197,6 @@
}
,false);
-
</script>
<p>Note: The demo works best in Firefox version >= 3.5, but also in the latest experimental releases of Safari (with XiphQT installed), Opera and Chrome. It will not work in IE.</p>
Modified: itext/javascript/subtitles.js
===================================================================
--- itext/javascript/subtitles.js 2009-09-12 15:30:26 UTC (rev 4002)
+++ itext/javascript/subtitles.js 2009-09-12 15:30:35 UTC (rev 4003)
@@ -569,7 +569,8 @@
}
appendText += '</ul></div>\n';
jQuery(baseEl).append(appendText);
- jQuery(".langMenu").css("height", jQuery(this.video).css("height"));
+ var videoHeight = jQuery(this.video).css("height").substr(0, jQuery(this.video).css("height").length - 2);
+ jQuery(".langMenu").css("height", "240px");
jQuery(".catMenu").css("visibility", "hidden");
},
show: function (currentTime) {
@@ -586,6 +587,7 @@
// add to correct content container
var mc_width = jQuery('.mc').css("width").substr(0, jQuery('.mc').css("width").length - 2);
+
for (i in content) {
if (content[i]) {
// replace content of itext div
@@ -596,6 +598,8 @@
}
if (i === "TAD") {
jQuery(".itext_TAD").attr("aria-live", "assertive");
+ jQuery(".itext_TAD").css("max-width", (mc_width) + "px");
+ jQuery(".itext_TAD").css("bottom", "5px");
}
jQuery(".itext_" + i).css("visibility", "visible");
if (i === "CC" ||
@@ -606,9 +610,9 @@
i === "LIN") {
// anyone with a better idea for how to place the captions bottom center, please speak up
jQuery(".itext_" + i).css("max-width", (mc_width - 14) + "px");
- jQuery(".itext_" + i).css("left", (mc_width / 2 + 7) + "px");
- var text_half_length = jQuery(".itext_" + i + " > .text").css("width").substr(0, jQuery(".itext_" + i + " > .text").css("width").length - 2) / 2 * (-1) + "px";
- jQuery(".itext_" + i).css("margin-left", text_half_length);
+ var text_half_length = jQuery(".itext_" + i + " > .text").css("width").substr(0, jQuery(".itext_" + i + " > .text").css("width").length - 2) / 2;
+ jQuery(".itext_" + i).css("left", (mc_width / 2 - text_half_length - 7) + "px");
+ jQuery(".itext_" + i).css("bottom", "20px");
}
}
} else {
Modified: itext/skins/schmucker/tinyvid.js
===================================================================
--- itext/skins/schmucker/tinyvid.js 2009-09-12 15:30:26 UTC (rev 4002)
+++ itext/skins/schmucker/tinyvid.js 2009-09-12 15:30:35 UTC (rev 4003)
@@ -262,9 +262,9 @@
sound:function(){
this.video.muted=!this.video.muted;
if (this.video.muted) {
- this.soundImg.src="images/soundoff.png";
+ this.soundImg.src="skins/schmucker/images/soundoff.png";
} else {
- this.soundImg.src="images/sound.png";
+ this.soundImg.src="skins/schmucker/images/sound.png";
}
},
itext:function(){
Modified: itext/styles/subtitles.css
===================================================================
--- itext/styles/subtitles.css 2009-09-12 15:30:26 UTC (rev 4002)
+++ itext/styles/subtitles.css 2009-09-12 15:30:35 UTC (rev 4003)
@@ -59,7 +59,8 @@
}
ul.catMenu > li > ul {
- margin-right: 121px;
+ right: 121px;
+ border: 1px solid black;
background-color: white;
visibility: hidden;
overflow: auto;
@@ -94,7 +95,6 @@
float: left;
margin: 0;
padding: 0;
- margin-right: 14px; /* make sure not to get visible behind the video */
width: 0
height: 0;
bottom: 0;
More information about the commits
mailing list