-
Notifications
You must be signed in to change notification settings - Fork 4
/
about.html
113 lines (97 loc) · 4.98 KB
/
about.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
106
107
108
109
110
111
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="styles.css" type="text/css" media="screen">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script src="js/underscore-min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="jremix.js"></script>
<title> The Bonhamizer </title>
</head>
<body>
<div id="wrap" class="navbar navbar-inverse">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a id='show-search' class="brand">The Bonhamizer</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a id='show-gallery' href="gallery.html">Pick a song</a></li>
<li><a id='show-loader' href="loader.html">Upload a song</a></li>
<li class="active"><a id='show-about' href="about.html">About</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id='info'> </div>
<div id="hero" class="hero-unit">
<div class="container">
<h2> About The Bonhamizer</h2>
The Bonhamizer will take a track and re-render it as if John Bonham of Led Zepplin was the drummer.
This app works by cutting songs up into beats and tatums, and aligning the beats to John Bonham's
drum patterns.
<p>
<br>
This is a music hack created at <a href="http://sf.musichackday.org/2013/index.php?page=Main+page">
Music Hack Day San Francisco 2013</a> by <a href="http://twitter.com/plamere">Paul Lamere</a>. It is powered
by <a href="http://echonest.com">The Echo Nest</a>. This hack was created using the
same technology as the <a href="http://infinitejuke.com">Infinite Jukebox</a>,
<a href="http://static.echonest.com/InfiniteGangnamStyle/">Infinite Gangnam Style</a> and
<a href="http://static.echonest.com/BohemianRhapsichord/index.html">Bohemian Rhapsichord</a>.
<p>
<p>
<h2> Frequently Asked Questions </h2>
<ul>
<li> <b> How does this work?</b> See this post: <a
href="http://musicmachinery.com/2013/02/21/how-the-bonhamizer-works/">How The Bonhamizer
works</a>. </li>
<li> <b>How come this doesn't work in my browser?</b> The app requires the Web Audio API
which is currently best supported in Chrome and Safari. You can read more details about this issue
in this blog post: <a
href="http://musicmachinery.com/2012/11/22/why-does-the-infinite-jukebox-only-work-in-chrome-and-safari/">
Why does the Infinite Jukebox work only in Chrome and Safari. </a> Firefox is <a
href="https://wiki.mozilla.org/Web_Audio_API">working</a> on support for the Web Audio API
but hasn't announced a release date yet.
<li> <b>How come the Bonhamizer doesn't play properly when I put the tab in the
background? </b>
Bonzo wants your full attention! Also, Chrome lowers the priority of Javascript when it is not in
the foreground making it impossible to do time-sensitive processing that is required for
the The Bonhamizer. However, you can open The Bonhamizer in its own window and minimize it
without any of the stuttering problems.
<li> <b> Where did you get the drum patterns?</b>
The drum patterns are outtakes from the "In through the Out Door" and sourced
from <a href="http://www.saladrecords.com/bonhamfiles.htm">SaladRecords.com</a>
</li>
<li> <b> I made an awesome Bonhamized track. How can I share it?</b>
If you Bonhamize a track that you'd like us to consider for the gallery, tweet the link to the
Bonhamized track along with #bonhamizer and #gallery hashtags. Or if you are really
impatient, just email the link to paul @ echonest.com.
<li> <b> Where can I get the code for this?</b>
The code for this hack is on <a
href="https://github.com/echonest/bonhamizer">github</a>.
</ul>
<p>
Special thanks to <a href="https://twitter.com/matthewsantiago">Matthew Santiago</a> for drumming consulation.
</div>
</div>
</body>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-3675615-27']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type =
'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' :
'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script>
</html>