lulu-berlin · February 4, 2018 21:10
diff --git a/index.html b/index.html
 <!doctype html>
 <html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fibonacci Sounds</title>
  </head>
  <body>
    <button id="play" tabindex="1">play</button>
    <script type="text/javascript"> 
 "use strict";
 var __generator = (this && this.__generator) || function (thisArg, body) {
  var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
  return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
  function verb(n) { return function (v) { return step([n, v]); }; }
  function step(op) {
    if (f) throw new TypeError("Generator is already executing.");
    while (_) try {
      if (f = 1, y && (t = y[op[0] & 2 ? "return" : op[0] ? "throw" : "next"]) && !(t = t.call(y, op[1])).done) return t;
      if (y = 0, t) op = [0, t.value];
      switch (op[0]) {
        case 0: case 1: t = op; break;
        case 4: _.label++; return { value: op[1], done: false };
        case 5: _.label++; y = op[1]; op = [0]; continue;
        case 7: op = _.ops.pop(); _.trys.pop(); continue;
        default:
          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
          if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
          if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
          if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
          if (t[2]) _.ops.pop();
          _.trys.pop(); continue;
      }
      op = body.call(thisArg, _);
    } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
    if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
  }
 };
 var w = window;
 var AudioContextAPI = (w.AudioContext || w.webkitAudioContext);
 var aContext = new AudioContextAPI();
 function beep(frequency, time, length) {
  var osc = aContext.createOscillator();
  var volume = aContext.createGain();
  osc.type = 'sawtooth'; // sine wave
  osc.frequency.value = frequency;
  osc.connect(volume);
  volume.gain.value = 0.3;
  volume.connect(aContext.destination);
  var now = aContext.currentTime;
  osc.start(now + time);
  osc.stop(now + time + length);
 }
 function fibonacci() {
  var lastValues, newValue;
  return __generator(this, function (_a) {
    switch (_a.label) {
      case 0: return [4 /*yield*/, 1];
      case 1:
        _a.sent();
        return [4 /*yield*/, 1];
      case 2:
        _a.sent();
        lastValues = [1, 1];
        _a.label = 3;
      case 3:
        if (!true) return [3 /*break*/, 5];
        newValue = lastValues[0] + lastValues[1];
        return [4 /*yield*/, newValue];
      case 4:
        _a.sent();
        lastValues.push(newValue);
        lastValues.shift();
        return [3 /*break*/, 3];
      case 5: return [2 /*return*/];
    }
  });
 }
 var TAP = 1 / 16;
 var LENGTH = 1 / 32;
 window.onload = function () {
  var button = document.querySelector('#play');
  if (!button) {
    throw new Error('Cannot find button element');
  }
  button.onclick = function () {
    var gen = fibonacci();
    while (Math.random() * 10 < 9) {
      gen.next();
    }
    for (var i = 0; i < 32; i++) {
      var v = gen.next().value;
      beep(v * 100 % 2000, i * TAP, LENGTH);
      beep(v * 100 % 4000, i * TAP, LENGTH);
      beep(v * 100 % 6000, i * TAP, LENGTH);
      beep(v * 100 % 8000, i * TAP, LENGTH);
      beep(v * 100 % 10000, i * TAP, LENGTH);
    }
  };
  button.focus();
 };
    </script>
  </body>
 </html>
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Fibonacci Sounds</title>
	</head>
	<body>
	<button id="play" tabindex="1">play</button>
	<script type="text/javascript">
	"use strict";
	var __generator = (this && this.__generator) \|\| function (thisArg, body) {
	var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
	return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
	function verb(n) { return function (v) { return step([n, v]); }; }
	function step(op) {
	if (f) throw new TypeError("Generator is already executing.");
	while (_) try {
	if (f = 1, y && (t = y[op[0] & 2 ? "return" : op[0] ? "throw" : "next"]) && !(t = t.call(y, op[1])).done) return t;
	if (y = 0, t) op = [0, t.value];
	switch (op[0]) {
	case 0: case 1: t = op; break;
	case 4: _.label++; return { value: op[1], done: false };
	case 5: _.label++; y = op[1]; op = [0]; continue;
	case 7: op = _.ops.pop(); _.trys.pop(); continue;
	default:
	if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 \|\| op[0] === 2)) { _ = 0; continue; }
	if (op[0] === 3 && (!t \|\| (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
	if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
	if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
	if (t[2]) _.ops.pop();
	_.trys.pop(); continue;
	}
	op = body.call(thisArg, _);
	} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
	if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
	}
	};
	var w = window;
	var AudioContextAPI = (w.AudioContext \|\| w.webkitAudioContext);
	var aContext = new AudioContextAPI();
	function beep(frequency, time, length) {
	var osc = aContext.createOscillator();
	var volume = aContext.createGain();
	osc.type = 'sawtooth'; // sine wave
	osc.frequency.value = frequency;
	osc.connect(volume);
	volume.gain.value = 0.3;
	volume.connect(aContext.destination);
	var now = aContext.currentTime;
	osc.start(now + time);
	osc.stop(now + time + length);
	}
	function fibonacci() {
	var lastValues, newValue;
	return __generator(this, function (_a) {
	switch (_a.label) {
	case 0: return [4 /yield/, 1];
	case 1:
	_a.sent();
	return [4 /yield/, 1];
	case 2:
	_a.sent();
	lastValues = [1, 1];
	_a.label = 3;
	case 3:
	if (!true) return [3 /break/, 5];
	newValue = lastValues[0] + lastValues[1];
	return [4 /yield/, newValue];
	case 4:
	_a.sent();
	lastValues.push(newValue);
	lastValues.shift();
	return [3 /break/, 3];
	case 5: return [2 /return/];
	}
	});
	}
	var TAP = 1 / 16;
	var LENGTH = 1 / 32;
	window.onload = function () {
	var button = document.querySelector('#play');
	if (!button) {
	throw new Error('Cannot find button element');
	}
	button.onclick = function () {
	var gen = fibonacci();
	while (Math.random() * 10 < 9) {
	gen.next();
	}
	for (var i = 0; i < 32; i++) {
	var v = gen.next().value;
	beep(v * 100 % 2000, i * TAP, LENGTH);
	beep(v * 100 % 4000, i * TAP, LENGTH);
	beep(v * 100 % 6000, i * TAP, LENGTH);
	beep(v * 100 % 8000, i * TAP, LENGTH);
	beep(v * 100 % 10000, i * TAP, LENGTH);
	}
	};
	button.focus();
	};
	</script>
	</body>
	</html>