|
rob@100
|
1 <!DOCTYPE html>
|
|
rob@100
|
2 <html>
|
|
rob@100
|
3 <head>
|
|
rob@100
|
4 <style type="text/css">
|
|
rob@100
|
5 .svgmusic {margin:0; width:1000px; height:330px;}
|
|
rob@100
|
6 .unit {padding:0px; bottom-margin:0; margin:0px; height:330px;}
|
|
rob@100
|
7 </style>
|
|
rob@100
|
8 <script src="js/jaysalvat-buzz-05c96cc/buzz.js"></script>
|
|
rob@100
|
9 </head>>
|
|
rob@100
|
10
|
|
rob@100
|
11 <body style="margin:0">
|
|
rob@100
|
12 <script> var testSound = new buzz.sound( audio/testfile, { formats: [ ogg, mp3 ] } );</script>
|
|
rob@100
|
13
|
|
rob@100
|
14 <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>
|
|
rob@100
|
15 <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>
|
|
rob@100
|
16 <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>
|
|
rob@100
|
17 <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>
|
|
rob@100
|
18 <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>
|
|
rob@100
|
19 <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>
|
|
rob@100
|
20 <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>
|
|
rob@100
|
21 <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>
|
|
rob@100
|
22 <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>
|
|
rob@100
|
23 <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>
|
|
rob@100
|
24 <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>
|
|
rob@100
|
25 <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>
|
|
rob@100
|
26 <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>
|
|
rob@100
|
27 <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>
|
|
rob@100
|
28 <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>
|
|
rob@100
|
29 <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>
|
|
rob@100
|
30 <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>
|
|
rob@100
|
31 <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>
|
|
rob@100
|
32 <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>
|
|
rob@100
|
33 <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>
|
|
rob@100
|
34 <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>
|
|
rob@100
|
35 <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>
|
|
rob@100
|
36 <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>
|
|
rob@100
|
37 <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>
|
|
rob@100
|
38 <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>
|
|
rob@100
|
39 <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>
|
|
rob@100
|
40 <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>
|
|
rob@100
|
41 <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>
|
|
rob@100
|
42 <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>
|
|
rob@100
|
43 <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>
|
|
rob@100
|
44 <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>
|
|
rob@100
|
45 <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>
|
|
rob@100
|
46 <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>
|
|
rob@100
|
47 <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>
|
|
rob@100
|
48 <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>
|
|
rob@100
|
49 <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>
|
|
rob@100
|
50 <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>
|
|
rob@100
|
51 <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>
|
|
rob@100
|
52 <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>
|
|
rob@100
|
53 <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>
|
|
rob@100
|
54 <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>
|
|
rob@100
|
55 <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>
|
|
rob@100
|
56 <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>
|
|
rob@100
|
57 <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>
|
|
rob@100
|
58 <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>
|
|
rob@100
|
59 <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>
|
|
rob@100
|
60 <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>
|
|
rob@100
|
61 <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>
|
|
rob@100
|
62 <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>
|
|
rob@100
|
63 <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>
|
|
rob@100
|
64 <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>
|
|
rob@100
|
65 <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>
|
|
rob@100
|
66 <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>
|
|
rob@100
|
67 <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>
|
|
rob@100
|
68 <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>
|
|
rob@100
|
69 <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>
|
|
rob@100
|
70 <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>
|
|
rob@100
|
71 <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>
|
|
rob@100
|
72 <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>
|
|
rob@100
|
73 <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>
|
|
rob@100
|
74 <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>
|
|
rob@100
|
75 <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>
|
|
rob@100
|
76 <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>
|
|
rob@100
|
77 <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>
|
|
rob@100
|
78 </body> </html>
|
