let A = {sound: new Audio ("A.mp3")}

let Bb = {sound: new Audio ("Bb.mp3")}

let B = {sound: new Audio ("B.mp3")}

let C = {sound: new Audio ("C.mp3")}

let Db = {sound: new Audio ("Db.mp3")}

let D = {sound: new Audio ("D.mp3")}

let Eb = {sound: new Audio ("Eb.mp3")}

let E = {sound: new Audio ("E.mp3")}

let F = {sound: new Audio ("F.mp3")}

let Gb = {sound: new Audio ("Gb.mp3")}

let G = {sound: new Audio ("G.mp3")}

let Ab = {sound: new Audio ("Ab.mp3")}

let A2 = {sound: new Audio ("A2.mp3")}

let DD = {sound: new Audio ("DD.mp3")}

let DEb = {sound: new Audio ("DEb.mp3")}

let DE = {sound: new Audio ("DE.mp3")}

let DF = {sound: new Audio ("DF.mp3")}

let DGb = {sound: new Audio ("DGb.mp3")}

let DG = {sound: new Audio ("DG.mp3")}

let DAb = {sound: new Audio ("DAb.mp3")}

let DA = {sound: new Audio ("DA.mp3")}

let DBb = {sound: new Audio ("DBb.mp3")}

let DB = {sound: new Audio ("DB2.mp3")}

let DC = {sound: new Audio ("DC.mp3")}

let DDb = {sound: new Audio ("DDb.mp3")}

let DD2 = {sound: new Audio ("DD2.mp3")}

let GG = {sound: new Audio ("GG.mp3")}

let GAb = {sound: new Audio ("GAb.mp3")}

let GA = {sound: new Audio ("GA.mp3")}

let GBb = {sound: new Audio ("GBb.mp3")}

let GB = {sound: new Audio ("GB2.mp3")}

let GC = {sound: new Audio ("GC.mp3")}

let GDb = {sound: new Audio ("GDb.mp3")}

let GD = {sound: new Audio ("GD.mp3")}

let GEb = {sound: new Audio ("GEb.mp3")}

let GE = {sound: new Audio ("GE.mp3")}

let GF = {sound: new Audio ("GF.mp3")}

let GGb = {sound: new Audio ("GGb.mp3")}

let GG2 = {sound: new Audio ("GG2.mp3")}

​

let stringSpacing, xPrev;

let santoor_length;

​

let current_note;

let notes = [C, Db, D, Eb, E, F, Gb, G, Ab, GA, GDb, GB, GC];

​

let bg;

​

function setup() {

  createCanvas(800, 800);

  xPrev = 0;

  stringSpacing = 75;

  santoor_width = 600;

  current_note = 0;

  bg = loadImage('santoor.svg');

}

​

// setInterval(() => {

//   fetch('')

//     .then(data => data)

//     .then(note =>{

//       console.log(note);

//     if(!isPlaying(notes[current_note])){

//       notes[current_note].play();

//     }

//   });

// }, 200);

​

​

​

function draw() {

  background(200);

  background(bg);

  translate(120,0);

  strokeWeight(0);

  x = 0;

  current_note = random([0,1,2,3,4,5,6,7,8,9,10,11]);

  current_note=6;

  for(let i = 0; i < notes.length; i++){

    fill("#B97817");

    if(i == current_note) {

       fill("#7C3B00");

  }

    notes[i].shape = rect(i * santoor_width / notes.length , i * 10,10,height-25*i);

  } 

  // current_note = getCurrentNote();

  if(!isPlaying(notes[current_note].sound)){

    notes[current_note].sound.play();

  }

}

​

var isPlaying = function (sound) {

    return sound

        && sound.currentTime > 0

        && !sound.paused

        && !sound.ended

        && sound.readyState > 2;

}

​

function getCurrentNote(){

  return fetch('')

    .then(data => data)

    .then(note => {

      console.log(note);

  });

}