1 | <?xml version="1.0" encoding="UTF-8"?>
|
---|
2 | <!DOCTYPE videocollection [
|
---|
3 | <!ENTITY ndash "–">
|
---|
4 | <!ENTITY mdash "—">
|
---|
5 | ]>
|
---|
6 | <xsl:stylesheet version="1.0"
|
---|
7 | xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
|
---|
8 | xmlns:java="http://xml.apache.org/xslt/java"
|
---|
9 | xmlns:util="xalan://org.greenstone.gsdl3.util.XSLTUtil"
|
---|
10 | xmlns:gslib="http://www.greenstone.org/skinning"
|
---|
11 | extension-element-prefixes="java util"
|
---|
12 | exclude-result-prefixes="java util">
|
---|
13 |
|
---|
14 | <!-- use the 'main' layout -->
|
---|
15 | <xsl:include href="layouts/main.xsl"/>
|
---|
16 |
|
---|
17 | <!-- set page title -->
|
---|
18 | <xsl:template name="pageTitle"><gslib:collectionName/></xsl:template>
|
---|
19 |
|
---|
20 | <!-- set page breadcrumbs -->
|
---|
21 | <xsl:template name="breadcrumbs"><gslib:siteLink/><gslib:rightArrow/></xsl:template>
|
---|
22 |
|
---|
23 | <!-- the page content -->
|
---|
24 | <xsl:template match="/page">
|
---|
25 |
|
---|
26 | <!--Display the description text of the current collection,
|
---|
27 | and if some services are available then create a list
|
---|
28 | of links for each service within a <ul id="servicelist"> element.-->
|
---|
29 |
|
---|
30 | <xsl:variable name="httpPath">
|
---|
31 | <xsl:value-of select="/page/pageResponse/collection/metadataList/metadata[@name='httpPath']" />
|
---|
32 | </xsl:variable>
|
---|
33 |
|
---|
34 | <link href="http://fonts.googleapis.com/css?family=Pacifico" type="text/css" rel="stylesheet"></link>
|
---|
35 | <link href="http://fonts.googleapis.com/css?family=Rock+Salt" type="text/css" rel="stylesheet"></link>
|
---|
36 | <!--
|
---|
37 | <link href="{$httpPath}/style/?family=Pacifico" type="text/css" rel="stylesheet"></link>
|
---|
38 | -->
|
---|
39 |
|
---|
40 | <link rel="stylesheet" href="{$httpPath}/style/style.css" ></link>
|
---|
41 | <link rel="stylesheet" href="{$httpPath}/style/about-sub.css" ></link>
|
---|
42 |
|
---|
43 | <style>
|
---|
44 | p.about { text-align: justify; }
|
---|
45 | h2 { /* line-height: 135%; */ }
|
---|
46 | h3 { margin-top: 4pt; margin-bottom: 7pt; line-height: 135%; }
|
---|
47 |
|
---|
48 | a.mashup {text-decoration: none; }
|
---|
49 | a.mashup:link {color:#000080;} /* unvisited link */
|
---|
50 | a.mashup:visited {color:#303080;} /* visited link */
|
---|
51 | a.mashup:hover {color:#000040;} /* mouse over link */
|
---|
52 | a.mashup:active {color:#0000a0;}
|
---|
53 |
|
---|
54 | </style>
|
---|
55 |
|
---|
56 |
|
---|
57 | <script src="{$httpPath}/script2/browser-detect.js" type="text/javascript">
|
---|
58 | /* space filler needed */
|
---|
59 | </script>
|
---|
60 |
|
---|
61 |
|
---|
62 |
|
---|
63 | <div style="width: 800px; margin-left: auto; margin-right: auto;">
|
---|
64 |
|
---|
65 |
|
---|
66 | <div class="popbanner">
|
---|
67 | <div class="poptitle">
|
---|
68 | Pop-Up Videos Respooled
|
---|
69 | </div>
|
---|
70 | <div class="popbannersubtext">
|
---|
71 | Brought to you by VHHHHH1(*)
|
---|
72 | </div>
|
---|
73 | <div style="height: 10pt;"><hr /><xsl:comment>forced gap</xsl:comment></div>
|
---|
74 | <div class="popbannernote">
|
---|
75 | (*) <i>not affiliated to any music TV stations with fewer H's</i>
|
---|
76 | </div>
|
---|
77 | </div>
|
---|
78 |
|
---|
79 |
|
---|
80 | <!--
|
---|
81 | <div style="background-color: #DD3611; color: white; padding: 4pt; margin-bottom: 6pt;">
|
---|
82 | <table>
|
---|
83 |
|
---|
84 | <tr>
|
---|
85 | <td>
|
---|
86 | <img src="{$httpPath}/images/firefox-128.png" />
|
---|
87 | </td>
|
---|
88 | <td>
|
---|
89 | <p class="about">
|
---|
90 | <i><font size="+2">
|
---|
91 | An experiment with Firefox's Advanced
|
---|
92 | Audio Processing Extension ...
|
---|
93 | </font></i>
|
---|
94 | </p>
|
---|
95 |
|
---|
96 | <p class="about">
|
---|
97 | <i><font size="+2">
|
---|
98 | ... featuring a mash-up of
|
---|
99 | <a class="mashup" href="http://www.greenstone.org" target="_blank">Greenstone</a>,
|
---|
100 | <a class="mashup" href="http://www.omras2.org/audioDB" target="_blank">AudioDB</a>, and
|
---|
101 | <a class="mashup" href="http://seasr.org/meandre/" target="_blank">Meandre</a>.
|
---|
102 | </font></i>
|
---|
103 | </p>
|
---|
104 |
|
---|
105 |
|
---|
106 | <div id="bd-version" style="display:none;" class="about">
|
---|
107 | <p>
|
---|
108 | <img src="{$httpPath}/images/warning-icon.png" />
|
---|
109 | Version of Firefox detected:
|
---|
110 | <script type="text/javascript">
|
---|
111 | document.write(BrowserDetect.version);
|
---|
112 | </script>
|
---|
113 | </p>
|
---|
114 | <p>
|
---|
115 | You need to upgrade to a more recent version of Firefox
|
---|
116 | (v4.0 or greater) to access all the audio features of
|
---|
117 | this demonstration.
|
---|
118 | </p>
|
---|
119 | </div>
|
---|
120 |
|
---|
121 | <div id="bd-browser" style="display:none;" class="about">
|
---|
122 |
|
---|
123 | <p>
|
---|
124 | <img src="{$httpPath}/images/warning-icon.png" />
|
---|
125 | Browser detected:
|
---|
126 | <script type="text/javascript">
|
---|
127 | document.write(BrowserDetect.browser);
|
---|
128 | </script>
|
---|
129 | </p>
|
---|
130 | <p>You need to access this web-site using Firefox
|
---|
131 | (v4.0 or greater) to access all the audio features provided.
|
---|
132 | </p>
|
---|
133 | </div>
|
---|
134 |
|
---|
135 |
|
---|
136 |
|
---|
137 |
|
---|
138 | <script>
|
---|
139 | <xsl:text disable-output-escaping="yes">
|
---|
140 |
|
---|
141 | if (BrowserDetect.browser == "Firefox") {
|
---|
142 | if (BrowserDetect.version < 4) {
|
---|
143 | document.getElementById("bd-version").style.display="block";
|
---|
144 |
|
---|
145 | }
|
---|
146 | }
|
---|
147 | else {
|
---|
148 | document.getElementById("bd-browser").style.display="block";
|
---|
149 |
|
---|
150 | }
|
---|
151 | </xsl:text>
|
---|
152 | </script>
|
---|
153 |
|
---|
154 |
|
---|
155 |
|
---|
156 |
|
---|
157 | </td>
|
---|
158 | </tr>
|
---|
159 | </table>
|
---|
160 | </div>
|
---|
161 | -->
|
---|
162 |
|
---|
163 | <p class="about">A music DL collection that explores what is possible with only client-side processing.
|
---|
164 |
|
---|
165 |
|
---|
166 | <style>
|
---|
167 | li { padding-bottom: 10px; }
|
---|
168 |
|
---|
169 | </style>
|
---|
170 |
|
---|
171 |
|
---|
172 | <ol>
|
---|
173 |
|
---|
174 | <li>
|
---|
175 | <i>Client-side workflows:</i> the client-side Javascript
|
---|
176 | processing code is refactored to follow the same methodology as
|
---|
177 | Meandre components.
|
---|
178 | </li>
|
---|
179 |
|
---|
180 | <li>
|
---|
181 | <i>Visualization:</i> the
|
---|
182 | Pre-computed self-similarity heat-maps are dropped from the
|
---|
183 | collection building process in preference for the same information
|
---|
184 | being computed through Javascript running in the user's web
|
---|
185 | browser.
|
---|
186 | </li>
|
---|
187 |
|
---|
188 |
|
---|
189 | <li>
|
---|
190 | <i>Annotation:</i> ...
|
---|
191 |
|
---|
192 | </li>
|
---|
193 | </ol>
|
---|
194 |
|
---|
195 | </p>
|
---|
196 |
|
---|
197 |
|
---|
198 | </div>
|
---|
199 |
|
---|
200 |
|
---|
201 | </xsl:template>
|
---|
202 |
|
---|
203 |
|
---|
204 | </xsl:stylesheet>
|
---|
205 |
|
---|