week09 -Interactive Sound 02

​

// 1- Sounds

var soundFloppy;

var soundNokia;

var soundBoca;

var soundAim;

var soundIcq;

​

// 2- Buttons

var btn; // floppy button

var btnNokia;

var btnBoca;

var btnAim;

var btnIcq

​

// background color

var cl;

​

// Description Text

var descriptionTxt;

​

// Title Text

var headerTxt;

​

// Info text

var currentlyPlayingTxt;

​

//visulizer

var soundLevel

​

//amplitude

var amp;

​

function preload() {

  // load sounds

  soundFloppy = loadSound('floppy.mp3');

  soundNokia = loadSound('nokia-3310.mp3');

  soundBoca = loadSound("dial-up-modem.mp3");

  soundAim = loadSound("aim.mp3");

  soundIcq = loadSound("icq.mp3");

}

​

function setup() {

  cnv = createCanvas(600, 450);

​

  // HTML Floppy Disk image button

  btn = new imageButton("floppy.png", 100    , 100);

  //                     ^ file name, ^ width, ^ height            

  btn.position(30, height / 2);         // Set x and y position of the button

  btn.mousePressed(floppyBtnPressed);   // Check the line 82: play sound

  btn.mouseReleased(floppyBtnReleased); // Check the line 87: stop sound

​

  //Nokia Button

  btnNokia = new imageButton("nokia.png", 100, 100);

  btnNokia.position(150, height/2 - 3);

  btnNokia.mousePressed(nokiaBtnPressed);

  btnNokia.mouseReleased(nokiaBtnReleased);

  soundNokia.setVolume(0.2);

  //Boca Button

  btnBoca = new imageButton("boca.png", 120, 120);

  btnBoca.position(220, height/2 + 10);

  btnBoca.mousePressed(bocaBtnPressed);

  btnBoca.mouseReleased(bocaBtnReleased);

  //Aim Button

  btnAim = new imageButton("aim.png", 100, 100);

  btnAim.position(370 , height/2);

  btnAim.mousePressed(aimBtnPressed);

  btnAim.mouseReleased(aimBtnReleased);

  //icq Button

  btnIcq = new imageButton("icq.png", 100, 100);

  btnIcq.position(460, height/2);

  btnIcq.mousePressed(icqBtnPressed);

  btnIcq.mouseReleased(icqBtnReleased);

  // Title and description text

  cl = "#ffeebf"

  headerTxt = "Sound Museum";

  descriptionTxt = "Step into a nostalgic journey with Sound Museum, where you can relive the iconic sounds of classic technological devices! Our interactive platform allows you to hear the unique audio signatures of devices that shaped our digital lives.";

​

  // Currently playing track information on buttom

  currentlyPlayingTxt = "...";

​

  // set background color

  background(cl);

  soundLevel = 0.0;

  amp = new p5.Amplitude();

​

}

​

function draw() {

  noStroke();

  fill(200,0,0,100);

  circle(width/2, height/2, soundLevel);

  // Set the background color

  background(cl);

​

  // Header Title

  textAlign(LEFT);

  textSize(30);

  textLeading(22);

  fill(0);

  text(headerTxt, 20, 50);

​

  // Description Text

  textAlign(LEFT);

  textSize(18);

  textLeading(22);

  fill(0);

  text(descriptionTxt, 20, 70, width - 50);

​

  // Conditions to set currently playing device information

  if (soundFloppy.isPlaying()) {

  amp.setInput(soundFloppy);

  var rms = amp.getLevel();

    soundLevel = rms * 5000;

    currentlyPlayingTxt = 'You are listening the sound of a Floppy Disk...';  

  } 

  else if (soundNokia.isPlaying() == true) {

    currentlyPlayingTxt = 'You are listening the sound of a Nokia-3310...';

  }

  else if (soundBoca.isPlaying() == true) {

    currentlyPlayingTxt = 'You are listening the sound of Boca...';

  }

  else if (soundAim.isPlaying() == true) {

    currentlyPlayingTxt = 'You are listening the sound of Aim...';

  }

  else if (soundIcq.isPlaying() == true) {

    currentlyPlayingTxt = 'You are listening the sound of Icq...';

  }

  else {

    currentlyPlayingTxt = '...'; // If nothing is playing then display ...

  }

​

  // Currently playing device information

  textAlign(CENTER);

  textSize(12);

  fill(0);

  text(currentlyPlayingTxt, 20, height - 50, width - 50);

}

​

​

// Call the following function when the user presses mouse button on Floppy Disk Image

function floppyBtnPressed() {

  soundFloppy.play(); // Play floppy sound

}

​

// Call the following function when the user releases mouse button on Floppy Disk Image

function floppyBtnReleased() {

  soundFloppy.stop(); // stop floppy sound when user leaves the mouse

}

​

function nokiaBtnPressed() {

  soundNokia.play()

}

​

function nokiaBtnReleased() {

  soundNokia.stop()

}

​

function bocaBtnPressed() {

  soundBoca.play()

}

​

function bocaBtnReleased() {

  soundBoca.stop()

}

​

function aimBtnPressed() {

  soundAim.play()

}

​

function aimBtnReleased() {

  soundAim.stop()

}

​

function icqBtnPressed() {

  soundIcq.play()

}

​

function icqBtnReleased() {

  soundIcq.stop()

}

​