Mirrors/Tone.js
2
0
Fork 0
mirror of https://github.com/Tonejs/Tone.js synced 2024-11-10 05:54:20 +00:00
Code Issues Projects Releases Packages Wiki Activity

JS type attribute not needed in html5 (#214)

Browse source 
* type attribute not needed

* type att not needed

* type att not needed

* type att not needed

* type att not needed

* type att not needed

* type att not needed

* type att not needed

* type att not needed

* type att not needed

* type att not needed

* type att not needed

* type att not needed

* type att not needed

* type att not needed

* type att not needed

* type att not needed

* type att not needed

* type att not needed

* type at not needed

* type att not needed

* type att not needed

* type att not needed

* type att not needed

* type att not needed

* type att not neede

* type att not needed

* type att not needed

* type att not needed

* type att not needed
This commit is contained in:
Uzerus 2017-03-18 17:35:37 +01:00 committed by Yotam Mann
parent 4c2cf0705e
commit e32f4b58cb
30 changed files with 304 additions and 304 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
examples/analysis.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
<style type="text/css">
@ -40,7 +40,7 @@
</div>
<script type="text/javascript">
<script>
//analyse the frequency/amplitude of the incoming signal
var fft = new Tone.Analyser("fft", 32);
@ -53,7 +53,7 @@
}).fan(fft, waveform).toMaster();
</script>
<script type="text/javascript">
<script>
$(function(){
@ -146,4 +146,4 @@
});
</script>
</body>
</html>
</html>

20
examples/animationSync.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
<style type="text/css">
@ -53,7 +53,7 @@
</div>
</div>
<script id="ToneCode" type="text/javascript">
<script id="ToneCode">
var piano = new Tone.Synth({
"oscillator" : {
@ -75,7 +75,7 @@
loop.interval = "16n";
</script>
<script type="text/javascript">
<script>
$(function(){
@ -96,4 +96,4 @@
});
</script>
</body>
</html>
</html>

20
examples/bembe.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -37,7 +37,7 @@
</div>
</div>
<script type="text/javascript">
<script>
var bell = new Tone.MetalSynth({
"harmonicity" : 12,
@ -78,7 +78,7 @@
</script>
<script id="GUI" type="text/javascript">
<script id="GUI">
$(function(){
Interface.Button({
@ -98,4 +98,4 @@
</style>
</body>
</html>
</html>

22
examples/buses.html
View file

@ -7,17 +7,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/Keyboard.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="./scripts/Keyboard.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -36,7 +36,7 @@
<div id="Sliders"></div>
<div id="Keyboard"></div>
</div>
<script type="text/javascript">
<script>
//the synth
var synth = new Tone.Synth().toMaster()
@ -62,7 +62,7 @@
.toMaster();
</script>
<script id="GUI" type="text/javascript">
<script id="GUI">
$(function(){
Interface.Slider({
@ -111,4 +111,4 @@
});
</script>
</body>
</html>
</html>

20
examples/daw.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -84,7 +84,7 @@
</div>
</div>
<script type="text/javascript">
<script>
Tone.Transport.bpm.value = 108;
@ -109,7 +109,7 @@
</script>
<script id="GUI" type="text/javascript">
<script id="GUI">
$(function(){
@ -226,4 +226,4 @@
</style>
</body>
</html>
</html>

20
examples/envelope.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -54,7 +54,7 @@
<div id="Sliders"></div>
</div>
<script type="text/javascript">
<script>
var env = new Tone.AmplitudeEnvelope({
"attack" : 0.11,
"decay" : 0.21,
@ -72,7 +72,7 @@
</script>
<script id="GUI" type="text/javascript">
<script id="GUI">
$(function(){
Interface.Slider({
@ -131,4 +131,4 @@
</style>
</body>
</html>
</html>

20
examples/events.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -37,7 +37,7 @@
</div>
</div>
<script id="ToneCode" type="text/javascript">
<script id="ToneCode">
/*
KICK
*/
@ -129,7 +129,7 @@
//set the transport
Tone.Transport.bpm.value = 90;
</script>
<script type="text/javascript">
<script>
$(function(){
@ -148,4 +148,4 @@
});
</script>
</body>
</html>
</html>

22
examples/fmSynth.html
View file

@ -7,18 +7,18 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/Keyboard.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="./scripts/Keyboard.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -34,7 +34,7 @@
</div>
</div>
<script type="text/javascript">
<script>
var synth = new Tone.FMSynth({
"modulationIndex" : 12.22,
"envelope" : {
@ -51,7 +51,7 @@
}).toMaster();
</script>
<script type="text/javascript">
<script>
$(function(){
@ -74,4 +74,4 @@
});
</script>
</body>
</html>
</html>

26
examples/funkyShape.html
View file

@ -12,18 +12,18 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="./scripts/p5.js"></script>
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/p5.Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="./scripts/p5.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/p5.Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -44,7 +44,7 @@
This sketch uses <a href="https://p5js.org" target="_blank">p5.js</a> for visual components.
</div>
</div>
<script id="p5" type="text/javascript">
<script id="p5">
//creating our class name
function FunkyShape() {}
@ -141,7 +141,7 @@
}
</script>
<script id="Song" type="text/javascript">
<script id="Song">
//HATS
@ -268,7 +268,7 @@
Tone.Transport.loop = true;
</script>
<script id="GUI" type="text/javascript">
<script id="GUI">
$(function(){
Interface.Button({
@ -286,4 +286,4 @@
});
</script>
</body>
</html>
</html>

20
examples/grainPlayer.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -33,7 +33,7 @@
</div>
<div id="Sliders"></div>
</div>
<script type="text/javascript">
<script>
//the player
var player = new Tone.GrainPlayer({
@ -44,7 +44,7 @@
}).toMaster();
</script>
<script id="GUI" type="text/javascript">
<script id="GUI">
$(function(){
Interface.Loader();
@ -100,4 +100,4 @@
});
</script>
</body>
</html>
</html>

10
examples/index.html
View file

@ -7,9 +7,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/ExampleList.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="./scripts/ExampleList.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
@ -21,7 +21,7 @@
<div id="Sidebar"></div>
</div>
<script type="text/javascript">
<script>
var container = $("#Sidebar");
@ -94,4 +94,4 @@
</script>
</body>
</html>
</html>

18
examples/jump.html
View file

@ -7,12 +7,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
@ -39,7 +39,7 @@
</div>
</div>
<script type="text/javascript">
<script>
var synth = new Tone.PolySynth(3, Tone.Synth, {
"oscillator" : {
@ -262,7 +262,7 @@
</script>
<script id="GUI" type="text/javascript">
<script id="GUI">
$(function(){
Interface.Button({
@ -282,4 +282,4 @@
</style>
</body>
</html>
</html>

20
examples/lfoEffects.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
</head>
@ -34,7 +34,7 @@
</div>
</div>
<script id="JSCode" type="text/javascript">
<script id="JSCode">
//AutoPanner - a penning modulation effect
var panner = new Tone.AutoPanner({
"frequency" : 4,
@ -73,7 +73,7 @@
}).connect(tremolo).start();
</script>
<script id="gui" type="text/javascript">
<script id="gui">
$(function(){
@ -142,4 +142,4 @@
</script>
</body>
</html>
</html>

20
examples/meter.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
<style type="text/css">
@ -39,7 +39,7 @@
</div>
<script type="text/javascript">
<script>
//create a level meter
var meter = new Tone.Meter("level");
@ -50,7 +50,7 @@
</script>
<script type="text/javascript">
<script>
$(function(){
@ -112,4 +112,4 @@
});
</script>
</body>
</html>
</html>

20
examples/mic.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -38,7 +38,7 @@
If supported, Tone.UserMedia uses <code>getUserMedia</code> to open the user's microphone where it can then be processed with Tone.js. Only works on https domains.
</div>
</div>
<script type="text/javascript">
<script>
//you probably DONT want to connect the microphone
//directly to the master output because of feedback.
@ -53,7 +53,7 @@
</script>
<script id="GUI" type="text/javascript">
<script id="GUI">
$(function(){
//indicate if the microphone is supported or not
@ -110,4 +110,4 @@
});
</script>
</body>
</html>
</html>

22
examples/monoSynth.html
View file

@ -7,17 +7,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/Keyboard.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="./scripts/Keyboard.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -36,7 +36,7 @@
<div id="Keyboard"></div>
</div>
<script type="text/javascript">
<script>
var synth = new Tone.MonoSynth({
"portamento" : 0.01,
@ -61,7 +61,7 @@
</script>
<script id="GUI" type="text/javascript">
<script id="GUI">
$(function(){
var keyboard = Interface.Keyboard();
@ -79,4 +79,4 @@
</style>
</body>
</html>
</html>

20
examples/noises.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -35,7 +35,7 @@
</div>
<div id="DragContainer"></div>
</div>
<script id="ToneCode" type="text/javascript">
<script id="ToneCode">
//make the noise and connect it to the output
var noise = new Tone.Noise({
"volume" : -20,
@ -43,7 +43,7 @@
}).toMaster();
</script>
<script id="GUI" type="text/javascript">
<script id="GUI">
$(function(){
Interface.Dragger({
@ -69,4 +69,4 @@
})
</script>
</body>
</html>
</html>

20
examples/oscillator.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -31,13 +31,13 @@
</div>
<div id="DragContainer"></div>
</div>
<script id="ToneCode" type="text/javascript">
<script id="ToneCode">
var osc = new Tone.Oscillator({
"frequency" : 440,
"volume" : -10
}).toMaster();
</script>
<script id="GUI" type="text/javascript">
<script id="GUI">
$(function(){
Interface.Dragger({
@ -67,4 +67,4 @@
</script>
</body>
</html>
</html>

20
examples/pianoPhase.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -48,7 +48,7 @@
<canvas id="Right"></canvas>
</div>
<script type="text/javascript">
<script>
//set the bpm and time signature first
Tone.Transport.timeSignature = [6, 4];
Tone.Transport.bpm.value = 180;
@ -101,7 +101,7 @@
</script>
<script id="GUI" type="text/javascript">
<script id="GUI">
$(function(){
Interface.Button({
@ -177,4 +177,4 @@
</style>
</body>
</html>
</html>

20
examples/pingPongDelay.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
</head>
@ -36,7 +36,7 @@
<a href="https://tonejs.github.io/docs/#PingPongDelay">Tone.PingPongDelay</a> docs.
</div>
</div>
<script type="text/javascript">
<script>
//the feedback delay
var feedbackDelay = new Tone.PingPongDelay({
"delayTime" : "8n",
@ -47,7 +47,7 @@
//play a snare sound through it
var player = new Tone.Player("./audio/505/snare.mp3").connect(feedbackDelay);
</script>
<script type="text/javascript">
<script>
$(function(){
Interface.Loader();
@ -61,4 +61,4 @@
});
</script>
</body>
</html>
</html>

20
examples/player.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -29,7 +29,7 @@
using <a href="https://tonejs.github.io/docs/#Player">Tone.Player</a>.
</div>
</div>
<script type="text/javascript">
<script>
//the player
var player = new Tone.Player({
@ -38,7 +38,7 @@
}).toMaster();
</script>
<script id="GUI" type="text/javascript">
<script id="GUI">
$(function(){
Interface.Loader();
@ -57,4 +57,4 @@
});
</script>
</body>
</html>
</html>

22
examples/polySynth.html
View file

@ -7,17 +7,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/Keyboard.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="./scripts/Keyboard.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -39,7 +39,7 @@
<div id="Keyboard"></div>
</div>
<script type="text/javascript">
<script>
var synth = new Tone.PolySynth(6, Tone.Synth, {
"oscillator" : {
@ -49,7 +49,7 @@
</script>
<script id="GUI" type="text/javascript">
<script id="GUI">
$(function(){
var keyboard = Interface.Keyboard();
@ -67,4 +67,4 @@
</style>
</body>
</html>
</html>

20
examples/quantization.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
</head>
@ -36,13 +36,13 @@
(aligned to a subdivision). In this example, a note's start time is aligned to the given subdivision.
</div>
</div>
<script id="JSCode" type="text/javascript">
<script id="JSCode">
var polySynth = new Tone.PolySynth(4, Tone.Synth).toMaster();
Tone.Transport.start();
</script>
<script id="gui" type="text/javascript">
<script id="gui">
$(function(){
@ -84,4 +84,4 @@
</script>
</body>
</html>
</html>

22
examples/rampTo.html
View file

@ -7,17 +7,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script type="text/javascript" src="./scripts/nexusUI.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<script src="./scripts/nexusUI.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -46,7 +46,7 @@
<canvas nx="joints"></canvas>
</div>
<script type="text/javascript">
<script>
Tone.Master.volume.value = -Infinity;
@ -66,7 +66,7 @@
</script>
<script type="text/javascript">
<script>
nx.onload = function(){
nx.colorize("#7F33ED");
@ -133,4 +133,4 @@
</script>
</body>
</html>
</html>

12
examples/require.html
View file

@ -4,11 +4,11 @@
<meta charset="utf-8">
<title>MODULE LOADERS</title>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/require.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/require.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
@ -28,7 +28,7 @@
Take a look at the source to see how.
</div>
</div>
<script type="text/javascript">
<script>
require.config({
baseUrl : "./",
@ -46,4 +46,4 @@
});
</script>
</body>
</html>
</html>

22
examples/shiny.html
View file

@ -7,17 +7,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/nexusUI.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="./scripts/nexusUI.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -30,7 +30,7 @@
</div>
</div>
<script type="text/javascript">
<script>
//DRUMS//
@ -211,7 +211,7 @@
Tone.Transport.bpm.value = 125;
</script>
<script type="text/javascript">
<script>
$(function(){
@ -259,4 +259,4 @@
});
</script>
</body>
</html>
</html>

20
examples/signal.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -38,7 +38,7 @@
and a <a href="https://tonejs.github.io/docs/#LFO">Tone.LFO</a>.
</div>
</div>
<script type="text/javascript">
<script>
//initially muted
Tone.Master.mute = true;
@ -84,7 +84,7 @@
</script>
<script id="GUI" type="text/javascript">
<script id="GUI">
$(function(){
/*Notone.config({
@ -124,4 +124,4 @@
</script>
</body>
</html>
</html>

22
examples/simpleSynth.html
View file

@ -7,17 +7,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/Keyboard.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="./scripts/Keyboard.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -48,7 +48,7 @@
<div id="Keyboard"></div>
</div>
<script type="text/javascript">
<script>
var synth = new Tone.Synth({
"oscillator" : {
@ -64,7 +64,7 @@
</script>
<script id="GUI" type="text/javascript">
<script id="GUI">
$(function(){
var keyboard = Interface.Keyboard();
@ -82,4 +82,4 @@
</style>
</body>
</html>
</html>

26
examples/spatialPanner.html
View file

@ -7,19 +7,19 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/three.min.js"></script>
<script type="text/javascript" src="./scripts/OrbitControls.js"></script>
<script type="text/javascript" src="./scripts/THREE.Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/three.min.js"></script>
<script src="./scripts/OrbitControls.js"></script>
<script src="./scripts/THREE.Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -40,7 +40,7 @@
<div id="three"></div>
</div>
<script type="text/javascript">
<script>
var greenSphere = new Tone.Panner3D().toMaster();
var drone = new Tone.Player({
@ -62,7 +62,7 @@
</script>
<script id="GUI" type="text/javascript">
<script id="GUI">
$(function(){
Interface.Loader()
@ -156,4 +156,4 @@
</style>
</body>
</html>
</html>

22
examples/stepSequencer.html
View file

@ -7,17 +7,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script>
<script type="text/javascript" src="./scripts/nexusUI.js"></script>
<script src="../build/Tone.js"></script>
<script src="./scripts/jquery.min.js"></script>
<script src="./scripts/draggabilly.js"></script>
<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script src="./scripts/StartAudioContext.js"></script>
<script src="./scripts/Interface.js"></script>
<script src="./scripts/nexusUI.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript">
<script>
// jshint ignore: start
</script>
@ -36,7 +36,7 @@
</div>
<canvas nx="matrix"></canvas>
</div>
<script type="text/javascript">
<script>
//setup a polyphonic sampler
var keys = new Tone.MultiPlayer({
urls : {
@ -66,7 +66,7 @@
Tone.Transport.start();
</script>
<script type="text/javascript">
<script>
nx.onload = function(){
nx.colorize("#f5871f");
@ -110,4 +110,4 @@
});
</script>
</body>
</html>
</html>