function encode64(data) {
  var BASE = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
  var PAD = '=';
  var ret = '';
  var leftchar = 0;
  var leftbits = 0;
  for (var i = 0; i < data.length; i++) {
    leftchar = (leftchar << 8) | data[i];
    leftbits += 8;
    while (leftbits >= 6) {
      var curr = (leftchar >> (leftbits-6)) & 0x3f;
      leftbits -= 6;
      ret += BASE[curr];
    }
  }
  if (leftbits == 2) {
    ret += BASE[(leftchar&3) << 4];
    ret += PAD + PAD;
  } else if (leftbits == 4) {
    ret += BASE[(leftchar&0xf) << 2];
    ret += PAD;
  }
  return ret;
}

function createAudio(text, args) {
  args = args || {};

  var audio = document.createElement('audio');
  document.body.appendChild(audio);

  var wav = generateSpeech(text, args);
  audio.innerHTML = ("<audio class=\"player\" src=\"data:audio/x-wav;base64,"+encode64(wav)+"\">");

  return function() {
    audio.children[0].play();
  };
}

  function getUrlParams() {
    var match,
        pl     = /\+/g,  // Regex for replacing addition symbol with a space
        search = /([^&=]+)=?([^&]*)/g,
        decode = function (s) { return decodeURIComponent(s.replace(pl, " ")); },
        query  = window.location.search.substring(1),
        urlParams = {};

    while (match = search.exec(query))
       urlParams[decode(match[1])] = decode(match[2]);
    return urlParams;
  }

  document.addEventListener("DOMContentLoaded", function () {
    var urlParams = getUrlParams();
    document.getElementById('greeting').innerHTML = 'Happy Birthday '+(urlParams.name || 'to You');

       // Create a popcorn instance by calling the Youtube player plugin
     var example = Popcorn.youtube(
       '#video',
       'https://www.youtube.com/watch?v=huQdMUw0214' );

    function speaker(t,txt) {
      var audio = createAudio(txt);
      example.code({
        start : t,
        onStart : audio,
      });
    }
    
    speaker(9.5,urlParams.name || 'Insert a name here');
    speaker(16.5,urlParams.what || 'Your thing');
    speaker(35.5,urlParams.sparkle || 'eyes');
    speaker(38.5,urlParams.wind || 'noze');
    speaker(60,'Hip hip hurray. Hip hip Hurrayyyyyyy');
    example.play();

  }, false);