let player;

​

​

function preload() {

  data = loadJSON('genres.json');

  adjectiveData = loadJSON('adj.json');

​

}

​

function setup() {

  player = new YT.Player('player', {

    height: '390',

    width: '640',

    videoId: 'M7lc1UVf-VE',

    events: {

      'onReady': onPlayerReady,

      'onStateChange': onPlayerStateChange

    }

  });

​

  createCanvas(400, 400);

  // noCanvas();

  music = data.genres[floor(random(data.genres.length))];

  adjective = adjectiveData.adjs[floor(random(adjectiveData.adjs.length))];

  button = createButton('GivemesomecooooooolNAMEEformyMusic');

    button.mousePressed(giveName);

  coolGenre = createP (adjective + ' ' + music);

  // print(data);

}

​

function draw() {

  background(230);

  music = data.genres[floor(random(data.genres.length))];

  adjective = adjectiveData.adjs[floor(random(adjectiveData.adjs.length))];

  text(coolName, width/2, height/2);

}

​

function giveName(){

  coolName = (adjective + ' ' + music);

    coolGenre.html (adjective + ' ' + music);

}

​

​

// 2. This code loads the IFrame Player API code asynchronously.

      var tag = document.createElement('script');

​

      tag.src = "https://www.youtube.com/iframe_api";

      var firstScriptTag = document.getElementsByTagName('script')[0];

      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

​

      // 3. This function creates an <iframe> (and YouTube player)

      //    after the API code downloads.

​

      // 4. The API will call this function when the video player is ready.

      function onPlayerReady(event) {

        event.target.playVideo();

      }

​

      // 5. The API calls this function when the player's state changes.

      //    The function indicates that when playing a video (state=1),

      //    the player should play for six seconds and then stop.

      var done = false;

      function onPlayerStateChange(event) {

        if (event.data == YT.PlayerState.PLAYING && !done) {

          setTimeout(stopVideo, 6000);

          done = true;

        }

      }

      function stopVideo() {

        player.stopVideo();

      }

​

​

​

​

​