-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
104 lines (90 loc) · 3.61 KB
/
index.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
<!DOCTYPE html5>
<html>
<head>
<title>JuicyDrop - Winamp Music Visualization with JavaScript and Canvas</title>
<link rel="stylesheet" type="text/css" href="./css/reset.css">
<link rel="stylesheet" type="text/css" href="./css/jScrollPane.css">
<!--<script type="text/javascript" src="soundmanager/script/soundmanager2.js"></script>-->
<script type="text/javascript" src="./js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="./js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="./js/jScrollPane.js"></script>
<link rel="stylesheet" type="text/css" href="./css/juicyamp.css">
<script type="text/javascript" src="./js/juicydrop.js"></script>
<script type="text/javascript" src="./js/juicyamp.js"></script>
<script>
function setupSoundManager() {
var script = document.createElement('script');
script.type = "text/javascript";
script.src = "./js/soundmanager2.js";
script.onload = function() {
JuicyDrop.prepareSM2(soundManager);
soundManager.url = './swf/'; // path to directory containing SoundManager2 .SWF file
soundManager.onload = function() {
initJuicyAmp();
};
soundManager.debugMode = false;
soundManager.beginDelayedInit();
this.onload = null;
};
document.getElementsByTagName("head")[0].appendChild(script);
}
window.onload = function() {
// delay, let the document load and so on, then write out SM2 "on-the-fly"
setTimeout(setupSoundManager,500);
}
</script>
</head>
<body>
<!-- Github -->
<a href="https://github.com/you"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github-camo.global.ssl.fastly.net/652c5b9acfaddf3a9c326fa6bde407b87f7be0f4/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6f72616e67655f6666373630302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png"></a>
<div id="main">
<div class="soundcloud">
<input type="text" class="username" id="username" placeholder="Enter your Soundcloud username" />
<input type="button" class="play" id="soundcloud" value="Submit" />
</div>
<div id="juicyamp">
<div id="visualization">
<div id="screen"></div>
<div id="infotext"></div>
</div>
<div id="player">
<canvas id="spectrum"></canvas>
<span id="current-song"></span>
<ul id="buttons">
<li id="button-prev"></li>
<li id="button-play"></li>
<li id="button-pause"></li>
<li id="button-stop"></li>
<li id="button-next"></li>
</ul>
</div>
<div id="playlist-container">
<div class="scroll-holder">
<div id="pane1" class="scroll-pane">
<div class="list-holder">
<ul id="playlist"></ul>
</div>
</div>
</div>
</div>
<div id="vislist-container">
<div class="scroll-holder">
<div id="pane2" class="scroll-pane">
<div class="list-holder">
<ul id="vislist"></ul>
</div>
</div>
</div>
</div>
<div id="footer">
A JavaScript/Canvas experiment by <a href="http://blog.nihilogic.dk/">Jacob Seidelin</a>, brought back up alive by <a href="http://github.com/cggaurav/juicydrop">cggaurav</a><br/><br/><br/>
<a href="http://blog.nihilogic.dk/2009/03/javascript-canvas-sm2-milkdrop.html">Click here to read words about JuicyDrop</a><br/><br/><br/>
<!-- Music by <a href="http://www.jonathancoulton.com/">Jonathan Coulton</a>, licensed <a href="http://creativecommons.org/licenses/by-nc/3.0/">CC by-nc</a><br/> -->
</div>
</div>
</div>
<img src="./img/chrome_vis_bar.png" id="spec-bar" style="display:none;"/>
<!-- <script src="http://72182.hittail.com/mlt.js" type="text/javascript"></script> -->
<div id="soundmanager-debug" style="display:none;"></div>
</body>
</html>