-
Notifications
You must be signed in to change notification settings - Fork 0
/
stairway.html
54 lines (54 loc) · 10.2 KB
/
stairway.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<html>
<head>
<link rel="stylesheet" href="css/style.css">
<title>GuitarBud - Stairway to Heaven</title>
</head>
<body>
<a href="#"><div id="title-bar">
<strong>Stairway to Heaven</strong> <small> • Led Zeppelin</small>
</div></a>
<div id="guitar-canvas">
<canvas id="back-canvas"></canvas></canvas>
<canvas id="front-canvas"></canvas></canvas>
</div>
<div id="playback-control">
<div id="left-control">
<a href="#" class="slower"><div class="control-btn">slower</div></a><a href="#"><div class="control-btn speed-marker">100%</div></a><a href="#" class="faster"><div class="control-btn">faster</div></a>
</div>
<div id="right-control">
<a href="#" id="loop"><div class="control-btn">loop</div></a><a href="#"><div class="control-btn">zoom</div></a>
</div>
<div id="mid-control">
<a href="javascript:;" class="pause"><div class="control-btn pause-set"><strong>pause</strong></div></a>
<span id="loading">loading...</span>
<a href="javascript:;" class="-step"><div class="control-btn play-set" id="prev-step"><</div></a><a href="javascript:;" class="play"><div class="control-btn play-set"><strong>play</strong></div></a><a href="javascript:;" class="+step"><div class="control-btn play-set" id="next-step">></div></a>
</div>
</div>
<div id="info">
<div id="info2"></div>
</div>
</body>
<script type="text/javascript" src="js2/jquery.min.js"></script>
<script type="text/javascript" src="js2/soundjs.min.js"></script>
<script type="text/javascript" src="js2/script_draw.js"></script>
<script type="text/javascript" src="js2/instructions.js"></script>
<script type="text/javascript" src="js2/script2.js"></script>
<script>
drawGuitarPic(0);
playTab2(5,"1*-5x|z--------------------2x|z----1y------------*-1y------*-------5x|z--------------------2x|z----1y------------*-1y------*-----2w----2x------1y------*-1yH--------------2v------1y------2x------1y------*--1y--------------2x------1y----------5x|z--------------------2x|z----1y------------*-1y------*------5x|z--------------------2x|z----1y------------*-1y-----#2*---------6w--------------3y------2x------------2v----------8v^---*-------6w--------------3y------2x------------2v--------*-2v--------2z------2x------*------2x----2w----3u------2w------2z------2x------*------2x----2w----2z------2x----------*-------6w--------------3y------2x------------2v----------8v^--*-------6w--------------3y------2x------------2v-------#2*-------------------------------------------------2x------*---7v--------------------------------------------------2x----------3v-------------------------------2v-------------------------------------------------2v----------------------------------------------------------------------------2x------*---7v-------------------------------------------------2x-----#3*-7w------7z------*-------4w------3w------------*-----------------7w------7z------*-------4w------3w------------*---------*-----------3y------3w------*----------3v------3z------3v------3y------3w------*----------3v------3y------3w----------7w------7z------*-------4w------3w------------*----------------7w------7z------*-------4w------3w------------*--------#4*-----------------8z------*-------------------------------------------------------8z------*---------------------------------------------------------------------------------------------------------------------------------------------------------------------8z------*------------------------------------------------------8z------*------------------------------#T*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------#S*-wz--y-z-wz--x-z-wz--x-z-wz--x-z-wz--x-y-z-y-x-vxy-vxy---v-v-v---wz--y-z-wz--x-z-wz--x-z-wz--x-z-wz--x-y-z-y-x-vxy-vxy---v-v-v-w-x-z-wz--x-z-wz--x-y-vy-----x-v---w-x-y-uz--x-z-v-w-x-y-wz--x-z-wz--x-z-vy-y---x-v---w-x-y-w-x-y-z-wxyz--------wz--y-z-wz--x-z-wz--x-z-wz--x-z-wz--x-y-z-y-x-vxy-vxy---v-v-v--wz--y-z-wz--x-z-wz--x-z-wz--x-z-wz--x-y-z-y-x-vxy-vxy--#S*---x-------y-------y-------y-------y-------------vxy---------------x-------y-------y-------y-------y-------------vxy-------------------y-------y----------------vy--------y---------------y-------y----------------v-----------------wxyz--------x-------y-------y-------y-------y-------------vxy--------------x-------y-------y-------y-------y-------------vxy----#S*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------wxyz--------------------------------------------------------------------------------------------------------------------------#b----------b-------b-------b-------b-------b-------b-------b-------b-------b-------b-------b-------b-------b---------------b-----b-----b-------b-------b-------b----------b-------b-------b-------b-------b-------b----------b-------b-----------b-------b-------b-------b-------b-------b-------b-------b-------b-------b-------b-------b-------b---------------------#l--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------There's a --sure/all that --gold/and she's -------to heaven----/When she --knows/if the ---closed/with a --------she came for -#l------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------lady who's -----glitters is ----buying a stairway -------------gets there she -stores are all -word she can get what -"
/*
"1*-5x|z--------------------2x|z----1y------------*-1y------*-------5x|z--------------------2x|z----1y------------*-1y------*-----2w----2x------1y------*-1yH--------------2v------1y------2x------1y------*--1y--------------2x------1y----------5x|z--------------------2x|z----1y------------*-1y------*------5x|z--------------------2x|z----1y------------*-1y-----#"+
"2*---------6w--------------3y------2x------------2v----------8v^---*-------6w--------------3y------2x------------2v--------*-2v--------2z------2x------*------2x----2w----3u------2w------2z------2x------*------2x----2w----2z------2x----------*-------6w--------------3y------2x------------2v----------8v^--*-------6w--------------3y------2x------------2v-------#"+
"2*-------------------------------------------------2x------*---7v--------------------------------------------------2x----------3v-------------------------------2v-------------------------------------------------2v----------------------------------------------------------------------------2x------*---7v-------------------------------------------------2x-----#"+
"3*-7w------7z------*-------4w------3w------------*-----------------7w------7z------*-------4w------3w------------*---------*-----------3y------3w------*----------3v------3z------3v------3y------3w------*----------3v------3y------3w----------7w------7z------*-------4w------3w------------*----------------7w------7z------*-------4w------3w------------*--------#"+
"4*-----------------8z------*-------------------------------------------------------8z------*---------------------------------------------------------------------------------------------------------------------------------------------------------------------8z------*------------------------------------------------------8z------*------------------------------#"+
"T*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------#"+
"S*-wz--y-z-wz--x-z-wz--x-z-wz--x-z-wz--x-y-z-y-x-vxy-vxy---v-v-v---wz--y-z-wz--x-z-wz--x-z-wz--x-z-wz--x-y-z-y-x-vxy-vxy---v-v-v-w-x-z-wz--x-z-wz--x-y-vy-----x-v---w-x-y-uz--x-z-v-w-x-y-wz--x-z-wz--x-z-vy-y---x-v---w-x-y-w-x-y-z-wxyz--------wz--y-z-wz--x-z-wz--x-z-wz--x-z-wz--x-y-z-y-x-vxy-vxy---v-v-v--wz--y-z-wz--x-z-wz--x-z-wz--x-z-wz--x-y-z-y-x-vxy-vxy--#"+
"S*---x-------y-------y-------y-------y-------------vxy---------------x-------y-------y-------y-------y-------------vxy-------------------y-------y----------------vy--------y---------------y-------y----------------v-----------------wxyz--------x-------y-------y-------y-------y-------------vxy--------------x-------y-------y-------y-------y-------------vxy----#"+
"S*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------wxyz--------------------------------------------------------------------------------------------------------------------------#"+
//"b--b-------b-------b-------b-------b-------b-------b-------b-------b-------b-------b-------b-------b-------b---------------b-----b-----b-------b-------b-------b----------b-------b-------b-------b-------b-------b----------b-------b-----------b-------b-------b-------b-------b-------b-------b-------b-------b-------b-------b-------b-------b---------------------#"+
"l--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------There's a --sure/all that --gold/and she's -------to heaven----/When she --knows/if the ---closed/with a --------she came for -#"+
"l------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------lady who's -----glitters is ----buying a stairway -------------gets there she -stores are all -word she can get what -"
*/);
</script>
</html>