| 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 |
|
---|
| 35 | <style>
|
---|
| 36 | p.about { text-align: justify; }
|
---|
| 37 | h2 { /* line-height: 135%; */ }
|
---|
| 38 | h3 { margin-top: 4pt; margin-bottom: 7pt; line-height: 135%; }
|
---|
| 39 |
|
---|
| 40 | a.mashup {text-decoration: none; }
|
---|
| 41 | a.mashup:link {color:#000080;} /* unvisited link */
|
---|
| 42 | a.mashup:visited {color:#303080;} /* visited link */
|
---|
| 43 | a.mashup:hover {color:#000040;} /* mouse over link */
|
---|
| 44 | a.mashup:active {color:#0000a0;}
|
---|
| 45 |
|
---|
| 46 | </style>
|
---|
| 47 |
|
---|
| 48 |
|
---|
| 49 | <script src="{$httpPath}/script2/browser-detect.js" type="text/javascript">
|
---|
| 50 | /* space filler needed */
|
---|
| 51 | </script>
|
---|
| 52 |
|
---|
| 53 |
|
---|
| 54 | <div style="width: 800px; margin-left: auto; margin-right: auto;">
|
---|
| 55 |
|
---|
| 56 |
|
---|
| 57 | <h2>I Can't <i>Believe</i> It's All Javascript!</h2>
|
---|
| 58 |
|
---|
| 59 | <!--
|
---|
| 60 | <div style="background-color: #DD3611; color: white; padding: 4pt; margin-bottom: 6pt;">
|
---|
| 61 | <table>
|
---|
| 62 |
|
---|
| 63 | <tr>
|
---|
| 64 | <td>
|
---|
| 65 | <img src="{$httpPath}/images/firefox-128.png" />
|
---|
| 66 | </td>
|
---|
| 67 | <td>
|
---|
| 68 | <p class="about">
|
---|
| 69 | <i><font size="+2">
|
---|
| 70 | An experiment with Firefox's Advanced
|
---|
| 71 | Audio Processing Extension ...
|
---|
| 72 | </font></i>
|
---|
| 73 | </p>
|
---|
| 74 |
|
---|
| 75 | <p class="about">
|
---|
| 76 | <i><font size="+2">
|
---|
| 77 | ... featuring a mash-up of
|
---|
| 78 | <a class="mashup" href="http://www.greenstone.org" target="_blank">Greenstone</a>,
|
---|
| 79 | <a class="mashup" href="http://www.omras2.org/audioDB" target="_blank">AudioDB</a>, and
|
---|
| 80 | <a class="mashup" href="http://seasr.org/meandre/" target="_blank">Meandre</a>.
|
---|
| 81 | </font></i>
|
---|
| 82 | </p>
|
---|
| 83 |
|
---|
| 84 |
|
---|
| 85 | <div id="bd-version" style="display:none;" class="about">
|
---|
| 86 | <p>
|
---|
| 87 | <img src="{$httpPath}/images/warning-icon.png" />
|
---|
| 88 | Version of Firefox detected:
|
---|
| 89 | <script type="text/javascript">
|
---|
| 90 | document.write(BrowserDetect.version);
|
---|
| 91 | </script>
|
---|
| 92 | </p>
|
---|
| 93 | <p>
|
---|
| 94 | You need to upgrade to a more recent version of Firefox
|
---|
| 95 | (v4.0 or greater) to access all the audio features of
|
---|
| 96 | this demonstration.
|
---|
| 97 | </p>
|
---|
| 98 | </div>
|
---|
| 99 |
|
---|
| 100 | <div id="bd-browser" style="display:none;" class="about">
|
---|
| 101 |
|
---|
| 102 | <p>
|
---|
| 103 | <img src="{$httpPath}/images/warning-icon.png" />
|
---|
| 104 | Browser detected:
|
---|
| 105 | <script type="text/javascript">
|
---|
| 106 | document.write(BrowserDetect.browser);
|
---|
| 107 | </script>
|
---|
| 108 | </p>
|
---|
| 109 | <p>You need to access this web-site using Firefox
|
---|
| 110 | (v4.0 or greater) to access all the audio features provided.
|
---|
| 111 | </p>
|
---|
| 112 | </div>
|
---|
| 113 |
|
---|
| 114 |
|
---|
| 115 |
|
---|
| 116 |
|
---|
| 117 | <script>
|
---|
| 118 | <xsl:text disable-output-escaping="yes">
|
---|
| 119 |
|
---|
| 120 | if (BrowserDetect.browser == "Firefox") {
|
---|
| 121 | if (BrowserDetect.version < 4) {
|
---|
| 122 | document.getElementById("bd-version").style.display="block";
|
---|
| 123 |
|
---|
| 124 | }
|
---|
| 125 | }
|
---|
| 126 | else {
|
---|
| 127 | document.getElementById("bd-browser").style.display="block";
|
---|
| 128 |
|
---|
| 129 | }
|
---|
| 130 | </xsl:text>
|
---|
| 131 | </script>
|
---|
| 132 |
|
---|
| 133 |
|
---|
| 134 |
|
---|
| 135 |
|
---|
| 136 | </td>
|
---|
| 137 | </tr>
|
---|
| 138 | </table>
|
---|
| 139 | </div>
|
---|
| 140 | -->
|
---|
| 141 |
|
---|
| 142 | <p class="about">A music DL collection that explores what is possible with only client-side processing.
|
---|
| 143 |
|
---|
| 144 |
|
---|
| 145 | <style>
|
---|
| 146 | li { padding-bottom: 10px; }
|
---|
| 147 |
|
---|
| 148 | </style>
|
---|
| 149 |
|
---|
| 150 |
|
---|
| 151 | <ol>
|
---|
| 152 |
|
---|
| 153 | <li>
|
---|
| 154 | <i>Client-side workflows:</i> the client-side Javascript
|
---|
| 155 | processing code is refactored to follow the same methodology as
|
---|
| 156 | Meandre components.
|
---|
| 157 | </li>
|
---|
| 158 |
|
---|
| 159 | <li>
|
---|
| 160 | <i>Visualization:</i> the
|
---|
| 161 | Pre-computed self-similarity heat-maps are dropped from the
|
---|
| 162 | collection building process in preference for the same information
|
---|
| 163 | being computed through Javascript running in the user's web
|
---|
| 164 | browser.
|
---|
| 165 | </li>
|
---|
| 166 |
|
---|
| 167 |
|
---|
| 168 | <li>
|
---|
| 169 | <i>Annotation:</i> ...
|
---|
| 170 |
|
---|
| 171 | </li>
|
---|
| 172 | </ol>
|
---|
| 173 |
|
---|
| 174 | </p>
|
---|
| 175 |
|
---|
| 176 |
|
---|
| 177 | </div>
|
---|
| 178 |
|
---|
| 179 |
|
---|
| 180 | </xsl:template>
|
---|
| 181 |
|
---|
| 182 |
|
---|
| 183 | </xsl:stylesheet>
|
---|
| 184 |
|
---|