Mercurial > hg > nodescore
changeset 65:ab53902406d4
update presussex
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/init.sh Fri Jun 07 16:17:36 2013 +0000 @@ -0,0 +1,20 @@ +#!/bin/bash + +src="/home/rob/code/nodescore/www/8/svg/" + +cd ../magick/ + +#./create_svg.py --output=emma --sections=1 --instrument=emma + +cp /var/www/magick.kiben.net/m/output/emma/svg/*.svg $src + +cd $src + +for f in *.svg ; do mv $f ${f#???}; done +count=-1 ;for i in [0-7]*.svg ; do count=$((count+1)) ;mv $i $count.svg ; done + +cd /home/rob/code/nodescore + +./svgmods.sh +./musicfilegenerator.sh +./ss2thumb.sh
--- a/nodescore.js Thu May 23 22:41:23 2013 +0000 +++ b/nodescore.js Fri Jun 07 16:17:36 2013 +0000 @@ -31,13 +31,20 @@ var httpServer = http.createServer( function(request, response) { request.addListener('end', function () { - clientFiles.serve(request, response); + clientFiles.serve(request, response, function (e, res) { + if (e && (e.status === 404)) { // If the file wasn't found + clientFiles.serveFile('/404.html', 404, {}, request, response); + }} + +); process.setMaxListeners(0); }); }); httpServer.listen(8890); +//////////////////////////////////////////// + var pinging=0 console.log("ping set to 0") @@ -199,8 +206,8 @@ var voice=seq.voice; var tempoms = Math.floor(60000/seq.mm) var timemultiplier=1000 - var outcount=2; var incount=2; - var dur=srcsqr[Math.floor(unit/order)][unit%order] + var outcount=4; var incount=4; + var dur=srcsqr[Math.floor(unit/order)][unit%order] + 4 var time = dur; var ztime=time; var totaltime=time @@ -284,7 +291,7 @@ // console.log(counter) } - var pulse = setInterval(sequenCer, 50); + var pulse = setInterval(sequenCer, tempoms); socket.on('stopSeq', function () { //donaldduck = mickeymouse + 7
--- a/scoreB.js Thu May 23 22:41:23 2013 +0000 +++ b/scoreB.js Fri Jun 07 16:17:36 2013 +0000 @@ -25,11 +25,10 @@ name: "A", transect: 0, nextunit: 0, - counter: 0, mm: 110, beatsinbar: 4, + counter: 0, mm: 60, beatsinbar: 4, units: [[48,49,41,40,30,31,38,39], [0,9,18,27,35,42,49,56], [56,57,58,59,60,61,62,63] - ] }; @@ -40,7 +39,7 @@ transect: 0, nextunit: 0, counter: 0, - mm: 110, beatsinbar: 4, + mm: 60, beatsinbar: 4, units: [[8,9,10,11,12,13,14,15], [27,28,35,36,0,7,63,56], [0,9,18,27,35,42,49,56] @@ -54,7 +53,7 @@ transect: 0, nextunit: 0, counter: 0, - mm: 110, beatsinbar: 4, + mm: 60, beatsinbar: 4, units: [ [16,17,18,19,20,21,22,23], [48,49,41,40,30,31,38,39], @@ -69,15 +68,10 @@ transect: 0, nextunit: 0, counter: 0, - mm: 110, beatsinbar: 4, - //durations: srcsqr[7], + mm: 60, beatsinbar: 4, units: [[0,1,2,3,4,5,6,7], [48,49,41,40,30,31,38,39], [0,1,2,3,4,5,6,7] ] - }; - -//return seqA seqB seqC seqD - -//} \ No newline at end of file + }; \ No newline at end of file
--- a/www/index.html Thu May 23 22:41:23 2013 +0000 +++ b/www/index.html Fri Jun 07 16:17:36 2013 +0000 @@ -62,7 +62,7 @@ for server client communications. <h3>Browser Compatability:</h3> - Modern Browsers only. No Internet Explorer support. Tested using Chromium. + Modern Browsers only. No Internet Explorer support. Tested using Chrome, Chromium, Firefox, Safari. @@ -77,9 +77,11 @@ depending on your CPU/Browser.. or may not work at all if you are using the WRONG browser. Work in Progress... here be dragons.... <br/> + - <a href="http://nodescore.kiben.net:8889/m/score.html">http://nodescore.kiben.net:8889/m/score.html</a><br/> + <a href="http://nodescore.kiben.net:8890/m/">overview page (score): http://nodescore.kiben.net:8890/m/</a><br/> + <a href="http://nodescore.kiben.net:8890/m/score.html">performer page (part): http://nodescore.kiben.net:8890/m/score.html</a><br/> <h3>Related Publications</h3> Canning, R. "REALTIME WEB TECHNOLOGIES IN THE NETWORKED PERFORMANCE ENVIRONMENT"
--- a/www/m/css/nodescore-tablet.css Thu May 23 22:41:23 2013 +0000 +++ b/www/m/css/nodescore-tablet.css Fri Jun 07 16:17:36 2013 +0000 @@ -23,10 +23,10 @@ h4{ background-color: black; font: 19px Helvetica, Arial; text-align: center; margin-left:auto; margin-right:auto; color:white} -a:link {color:#666;} -a:visited {color: #666;} -a:hover {color: black; background-color:gray;} -a:active {color: black;background-color:white;} +a:link { color:#666;} +a:visited { color: #666;} +a:hover { color: black; background-color:orange; } +a:active { color: black;background-color:white; } ul, li, h4, h3, h2, h1, p{ padding:0; @@ -34,7 +34,6 @@ list-style:none; } - .outermaster{ margin-top:4px; height: 580px; @@ -133,14 +132,13 @@ width: 30%; margin: 0px; border: 1px solid gray; - padding: 5px 5px 5px 5px ; color: black; - overflow:hidden; + !overflow:hidden; float:right; font-size:1em; } -#preview img{margin-top:15px;} +#preview img{margin-top:15px; width:300px; background:transparent; position: relative; top:-20px;} #timeinfo{ border-radius: 15px; @@ -187,6 +185,16 @@ height: 490px; } +.svgmusic { + padding:0px; + border: 1px solid gray; + display:block; + border-radius: 15px; + margin: 0px; + width: 100%; + height: 445px; +} + svg { background-color: black; width:1000px; height:330px; display:block;} line { stroke: white; } text { fill: white;} @@ -195,15 +203,6 @@ polygon { fill: white; } circle { stroke: white; } -.svgmusic { - padding:0px; - border: 1px solid gray; - display:block; - border-radius: 15px; - margin: 0px; - width: 1000px; - height: 445px; -} #thesquare{ position:absolute; width:700px; } .magicsquare { @@ -322,7 +321,7 @@ display:table-cell; vertical-align:middle; border-radius: 15px; float:right; - background-color: black; + background-color: transparent; color: white; font-size: 3.7em; text-align: center; @@ -334,12 +333,20 @@ z-position: 2; } -#c_chronometer{ +#transport{ position:relative; - bottom:-20px; - right:-35%; - height:40px; - width:200px; + padding: 20px; + bottom:40px; +} + +#ctrlstop{ + position:absolute; + padding: 5px; + border: 1px solid gray; + bottom:120px; + left:1800px; + height:80px; + width:230px; border-radius: 15px; color: gray; font-size: 3.5em; @@ -405,41 +412,39 @@ vertical-align:middle; border-radius: 15px; } -#wide { width:100%; height:70%; border: 1px solid gray; - padding: 6px 6px 6px 6px; + +#wide { width:100%; height:90%; border: 1px solid black; padding: 6px 0px 6px 6px; } +#outer { width: 100%; height: 100%; padding: 0; border: 0px solid white; background-color: black; } +#outerpreview { position:absolute; top: 20px; left: 1100px; float:left; + height:600px; width: 1200px; padding: 0; + border: 1px solid gray; background-color: black; + } + +.pview { border: 1px solid red; height:49%; width:49%; float:left; background:gray; z-index:-100; } +.middle { float: left; width: 10.8%; height: 10.5%; padding: 0; border: 0; margin: 0.33%; + border: 1px solid red; background:gray; border-radius:10px; } /* 100 = 6 * widt\h + 12 * margin */ + +.middle p { font-size:2.5em; position:relative; left: 0px; opacity:0.3; color:blue; display:block;} + +.middle img { padding: 20px 0px 0px 0px; position:relative; top:-30px;} + +.middle:hover img { + z-index:1000; + width:500px; + background-color: orange; + !position: absolute; + border: 0px solid red; + border-radius:20px; + opacity: 1; + box-shadow:4px -4px 10px 3px #888, inset 4px -4px 10px 3px #888; } -#outer { display:block; float:left; width: 100%; height: 100%; padding: 0; border: 0px solid white; background-color: black; } +.middle p.indexnum { font-size:1em; color:black; position:relative; top:-80px; left:90px; opacity:1;} -#outerpreview { display:block; float:right; - height:100%; width: 25%; padding: 0; - border: 1px solid black; background-color: black; - } - -.pview { border: 1px solid gray; height:24%; width:69%; display:block; float:left; } - -.middle { float: left; width: 15.8%; height: 15.5%; padding: 0; border: 0; margin: 0.33%; - border: 1px solid gray; ;} /* 100 = 6 * widt\h + 12 * margin */ - -.middle img { padding: 20px 0px 0px 0px} - -.middle:hover img -{ - width:50%; - background-color: black; - z-axis: 200000000; - position: absolute; - - border: 2px solid white; - top:690px; - left:0px; - !box-shadow:4px -4px 10px 3px #888, inset 4px -4px 10px 3px #888; -} - - - -.inner-0, .inner-1, .inner-2, .inner-3 { font-size:3em; float: left; width: 47%; height: 50%; padding: 0; - border: 1px solid transparent; margin: 0; text-align: center; font-weight: bold; z-index:1000; position:relative; top: -80px;} +.inner-0, .inner-1, .inner-2, .inner-3 { font-size:2.5em; float: left; width: 47%; height: 50%; + padding: 0; border: 1px solid white; margin: 0; + text-align: center; font-weight: bold; + position:relative; top: -110px; } .inner-0 { background-color: transparent; } .inner-1 { background-color: transparent; } @@ -447,5 +452,9 @@ .inner-3 { background-color: transparent; } .musicianprog { display:inline; float:left; - width:33%; background:transparent; height:40px; - padding: 5px 5px 5px 5px; text-align:center; } \ No newline at end of file + width:20%; background:transparent; height:40px; + padding: 5px 5px 5px 5px; text-align:center; } + + +#links {position:absolute; bottom:150px; left: 800px; width:900px;} +#transect {position:absolute; bottom:180px; left: 1300px; width:600px;} \ No newline at end of file
--- a/www/m/js/controlseq.js Thu May 23 22:41:23 2013 +0000 +++ b/www/m/js/controlseq.js Fri Jun 07 16:17:36 2013 +0000 @@ -30,7 +30,8 @@ function resetChr() { socket.emit("resetChr"); $("div#client_chronometer").text("00:00:00.0"); } socket.on("chronFromServer", function(chron){ - $("div#c_chronometer").text(chron); }); + $("div#c_chronometer").text(chron); +}); ////////////////////////////////////////////// // SEQUENCER MONITOR @@ -42,6 +43,7 @@ if (group == 3) { turnmeoff = "#sqr"+unitlast+".sqc"} if (group == 4) { turnmeoff = "#sqr"+unitlast+".sqd"} $(turnmeoff).css({'color':'black'}) + } // countdown to change @@ -55,33 +57,37 @@ document.getElementById("count"+groupID).style.color=colour; } -socket.on("counterText", function(group,unit,counter,seq){ +socket.on("counterText", function(group,unit,counter,seq,unitlast,transect){ + + $("div#transect").text("current transect:" + (transect+1)); + + if (group == 1) { $('#inner-'+unit+"-0").text(counter); -// $("#count1").text(currentseconds); - if (counter == 0 ) { $('#inner-'+unit+"-0").css("color","black") } - else { $('#inner-'+unit+"-0").css("color","yellow") } + + if (counter == 0 ) { $('#inner-'+unit+"-0").css("visibility","hidden") + console.log("------------------------- "+ unit) + } + else { $('#inner-'+unit+"-0").css({"color" : "white", "background":"black", "opacity" : "0.7", "border-radius":"20px", "visibility": "visible" }) } } if (group == 2) { $('#inner-'+unit+"-1").text(counter); - - if (counter == 0 ) { $('#inner-'+unit+"-1").css("color","black") } - else { $('#inner-'+unit+"-1").css("color","green") } + if (counter == 0 ) { $('#inner-'+unit+"-1").css("visibility","hidden") } + else { $('#inner-'+unit+"-1").css({"color":"white","background":"green", "opacity" : "0.7", "border-radius":"20px", "visibility": "visible"}) } } if (group == 3) { $('#inner-'+unit+"-2").text(counter); - if (counter == 0 ) { $('#inner-'+unit+"-2").css("color","black") } - else { $('#inner-'+unit+"-2").css("color","aqua") } + if (counter == 0 ) { $('#inner-'+unit+"-2").css("visibility","hidden") } + else { $('#inner-'+unit+"-2").css({"color":"white","background":"blue", "opacity" : "0.7", "border-radius":"20px", "visibility": "visible"}) } } if (group == 4) { $('#inner-'+unit+"-3").text(counter); - if (counter == 0 ) { $('#inner-'+unit+"-3").css("color","black")} - else { $('#inner-'+unit+"-3").css("color","red") } + if (counter == 0 ) { $('#inner-'+unit+"-3").css("visibility","hidden")} + else { $('#inner-'+unit+"-3").css({"color":"white","background":"red", "opacity" : "0.7", "border-radius":"20px", "visibility": "visible"}) } } } ); - /* ////////////////////////////////////////////// // CLient Popup window code @@ -91,3 +97,12 @@ url,'popUpWindow','height=400,width=800,left=10,top=10,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,titlebar=no,directories=no,status=yes')} */ + +function pad2(number) { return (number < 10 ? '0' : '') + number } +socket.on("pageFlipfromserver", pageTurn); +function pageTurn (group,unit,time,mm) { + var g= pad2(group); + var groupPage=document.getElementById('group').value; + $("#previewbox-"+group).html("<img src='svg/"+(unit) + ".svg" + "' width='515'>") + } +
--- a/www/m/js/nodescore-slides.js Thu May 23 22:41:23 2013 +0000 +++ b/www/m/js/nodescore-slides.js Fri Jun 07 16:17:36 2013 +0000 @@ -67,37 +67,35 @@ }} /////////////////////////////////////// -function pageFlip(unit) { $('#sections').trigger('goto', [parseFloat(unit)]); } +//function pageFlip(unit) { $('#sections').trigger('goto', [parseFloat(unit)]); } ///////////////////////////////////////////////// // call the fancy jquery functions -//function slideTo (target) { $('#sections').trigger('goto', [target]); } +function slideTo (target) { $('#sections').trigger('goto', [target]); } function pad2(number) { return (number < 10 ? '0' : '') + number } ///////////////////////////////////////////////// //var testSound = new buzz.sound( 'audio/testfile', { formats: [ 'ogg', 'mp3' ] } ); socket.on("pageFlipfromserver", pageTurn); -function pageTurn (group,unit,time,mm) { +function pageTurn (group,unit,time,mm,seqcounter,nextunit) { var groupPage=document.getElementById('group').value; if (group == groupPage) { + console.log(unit + " ---> " + nextunit) var g= pad2(group); var p= pad2(unit); -// pageFlip(unit); - pageTurnB(unit) + var units=8; + var next=(((unit+1)%units)+units)%units + //$("#live").load("music.html #"+unit +" *"); + $("#live").load("music.html #"+unit); - } + //$("#live").html("<img src='thumbs/"+ (unit) + ".png" + "' width='715'>") + $("#preview").html("<h3 style='background:transparent; position: relative; font-size:1.5em;top:14px; left:10px;';> n e x t : </h3><img src='thumbs/"+ (nextunit) + ".png" + "' width='305'>") + } else { //console.log("not for this group... ignoring... for group:" + group ); } } -function pageTurnB(unit) { - var units=6; - var next=(((unit+1)%units)+units)%units - $("#live").load("music.html #"+unit +" *"); - $("#preview").html("<h3 style='background:transparent; position: relative; font-size:1.5em;top:14px; left:10px;';> n e x t : </h3><img src='thumbs/"+next + ".png" + "' width='315'>") -} - //////////////////////////////////////////////// /* commented out for now as interferes with chat
--- a/www/m/music.html Thu May 23 22:41:23 2013 +0000 +++ b/www/m/music.html Fri Jun 07 16:17:36 2013 +0000 @@ -1,129 +1,78 @@ -<a id="1"><div class="unit" id="unit01"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/1.svg" type="image/svg+xml"/> </div></a> -<a id="2"><div class="unit" id="unit02"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/2.svg" type="image/svg+xml"/> </div></a> -<a id="3"><div class="unit" id="unit03"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/3.svg" type="image/svg+xml"/> </div></a> -<a id="4"><div class="unit" id="unit04"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/4.svg" type="image/svg+xml"/> </div></a> -<a id="5"><div class="unit" id="unit05"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/5.svg" type="image/svg+xml"/> </div></a> -<a id="6"><div class="unit" id="unit06"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/6.svg" type="image/svg+xml"/> </div></a> -<a id="7"><div class="unit" id="unit07"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/7.svg" type="image/svg+xml"/> </div></a> -<a id="8"><div class="unit" id="unit08"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/8.svg" type="image/svg+xml"/> </div></a> -<a id="9"><div class="unit" id="unit09"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/9.svg" type="image/svg+xml"/> </div></a> -<a id="10"><div class="unit" id="unit10"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/10.svg" type="image/svg+xml"/> </div></a> -<a id="11"><div class="unit" id="unit11"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/11.svg" type="image/svg+xml"/> </div></a> -<a id="12"><div class="unit" id="unit12"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/12.svg" type="image/svg+xml"/> </div></a> -<a id="13"><div class="unit" id="unit13"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/13.svg" type="image/svg+xml"/> </div></a> -<a id="14"><div class="unit" id="unit14"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/14.svg" type="image/svg+xml"/> </div></a> -<a id="15"><div class="unit" id="unit15"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/15.svg" type="image/svg+xml"/> </div></a> -<a id="16"><div class="unit" id="unit16"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/16.svg" type="image/svg+xml"/> </div></a> -<a id="17"><div class="unit" id="unit17"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/17.svg" type="image/svg+xml"/> </div></a> -<a id="18"><div class="unit" id="unit18"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/18.svg" type="image/svg+xml"/> </div></a> -<a id="19"><div class="unit" id="unit19"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/19.svg" type="image/svg+xml"/> </div></a> -<a id="20"><div class="unit" id="unit20"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/20.svg" type="image/svg+xml"/> </div></a> -<a id="21"><div class="unit" id="unit21"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/21.svg" type="image/svg+xml"/> </div></a> -<a id="22"><div class="unit" id="unit22"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/22.svg" type="image/svg+xml"/> </div></a> -<a id="23"><div class="unit" id="unit23"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/23.svg" type="image/svg+xml"/> </div></a> -<a id="24"><div class="unit" id="unit24"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/24.svg" type="image/svg+xml"/> </div></a> -<a id="25"><div class="unit" id="unit25"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/25.svg" type="image/svg+xml"/> </div></a> -<a id="26"><div class="unit" id="unit26"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/26.svg" type="image/svg+xml"/> </div></a> -<a id="27"><div class="unit" id="unit27"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/27.svg" type="image/svg+xml"/> </div></a> -<a id="28"><div class="unit" id="unit28"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/28.svg" type="image/svg+xml"/> </div></a> -<a id="29"><div class="unit" id="unit29"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/29.svg" type="image/svg+xml"/> </div></a> -<a id="30"><div class="unit" id="unit30"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/30.svg" type="image/svg+xml"/> </div></a> -<a id="31"><div class="unit" id="unit31"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/31.svg" type="image/svg+xml"/> </div></a> -<a id="32"><div class="unit" id="unit32"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/32.svg" type="image/svg+xml"/> </div></a> -<a id="33"><div class="unit" id="unit33"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/33.svg" type="image/svg+xml"/> </div></a> -<a id="34"><div class="unit" id="unit34"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/34.svg" type="image/svg+xml"/> </div></a> -<a id="35"><div class="unit" id="unit35"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/35.svg" type="image/svg+xml"/> </div></a> -<a id="36"><div class="unit" id="unit36"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/36.svg" type="image/svg+xml"/> </div></a> -<a id="37"><div class="unit" id="unit37"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/37.svg" type="image/svg+xml"/> </div></a> -<a id="38"><div class="unit" id="unit38"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/38.svg" type="image/svg+xml"/> </div></a> -<a id="39"><div class="unit" id="unit39"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/39.svg" type="image/svg+xml"/> </div></a> -<a id="40"><div class="unit" id="unit40"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/40.svg" type="image/svg+xml"/> </div></a> -<a id="41"><div class="unit" id="unit41"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/41.svg" type="image/svg+xml"/> </div></a> -<a id="42"><div class="unit" id="unit42"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/42.svg" type="image/svg+xml"/> </div></a> -<a id="43"><div class="unit" id="unit43"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/43.svg" type="image/svg+xml"/> </div></a> -<a id="44"><div class="unit" id="unit44"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/44.svg" type="image/svg+xml"/> </div></a> -<a id="45"><div class="unit" id="unit45"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/45.svg" type="image/svg+xml"/> </div></a> -<a id="46"><div class="unit" id="unit46"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/46.svg" type="image/svg+xml"/> </div></a> -<a id="47"><div class="unit" id="unit47"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/47.svg" type="image/svg+xml"/> </div></a> -<a id="48"><div class="unit" id="unit48"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/48.svg" type="image/svg+xml"/> </div></a> -<a id="49"><div class="unit" id="unit49"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/49.svg" type="image/svg+xml"/> </div></a> -<a id="50"><div class="unit" id="unit50"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/50.svg" type="image/svg+xml"/> </div></a> -<a id="51"><div class="unit" id="unit51"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/51.svg" type="image/svg+xml"/> </div></a> -<a id="52"><div class="unit" id="unit52"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/52.svg" type="image/svg+xml"/> </div></a> -<a id="53"><div class="unit" id="unit53"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/53.svg" type="image/svg+xml"/> </div></a> -<a id="54"><div class="unit" id="unit54"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/54.svg" type="image/svg+xml"/> </div></a> -<a id="55"><div class="unit" id="unit55"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/55.svg" type="image/svg+xml"/> </div></a> -<a id="56"><div class="unit" id="unit56"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/56.svg" type="image/svg+xml"/> </div></a> -<a id="57"><div class="unit" id="unit57"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/57.svg" type="image/svg+xml"/> </div></a> -<a id="58"><div class="unit" id="unit58"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/58.svg" type="image/svg+xml"/> </div></a> -<a id="59"><div class="unit" id="unit59"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/59.svg" type="image/svg+xml"/> </div></a> -<a id="60"><div class="unit" id="unit60"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/60.svg" type="image/svg+xml"/> </div></a> -<a id="61"><div class="unit" id="unit61"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/61.svg" type="image/svg+xml"/> </div></a> -<a id="62"><div class="unit" id="unit62"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/62.svg" type="image/svg+xml"/> </div></a> -<a id="63"><div class="unit" id="unit63"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/63.svg" type="image/svg+xml"/> </div></a> -<a id="64"><div class="unit" id="unit64"> -<script>testSound.play();</script><embed class="svgmusic" src="svg/64.svg" type="image/svg+xml"/> </div></a> +<!DOCTYPE html> +<html> +<head> + <style type="text/css"> + .svgmusic {margin:0; width:1000px; height:330px;} + .unit {padding:0px; bottom-margin:0; margin:0px; height:330px;} + </style> + <script src="js/jaysalvat-buzz-05c96cc/buzz.js"></script> +</head>> + +<body style="margin:0"> + <script> var testSound = new buzz.sound( audio/testfile, { formats: [ ogg, mp3 ] } );</script> + +<a id="0"><div class="unit" id="unit00"> <script>testSound.play();</script><embed class="svgmusic" src="svg/0.svg" type="image/svg+xml"/> </div></a> +<a id="1"><div class="unit" id="unit01"> <script>testSound.play();</script><embed class="svgmusic" src="svg/1.svg" type="image/svg+xml"/> </div></a> +<a id="2"><div class="unit" id="unit02"> <script>testSound.play();</script><embed class="svgmusic" src="svg/2.svg" type="image/svg+xml"/> </div></a> +<a id="3"><div class="unit" id="unit03"> <script>testSound.play();</script><embed class="svgmusic" src="svg/3.svg" type="image/svg+xml"/> </div></a> +<a id="4"><div class="unit" id="unit04"> <script>testSound.play();</script><embed class="svgmusic" src="svg/4.svg" type="image/svg+xml"/> </div></a> +<a id="5"><div class="unit" id="unit05"> <script>testSound.play();</script><embed class="svgmusic" src="svg/5.svg" type="image/svg+xml"/> </div></a> +<a id="6"><div class="unit" id="unit06"> <script>testSound.play();</script><embed class="svgmusic" src="svg/6.svg" type="image/svg+xml"/> </div></a> +<a id="7"><div class="unit" id="unit07"> <script>testSound.play();</script><embed class="svgmusic" src="svg/7.svg" type="image/svg+xml"/> </div></a> +<a id="8"><div class="unit" id="unit08"> <script>testSound.play();</script><embed class="svgmusic" src="svg/8.svg" type="image/svg+xml"/> </div></a> +<a id="9"><div class="unit" id="unit09"> <script>testSound.play();</script><embed class="svgmusic" src="svg/9.svg" type="image/svg+xml"/> </div></a> +<a id="10"><div class="unit" id="unit10"> <script>testSound.play();</script><embed class="svgmusic" src="svg/10.svg" type="image/svg+xml"/> </div></a> +<a id="11"><div class="unit" id="unit11"> <script>testSound.play();</script><embed class="svgmusic" src="svg/11.svg" type="image/svg+xml"/> </div></a> +<a id="12"><div class="unit" id="unit12"> <script>testSound.play();</script><embed class="svgmusic" src="svg/12.svg" type="image/svg+xml"/> </div></a> +<a id="13"><div class="unit" id="unit13"> <script>testSound.play();</script><embed class="svgmusic" src="svg/13.svg" type="image/svg+xml"/> </div></a> +<a id="14"><div class="unit" id="unit14"> <script>testSound.play();</script><embed class="svgmusic" src="svg/14.svg" type="image/svg+xml"/> </div></a> +<a id="15"><div class="unit" id="unit15"> <script>testSound.play();</script><embed class="svgmusic" src="svg/15.svg" type="image/svg+xml"/> </div></a> +<a id="16"><div class="unit" id="unit16"> <script>testSound.play();</script><embed class="svgmusic" src="svg/16.svg" type="image/svg+xml"/> </div></a> +<a id="17"><div class="unit" id="unit17"> <script>testSound.play();</script><embed class="svgmusic" src="svg/17.svg" type="image/svg+xml"/> </div></a> +<a id="18"><div class="unit" id="unit18"> <script>testSound.play();</script><embed class="svgmusic" src="svg/18.svg" type="image/svg+xml"/> </div></a> +<a id="19"><div class="unit" id="unit19"> <script>testSound.play();</script><embed class="svgmusic" src="svg/19.svg" type="image/svg+xml"/> </div></a> +<a id="20"><div class="unit" id="unit20"> <script>testSound.play();</script><embed class="svgmusic" src="svg/20.svg" type="image/svg+xml"/> </div></a> +<a id="21"><div class="unit" id="unit21"> <script>testSound.play();</script><embed class="svgmusic" src="svg/21.svg" type="image/svg+xml"/> </div></a> +<a id="22"><div class="unit" id="unit22"> <script>testSound.play();</script><embed class="svgmusic" src="svg/22.svg" type="image/svg+xml"/> </div></a> +<a id="23"><div class="unit" id="unit23"> <script>testSound.play();</script><embed class="svgmusic" src="svg/23.svg" type="image/svg+xml"/> </div></a> +<a id="24"><div class="unit" id="unit24"> <script>testSound.play();</script><embed class="svgmusic" src="svg/24.svg" type="image/svg+xml"/> </div></a> +<a id="25"><div class="unit" id="unit25"> <script>testSound.play();</script><embed class="svgmusic" src="svg/25.svg" type="image/svg+xml"/> </div></a> +<a id="26"><div class="unit" id="unit26"> <script>testSound.play();</script><embed class="svgmusic" src="svg/26.svg" type="image/svg+xml"/> </div></a> +<a id="27"><div class="unit" id="unit27"> <script>testSound.play();</script><embed class="svgmusic" src="svg/27.svg" type="image/svg+xml"/> </div></a> +<a id="28"><div class="unit" id="unit28"> <script>testSound.play();</script><embed class="svgmusic" src="svg/28.svg" type="image/svg+xml"/> </div></a> +<a id="29"><div class="unit" id="unit29"> <script>testSound.play();</script><embed class="svgmusic" src="svg/29.svg" type="image/svg+xml"/> </div></a> +<a id="30"><div class="unit" id="unit30"> <script>testSound.play();</script><embed class="svgmusic" src="svg/30.svg" type="image/svg+xml"/> </div></a> +<a id="31"><div class="unit" id="unit31"> <script>testSound.play();</script><embed class="svgmusic" src="svg/31.svg" type="image/svg+xml"/> </div></a> +<a id="32"><div class="unit" id="unit32"> <script>testSound.play();</script><embed class="svgmusic" src="svg/32.svg" type="image/svg+xml"/> </div></a> +<a id="33"><div class="unit" id="unit33"> <script>testSound.play();</script><embed class="svgmusic" src="svg/33.svg" type="image/svg+xml"/> </div></a> +<a id="34"><div class="unit" id="unit34"> <script>testSound.play();</script><embed class="svgmusic" src="svg/34.svg" type="image/svg+xml"/> </div></a> +<a id="35"><div class="unit" id="unit35"> <script>testSound.play();</script><embed class="svgmusic" src="svg/35.svg" type="image/svg+xml"/> </div></a> +<a id="36"><div class="unit" id="unit36"> <script>testSound.play();</script><embed class="svgmusic" src="svg/36.svg" type="image/svg+xml"/> </div></a> +<a id="37"><div class="unit" id="unit37"> <script>testSound.play();</script><embed class="svgmusic" src="svg/37.svg" type="image/svg+xml"/> </div></a> +<a id="38"><div class="unit" id="unit38"> <script>testSound.play();</script><embed class="svgmusic" src="svg/38.svg" type="image/svg+xml"/> </div></a> +<a id="39"><div class="unit" id="unit39"> <script>testSound.play();</script><embed class="svgmusic" src="svg/39.svg" type="image/svg+xml"/> </div></a> +<a id="40"><div class="unit" id="unit40"> <script>testSound.play();</script><embed class="svgmusic" src="svg/40.svg" type="image/svg+xml"/> </div></a> +<a id="41"><div class="unit" id="unit41"> <script>testSound.play();</script><embed class="svgmusic" src="svg/41.svg" type="image/svg+xml"/> </div></a> +<a id="42"><div class="unit" id="unit42"> <script>testSound.play();</script><embed class="svgmusic" src="svg/42.svg" type="image/svg+xml"/> </div></a> +<a id="43"><div class="unit" id="unit43"> <script>testSound.play();</script><embed class="svgmusic" src="svg/43.svg" type="image/svg+xml"/> </div></a> +<a id="44"><div class="unit" id="unit44"> <script>testSound.play();</script><embed class="svgmusic" src="svg/44.svg" type="image/svg+xml"/> </div></a> +<a id="45"><div class="unit" id="unit45"> <script>testSound.play();</script><embed class="svgmusic" src="svg/45.svg" type="image/svg+xml"/> </div></a> +<a id="46"><div class="unit" id="unit46"> <script>testSound.play();</script><embed class="svgmusic" src="svg/46.svg" type="image/svg+xml"/> </div></a> +<a id="47"><div class="unit" id="unit47"> <script>testSound.play();</script><embed class="svgmusic" src="svg/47.svg" type="image/svg+xml"/> </div></a> +<a id="48"><div class="unit" id="unit48"> <script>testSound.play();</script><embed class="svgmusic" src="svg/48.svg" type="image/svg+xml"/> </div></a> +<a id="49"><div class="unit" id="unit49"> <script>testSound.play();</script><embed class="svgmusic" src="svg/49.svg" type="image/svg+xml"/> </div></a> +<a id="50"><div class="unit" id="unit50"> <script>testSound.play();</script><embed class="svgmusic" src="svg/50.svg" type="image/svg+xml"/> </div></a> +<a id="51"><div class="unit" id="unit51"> <script>testSound.play();</script><embed class="svgmusic" src="svg/51.svg" type="image/svg+xml"/> </div></a> +<a id="52"><div class="unit" id="unit52"> <script>testSound.play();</script><embed class="svgmusic" src="svg/52.svg" type="image/svg+xml"/> </div></a> +<a id="53"><div class="unit" id="unit53"> <script>testSound.play();</script><embed class="svgmusic" src="svg/53.svg" type="image/svg+xml"/> </div></a> +<a id="54"><div class="unit" id="unit54"> <script>testSound.play();</script><embed class="svgmusic" src="svg/54.svg" type="image/svg+xml"/> </div></a> +<a id="55"><div class="unit" id="unit55"> <script>testSound.play();</script><embed class="svgmusic" src="svg/55.svg" type="image/svg+xml"/> </div></a> +<a id="56"><div class="unit" id="unit56"> <script>testSound.play();</script><embed class="svgmusic" src="svg/56.svg" type="image/svg+xml"/> </div></a> +<a id="57"><div class="unit" id="unit57"> <script>testSound.play();</script><embed class="svgmusic" src="svg/57.svg" type="image/svg+xml"/> </div></a> +<a id="58"><div class="unit" id="unit58"> <script>testSound.play();</script><embed class="svgmusic" src="svg/58.svg" type="image/svg+xml"/> </div></a> +<a id="59"><div class="unit" id="unit59"> <script>testSound.play();</script><embed class="svgmusic" src="svg/59.svg" type="image/svg+xml"/> </div></a> +<a id="60"><div class="unit" id="unit60"> <script>testSound.play();</script><embed class="svgmusic" src="svg/60.svg" type="image/svg+xml"/> </div></a> +<a id="61"><div class="unit" id="unit61"> <script>testSound.play();</script><embed class="svgmusic" src="svg/61.svg" type="image/svg+xml"/> </div></a> +<a id="62"><div class="unit" id="unit62"> <script>testSound.play();</script><embed class="svgmusic" src="svg/62.svg" type="image/svg+xml"/> </div></a> +<a id="63"><div class="unit" id="unit63"> <script>testSound.play();</script><embed class="svgmusic" src="svg/63.svg" type="image/svg+xml"/> </div></a> </body> </html>
--- a/www/m/temp.html Thu May 23 22:41:23 2013 +0000 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,38 +0,0 @@ - <div id="midcomms" > - <div id="counttitle" style="">...</div> - <div id="count" style="color:white">...</div> - </div> - - <div id="remainingtime"> - next in: - <div id="totalcountdown">...</div> - </div> - - <div class="metrocase" id="metro"> - <div id="metronome0"></div> - </div> - - <div id="timeinfo"> - <div id="datetime"></div> - <div id="client_chronometer" style="z-index: 2;">00:00:00.0</div> - <div id="client_latency">Latency: 0ms</div> - </div> - - <div id="current"> - <script type="text/javascript"> - function setPart(sel) { - var value = sel.options[sel.selectedIndex].value; - document.getElementById('group').value=value; - //$('div#current').text('GROUP ' +value).text='value'; - } - </script> - <div> - <select id="setPart" onchange="setPart(this)"> - <option value="1">Part 1</option> - <option value="2">Part 2</option> - <option value="3">Part 3</option> - <option value="4">Part 4</option> - </select> - </div> - </div> - </div>