Tone.js/examples/player.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
	<title>PLAYER</title>

	<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 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>
		// jshint ignore: start
	</script>

</head>
<body>
	<div id="Content">
		<div id="Title">Grains</div>
		<div id="Explanation">
			Click on the button to play the audio file on loop
			using <a href="https://tonejs.github.io/docs/#Player">Tone.Player</a>. 
		</div>
	</div>
	<script>

		//the player
		var player = new Tone.Player({
			"url" : "./audio/FWDL.[mp3|ogg]",
			"loop" : true
		}).toMaster();

		// GUI //

		Interface.Loader();

		Interface.Button({
			text : "Start",
			activeText : "Stop",
			start : function(){
				player.start();
			},
			end : function(){
				player.stop();
			}
		});
	</script>

</body>
</html>
adds doctype html and utf-8 encoding on all examples 2014-10-22 22:49:42 +00:00			`<!DOCTYPE html>`
fixed noise. more examples 2014-03-15 03:17:18 +00:00			`<html>`
			`<head>`
adds doctype html and utf-8 encoding on all examples 2014-10-22 22:49:42 +00:00			`<meta charset="utf-8">`
styling examples 2014-09-04 04:06:01 +00:00			`<title>PLAYER</title>`
making examples more mobile friendly 2014-09-06 19:35:31 +00:00
updated meta tags 2015-06-27 22:10:18 +00:00			`<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">`
adding favicon 2015-12-08 05:06:58 +00:00			`<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">`
making the examples styled and work consistently. 2014-06-23 17:29:22 +00:00
JS type attribute not needed in html5 (#214) * 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 2017-03-18 16:35:37 +00:00			`<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>`
restyling/refactoring examples 2015-02-12 03:39:28 +00:00
			`<link rel="stylesheet" type="text/css" href="./style/examples.css">`

JS type attribute not needed in html5 (#214) * 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 2017-03-18 16:35:37 +00:00			`<script>`
restyling/refactoring examples 2015-02-12 03:39:28 +00:00			`// jshint ignore: start`
			`</script>`
making the examples styled and work consistently. 2014-06-23 17:29:22 +00:00
fixed noise. more examples 2014-03-15 03:17:18 +00:00			`</head>`
			`<body>`
restyling/refactoring examples 2015-02-12 03:39:28 +00:00			`<div id="Content">`
new examples 2015-06-26 05:23:05 +00:00			`<div id="Title">Grains</div>`
			`<div id="Explanation">`
changing player loop length 2016-12-19 04:33:14 +00:00			`Click on the button to play the audio file on loop`
moving location of docs to github.io [skip ci] 2016-07-07 20:10:29 +00:00			`using <a href="https://tonejs.github.io/docs/#Player">Tone.Player</a>.`
new examples 2015-06-26 05:23:05 +00:00			`</div>`
restyling/refactoring examples 2015-02-12 03:39:28 +00:00			`</div>`
JS type attribute not needed in html5 (#214) * 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 2017-03-18 16:35:37 +00:00			`<script>`
new examples 2015-06-26 05:23:05 +00:00
restyling/refactoring examples 2015-02-12 03:39:28 +00:00			`//the player`
new examples 2015-06-26 05:23:05 +00:00			`var player = new Tone.Player({`
adding `.ogg` fallback for examples fixes #240 2017-06-19 19:39:17 +00:00			`"url" : "./audio/FWDL.[mp3\|ogg]",`
changing player loop length 2016-12-19 04:33:14 +00:00			`"loop" : true`
new examples 2015-06-26 05:23:05 +00:00			`}).toMaster();`
adding links to examples 2015-06-27 22:02:55 +00:00
removing jquery ready from examples 2017-03-26 20:39:19 +00:00			`// GUI //`

			`Interface.Loader();`

			`Interface.Button({`
			`text : "Start",`
			`activeText : "Stop",`
			`start : function(){`
			`player.start();`
			`},`
			`end : function(){`
			`player.stop();`
			`}`
adding links to examples 2015-06-27 22:02:55 +00:00			`});`
fixed noise. more examples 2014-03-15 03:17:18 +00:00			`</script>`
removing jquery ready from examples 2017-03-26 20:39:19 +00:00
fixed noise. more examples 2014-03-15 03:17:18 +00:00			`</body>`
JS type attribute not needed in html5 (#214) * 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 2017-03-18 16:35:37 +00:00			`</html>`