jsfxr-gre
Version:
as3fxr synth port to JavaScript
79 lines (67 loc) • 2.8 kB
HTML
<head>
<meta charset="utf-8">
<title>jsfxr demo</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<script src="jsfxr.js"></script>
<script>
var url = window.URL || window.webkitURL;
function playSound(params) {
try {
var soundURL = jsfxr(params);
var player = new Audio();
player.addEventListener('error', function(e) {
console.log("Error: " + player.error.code);
}, false);
player.src = soundURL;
player.play();
player.addEventListener('ended', function(e) {
url.revokeObjectURL(soundURL);
}, false);
} catch(e) {
console.log(e.message);
}
}
function playString(str) {
var temp = str.split(",");
var params = new Array();
for(var i = 0; i < temp.length; i++) {
params[i] = parseFloat(temp[i]);
}
playSound(params);
}
</script>
</head>
<body>
<div class="container">
<h1>jsfxr demo</h1>
<p><a href="http://code.google.com/p/as3sfxr/">as3fxr</a> synth port to JavaScript created for js13kGames</p>
<form>
<p>
<a class="btn btn-default" href="#" role="button" onclick="playSound([3,,0.3708,0.5822,0.3851,0.0584,,-0.0268,,,,-0.0749,0.7624,,,,,,1,,,,,0.5]); return false;">Play Explosion</a>
<a class="btn btn-default" href="#" role="button" onclick="playSound([1,,0.3201,,0.4743,0.3202,,0.0833,,0.4207,0.4278,,,,,,,,1,,,,,0.5]); return false;">Play Powerup</a>
<a class="btn btn-default" href="#" role="button" onclick="playSound([0,,0.1812,,0.1349,0.4524,,0.2365,,,,,,0.0819,,,,,1,,,,,0.5]); return false;">Play Jump</a>
</p>
<p>
<label for="soundsettings">Paste as3fxr string here: </label>
<input type="text" id="soundsettings" size="100"/>
<a class="btn btn-default" href="#" role="button" onclick="playString(document.getElementById('soundsettings').value); return false;">Play Custom Sound</a>
</p>
<p>
Hosted as3sfxr by Tom Vian: <a href="http://www.superflashbros.net/as3sfxr/">http://www.superflashbros.net/as3sfxr/</a>
</p>
</form>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-50452219-1', 'mneubrand.github.io');
ga('send', 'pageview');
</script>
</body>
</html>