message.js

//This file sets up a system for mapping keystrokes to sounds and storing them in an array. The listener loops through the array indefinitely.


//set up key mapping
sounds = [];
for(i=0; i<222; i++) {
  sounds[i] = '' + i + '.wav';
};

//capture keystrokes of a message
var keys = document.getElementById("keyStrokes");
keys.addEventListener("keydown", captureKeys, false);

var message = [];
var counter = 0;

function captureKeys(e){
  playKey(e.keyCode);
  if (counter < 16) {
    message[counter] = e.keyCode;    
    counter += 1;
    console.log(message);
    //make sure to set up play key sound here!!
  } else {
    message[counter] = e.keyCode;
    message.length = 16;
    counter = 0;
    console.log(message);
  }
};

//play sound for each key hit
function playKey(e){
  document.getElementById(e).play();
};

//play message
//Eric turned this into a While Loop
function playMessage() {
    setInterval(function(){
      var i = 0;
      while (i < message.length) {
        console.log("key down # " + message.length);
        console.log(message[i]);
        playKey(message[i]);
        i++;
      } 
    }, 1000);
}


// // This was your original play message
// function playMessage() {
//   i = 0;
//   if (message.length == 0) {
//     alert("Please leave a message for me to play!");
//   } else {
//     window.setInterval( function changeSounds() {
//       if (i == message.length) {
//         console.log(i);
//         console.log(message);
//         playKey(message[i]);
//         i = 0;
//       } else {
//         console.log(i);
//         console.log(message);
//         playKey(message[i]);
//         i += 1;
//       };
//   }, 500);
//   }
// };


//play message after user clicks listen
function playMessageTwo() {
  oscillator.start();
  i = 0;
  if (message.length == 0) {
    alert("Please leave a message for me to play!");
  } else {
    window.setInterval( function changeFrequency() {
      if (i > message.length) {
        i = 0;
        oscillator.frequency.value = (message[i] * 10);
      } else {
        oscillator.frequency.value = (message[i] * 10);
        i += 1;
      };
      console.log(message);
      console.log(oscillator.frequency.value);
  }, 5000);
  }
};