-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
77 lines (76 loc) · 5.07 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
<html>
<head>
<meta name="HandheldFriendly" content="true"/>
<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=yes">
<style>
h1 {text-align:center;
font-size:3em;
}
h2 {text-align:center;
font-size:2em;
}
div {
background-color:orange;
width:49%;
min-width: 400px;
margin:auto;
text-align:center;
display:inline-block;
border:1px solid;
vertical-align:top;
}
a {
text-align:center;
margin:auto;
font-size: 2em;
text-decoration:none;
}
img {
width: 80%;
margin: auto;
display:block;
}
</style>
</head>
<body style="margin:auto;">
<h1>Welcome to the Electronic Instrument Museum!</h1>
<h2>"Magic music from the Web Audio API"</h2>
<div style="margin:auto; width:100%; background-color:transparent; border:none">
<div>
<a href="http://synthmuseum.thefunnybrain.com/singingarc.html">1899 - Singing Arc</a>
<a href="http://synthmuseum.thefunnybrain.com/singingarc.html"><img src="http://synthmuseum.thefunnybrain.com/img/arcthumb.png"></img></a>
<p>Using the ever-buzzing Carbon Arc Lamp system in London, inventor William Duddell was able to turn an unpleasant buzzing sound into one of the first ever instruments using electricity. People using other lamps connected to the same circuit were also able to enjoy the music being played, which could have led to the birth of music being played over distance.</p>
</div>
<div>
<a href="http://synthmuseum.thefunnybrain.com/telharmonium.html">1912- Telharmonium MKIII</a>
<a href="http://synthmuseum.thefunnybrain.com/telharmonium.html"><img src="http://synthmuseum.thefunnybrain.com/img/telharmoniumthumb.png"></img></a>
<p>Thaddeus Cahill’s colossal invention was a feat of engineering, generating synthesised sine waves using spinning elements and alternators, which could be combined to make many instrument sounds. It too had the potential for long-distance music playing, as it was connected to telephone lines, and users could pay to receive music into their homes or businesses.</p>
</div>
<div>
<a href="http://synthmuseum.thefunnybrain.com/audion.html">1915 - Audion Piano</a>
<a href="http://synthmuseum.thefunnybrain.com/audion.html"><img src="http://synthmuseum.thefunnybrain.com/img/audionthumb.png"></img></a>
<p>The Audion was one of the first valve-based instruments, using a technique of mixing two high-frequency notes together to create a note that can be heard from the difference between them. Creator Lee De Forest also included a slider to make expressive glissando notes possible.</p>
</div>
<div>
<a href="http://synthmuseum.thefunnybrain.com/dynaphone.html">1927 - Dynaphone</a>
<a href="http://synthmuseum.thefunnybrain.com/dynaphone.html"><img src="http://synthmuseum.thefunnybrain.com/img/dynaphonethumb.png"></img></a>
<p>This instrument worked using a dial which could be turned to change the note or frequency being played. René Bertrand’s invention was promoted by composer Edgar Varèse for its ability to play any note precisely, and without a dip in volume in the higher frequencies.</p>
</div>
<div>
<a href="http://synthmuseum.thefunnybrain.com/rhythmicon.html">1930 - Rhythmicon</a>
<a href="http://synthmuseum.thefunnybrain.com/rhythmicon.html"><img src="http://synthmuseum.thefunnybrain.com/img/rhythmiconthumb.png"></img></a>
<p>Henry Cowell commissioned Louis Theremin to build the Rhythmicon so that he could explore rhythms which were difficult to play with multiple musicians, and also in order to explore the idea of using pitch and rhythm patterns based on a number series based on harmonics.</p>
</div>
<div>
<h2>Credits and thanks</h2>
<h3>Read much more about these instruments and more at <a href="http://120years.net/" style="font-size:1em">120 Years.net</a></h3>
<h3><a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API" style="font-size:1em;">More about the Web Audio API</a></h3>
<h3>Buttons, Pianos and Switches all created using the <a href="http://nexus-js.github.io/ui/" style="font-size:1em;">Nexus UI</a>.</h3>
<h3>Dynaphone dial based heavily from Enxaneta's code found <a href="https://codepen.io/enxaneta/pen/EVYRJJ" style="font-size:1em;">here on Codepen</a>.</h3>
<h3>Pink Noise code from <a href="https://noisehack.com/generate-noise-web-audio-api/" style="font-size:1em;">Noisehack.com</a></h3>
<h3>Telharmonium uses an array rotation snippet found on <a href="https://stackoverflow.com/questions/27889800/javascript-arrays-reordering-an-array-starting-at-a-specified-index-while-kee" style="font-size:1em;">Alexander T. on Stackoverflow</a></h3>
<h3>Rhythmicon drawing canvas modified from <a href="http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/" style="font-size:1em;">WilliamMalone.com's</a> amazing tutorial.</h3>
<h3>Information about the Telharmonium came largely from "Magic Music from the Telharmonium" by Reynold Weidenaar - the book is freely accessible on his website <a href="http://magneticmusic.ws/Frame.htm" style="font-size:1em">http://magneticmusic.ws/</a>.</h3>
</div>
</div>
</body>