-
Notifications
You must be signed in to change notification settings - Fork 0
/
TestBuzz.html
74 lines (66 loc) · 2.57 KB
/
TestBuzz.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
<!DOCTYPE html>
<html>
<head>
<title>TestBuzz</title>
<link type="text/css" rel="stylesheet" href="TestBuzz.css">
</head>
<body>
<script type="application/dart" src="TestBuzz.dart"></script>
<script src="http://dart.googlecode.com/svn/branches/bleeding_edge/dart/client/dart.js"></script>
<div>
<div style="float:right;"><a href="https://github.com/yairlev/buzz">Fork on Github</a></div>
</div>
<div id='yoadTests' style="float:left;">
<div>
<label id="statusMsg">---</label>
<label id="currTime"/>
</div>
<div>
<input id="playSong" type="button" value="playSong" />
<input id="pauseSong" type="button" value="pauseSong" />
<input id="stopSong" type="button" value="stopSong" />
<input id="fadeOut" type="button" value="fadeOut" />
<input id="fadeIn" type="button" value="fadeIn" />
</div>
<div class="rangeOption">
Volume:
<input id="volumeSlider" type="range" max="100" value="0" />
<label class="minLabel">0</label>
<label class="maxLabel">100</label>
</div>
<div class="rangeOption" style="margin-top:25px">
Time:
<input id="timeSlider" type="range" max="0" value="0" />
<label id="startTime" class="minLabel"></label>
<label id="endTime" class="maxLabel"></label>
</div>
<ul id="logArea" style="margin-top:25px;width:50%;height:200px;overflow:auto;list-style:none;" />
</div>
<div id='yoadTests2' style="float:left; margin-left:100px;">
<div>
<label id="statusMsg2">---</label>
<label id="currTime2"/>
</div>
<div>
<input id="playSong2" type="button" value="playSong" />
<input id="pauseSong2" type="button" value="pauseSong" />
<input id="stopSong2" type="button" value="stopSong" />
<input id="fadeOut2" type="button" value="fadeOut" />
<input id="fadeIn2" type="button" value="fadeIn" />
</div>
<div class="rangeOption">
Volume:
<input id="volumeSlider2" type="range" max="100" value="0" />
<label class="minLabel">0</label>
<label class="maxLabel">100</label>
</div>
<div class="rangeOption" style="margin-top:25px">
Time:
<input id="timeSlider2" type="range" max="0" value="0" />
<label id="startTime2" class="minLabel"></label>
<label id="endTime2" class="maxLabel"></label>
</div>
<ul id="logArea2" style="margin-top:25px;width:50%;height:200px;overflow:auto;list-style:none;" />
</div>
</body>
</html>