Mercurial > hg > nodescore
view www/m/music.html @ 60:e868cdd4b3e9
.
author | tzara <rc-web@kiben.net> |
---|---|
date | Sun, 21 Apr 2013 23:41:13 +0000 |
parents | 474c1ad1e811 |
children | 9bf133b91890 |
line wrap: on
line source
<!DOCTYPE html> <html> <head> <style type="text/css"> .svgmusic {margin:0; width:1000px; height:330px;} .unit {padding:0px; bottom-margin:0; margin:0px; background:blue; 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_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/0_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/0_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/0_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/0_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/0_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/1_0.svg" type="image/svg+xml"/> </div></a> <a id="7"><div class="unit" id="unit07"> <script>testSound.play();</script><embed class="svgmusic" src="svg/1_1.svg" type="image/svg+xml"/> </div></a> <a id="8"><div class="unit" id="unit08"> <script>testSound.play();</script><embed class="svgmusic" src="svg/1_2.svg" type="image/svg+xml"/> </div></a> <a id="9"><div class="unit" id="unit09"> <script>testSound.play();</script><embed class="svgmusic" src="svg/1_3.svg" type="image/svg+xml"/> </div></a> <a id="10"><div class="unit" id="unit10"> <script>testSound.play();</script><embed class="svgmusic" src="svg/1_4.svg" type="image/svg+xml"/> </div></a> <a id="11"><div class="unit" id="unit11"> <script>testSound.play();</script><embed class="svgmusic" src="svg/1_5.svg" type="image/svg+xml"/> </div></a> <a id="12"><div class="unit" id="unit12"> <script>testSound.play();</script><embed class="svgmusic" src="svg/2_0.svg" type="image/svg+xml"/> </div></a> <a id="13"><div class="unit" id="unit13"> <script>testSound.play();</script><embed class="svgmusic" src="svg/2_1.svg" type="image/svg+xml"/> </div></a> <a id="14"><div class="unit" id="unit14"> <script>testSound.play();</script><embed class="svgmusic" src="svg/2_2.svg" type="image/svg+xml"/> </div></a> <a id="15"><div class="unit" id="unit15"> <script>testSound.play();</script><embed class="svgmusic" src="svg/2_3.svg" type="image/svg+xml"/> </div></a> <a id="16"><div class="unit" id="unit16"> <script>testSound.play();</script><embed class="svgmusic" src="svg/2_4.svg" type="image/svg+xml"/> </div></a> <a id="17"><div class="unit" id="unit17"> <script>testSound.play();</script><embed class="svgmusic" src="svg/2_5.svg" type="image/svg+xml"/> </div></a> <a id="18"><div class="unit" id="unit18"> <script>testSound.play();</script><embed class="svgmusic" src="svg/3_0.svg" type="image/svg+xml"/> </div></a> <a id="19"><div class="unit" id="unit19"> <script>testSound.play();</script><embed class="svgmusic" src="svg/3_1.svg" type="image/svg+xml"/> </div></a> <a id="20"><div class="unit" id="unit20"> <script>testSound.play();</script><embed class="svgmusic" src="svg/3_2.svg" type="image/svg+xml"/> </div></a> <a id="21"><div class="unit" id="unit21"> <script>testSound.play();</script><embed class="svgmusic" src="svg/3_3.svg" type="image/svg+xml"/> </div></a> <a id="22"><div class="unit" id="unit22"> <script>testSound.play();</script><embed class="svgmusic" src="svg/3_4.svg" type="image/svg+xml"/> </div></a> <a id="23"><div class="unit" id="unit23"> <script>testSound.play();</script><embed class="svgmusic" src="svg/3_5.svg" type="image/svg+xml"/> </div></a> <a id="24"><div class="unit" id="unit24"> <script>testSound.play();</script><embed class="svgmusic" src="svg/4_0.svg" type="image/svg+xml"/> </div></a> <a id="25"><div class="unit" id="unit25"> <script>testSound.play();</script><embed class="svgmusic" src="svg/4_1.svg" type="image/svg+xml"/> </div></a> <a id="26"><div class="unit" id="unit26"> <script>testSound.play();</script><embed class="svgmusic" src="svg/4_2.svg" type="image/svg+xml"/> </div></a> <a id="27"><div class="unit" id="unit27"> <script>testSound.play();</script><embed class="svgmusic" src="svg/4_3.svg" type="image/svg+xml"/> </div></a> <a id="28"><div class="unit" id="unit28"> <script>testSound.play();</script><embed class="svgmusic" src="svg/4_4.svg" type="image/svg+xml"/> </div></a> <a id="29"><div class="unit" id="unit29"> <script>testSound.play();</script><embed class="svgmusic" src="svg/4_5.svg" type="image/svg+xml"/> </div></a> <a id="30"><div class="unit" id="unit30"> <script>testSound.play();</script><embed class="svgmusic" src="svg/5_0.svg" type="image/svg+xml"/> </div></a> <a id="31"><div class="unit" id="unit31"> <script>testSound.play();</script><embed class="svgmusic" src="svg/5_1.svg" type="image/svg+xml"/> </div></a> <a id="32"><div class="unit" id="unit32"> <script>testSound.play();</script><embed class="svgmusic" src="svg/5_2.svg" type="image/svg+xml"/> </div></a> <a id="33"><div class="unit" id="unit33"> <script>testSound.play();</script><embed class="svgmusic" src="svg/5_3.svg" type="image/svg+xml"/> </div></a> <a id="34"><div class="unit" id="unit34"> <script>testSound.play();</script><embed class="svgmusic" src="svg/5_4.svg" type="image/svg+xml"/> </div></a> <a id="35"><div class="unit" id="unit35"> <script>testSound.play();</script><embed class="svgmusic" src="svg/5_5.svg" type="image/svg+xml"/> </div></a> </body> </html>