-
Notifications
You must be signed in to change notification settings - Fork 0
/
editor.html
105 lines (91 loc) · 4.51 KB
/
editor.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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" href="css/anzu/anzu.css" rel="stylesheet" />
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript" ></script>
<script type="text/javascript" src="js/base64.js"></script>
<script type="text/javascript" src="js/json2.js"></script>
<link type="text/css" href="css/anzu/player.css" rel="stylesheet" />
<script type="text/javascript" src="js/anzu/core.js"></script>
<script type="text/javascript" src="js/anzu/wave.js"></script>
<script type="text/javascript" src="js/anzu/score.js"></script>
<script type="text/javascript" src="js/anzu/mixer.js"></script>
<script type="text/javascript" src="js/anzu/tone.js"></script>
<script type="text/javascript" src="js/anzu/event.js"></script>
<script type="text/javascript" src="js/anzu/player.js"></script>
<script type="text/javascript" src="js/anzu/pianorole.js"></script>
</head>
<body>
<div id="tracks" class="">
<span id="" class="toolbar">
<button class="" id="back1Button">back1</button>
<button class="" id="back4Button">back4</button>
<button class="" id="playstopButton">playstop</button>
<button class="" id="play1Button">play1</button>
<button class="" id="play4Button">play4</button>
<button class="" id="bpmButton">BPM=120</button>
<button class="" id="saveButton">Save</button>
<button class="" id="toneButton">Add tone</button>
</span>
<ul id="tracklist" class="">
<li value="1" class="current" onclick="Anzu.player.selectTrack(this)">track1</li>
<li value="2" onclick="Anzu.player.selectTrack(this)">track2</li>
<li value="3" onclick="Anzu.player.selectTrack(this)">track3</li>
<li value="4" onclick="Anzu.player.selectTrack(this)">track4</li>
<li value="5" onclick="Anzu.player.selectTrack(this)">track5</li>
<li value="6" onclick="Anzu.player.selectTrack(this)">track6</li>
<li value="7" onclick="Anzu.player.selectTrack(this)">track7</li>
<li value="8" onclick="Anzu.player.selectTrack(this)">track8</li>
<li value="9" onclick="Anzu.player.selectTrack(this)">track9</li>
<li value="10" onclick="Anzu.player.selectTrack(this)">track10</li>
<li value="11" onclick="Anzu.player.selectTrack(this)">track11</li>
<li value="12" onclick="Anzu.player.selectTrack(this)">track12</li>
</ul>
<div id="trackinfo" class="ui-widget-content">
<form>
<span id="trackVolumeArea">
<span id="trackVolumeIcon" class="ui-icon ui-icon-volume-on"></span>
<span id="trackVolume"></span>
</span>
<span onclick="Anzu.player.changeTone()" id="toneSelect">
<!-- <input type="radio" name="tone" id="radio.Anzu.SquareWave" value="Anzu.SquareWave" checked="checked"> -->
<!-- <label for="radio.Anzu.SquareWave">SquareWave</label></input> -->
<!-- <input type="radio" name="tone" id="radio.Anzu.SineWave" value="Anzu.SineWave"> -->
<!-- <label for="radio.Anzu.SineWave">SineWave</label></input> -->
<!-- <input type="radio" name="tone" id="radio.Anzu.SawtoothWave" value="Anzu.SawtoothWave"> -->
<!-- <label for="radio.Anzu.SawtoothWave">SawtoothWave</label></input> -->
<!-- <input type="radio" name="tone" id="radio.Anzu.TriangleWave" value="Anzu.TriangleWave"> -->
<!-- <label for="radio.Anzu.TriangleWave">TriangleWave</label></input> -->
<!-- <input type="radio" name="tone" id="radio.Anzu.WhiteNoise" value="Anzu.WhiteNoise"> -->
<!-- <label for="radio.Anzu.WhiteNoise">WhiteNoise</label></input> -->
</span>
<span id="onionCheck">
<input type="checkbox" id="onionCheckBox"></input><label for="onionCheckBox">Onion skin</label>
</span>
</form>
</div>
<iframe src="pianorole.html" class="trackview" width="100%" height="80%" frameborder=0 id="pianorole" tabindex=1 onload="Anzu.player.frameLoaded()"></iframe>
</div>
<div id="outAudioStream"></div>
<div id="audioStream"></div>
<div id="exportDialog" title="Save">
<div id="exportDialogURL"></div>
</div>
<div id="bpmDialog" title="Type new BPM">
<form>
<label for="bpm">BPM</label>
<input type="text" name="bpm" id="bpmForm" class="ui-widget-content ui-corner-all" value="120"/>
</form>
</div>
<div id="addToneDialog" title="Type user tone URL">
<form>
<label for="usertone">URL</label>
<input type="text" name="usertone" id="userToneForm" class="ui-widget-content ui-corner-all" value="http://"/>
</form>
<div id="userToneFormHelper"></div>
</div>
</div>
</body>
</html>