nodescore/www/oi/music.html

79 lines
9.8 KiB
HTML
Executable File

<!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>