Friday, 24 March 2017

Song "I can hear a rainbow" for Neil Harbisson's "Eyeborg"

This page is under construction

 a song for the colorblind
brief: write a song for neil harbissons eyebord.. "i can hear a rainbow"

This post contains the song "i can hear a rainbow" for Neil Harbisson's Eyeborg.
This song has been created for the colorblind. Each color plays a particular note.

To be able to listen to the song you will need to:
Download the Eyeborg app from here
Open the "i can hear a rainbow" song here

Now open the Eyeborg app on a mobile device, and open the "i can hear a rainbow" on a secondary device such as a desktop computer.
Aim the mobile device at the screen which is playing "i can hear a rainbow".
The colors on the secondary device will be converted into sounds on the mobile device, allowing you to hear the song. Please note that screen saturation and refresh rates may alter the Eyeborg apps ability to perceive the song correctly.

After the song has been played you can use the "i can hear a rainbow" page to play notes. A "piano" which plays colors has been coded in. Try it out. Active keys are:


EYEBORG app
https://play.google.com/store/apps/details?id=com.espillmedia.eyeborg&hl=en



Color Namekey to pressColor Namekey to press
Red1White~
Cyan2Silver3
Blue4Gray or Grey5
DarkBlue6Black7
LightBlue8Orange9
Purple0Brown-
Yellow=Pinkq
LimewGreene
MagentarOlivet



Resources:
Initial testing of the Eyeborg app were made with this color chart














Image source : https://i.ytimg.com/vi/9udYi7exojk/maxresdefault.jpg

Image source: https://upload.wikimedia.org/wikipedia/commons/thumb/6/66/VGA_palette_with_black_borders.svg/1024px-VGA_palette_with_black_borders.svg.png

Image source: http://www.waldorfschoolsongs.com/wp-content/themes/vsl/app/pdf_cache.php?token=dAfhr3qNDJ2LKh2R6xueOydZgV9maESqc5aSJPjmqUYZoYZ%2F93ETaxw0tNycitZXoxhe3XwmEkInGDQvpm5ZJ5sx57tRpaAwhSPb9SFHZqy7I6zK%2FUEhVtHsZyYxe%2BSpnoeG1lgMF3E8CY%2FaDqtUbZFhfgasEq8XWBA4zfXaRuCzJGZvpLzA9pWn7sNkzXPfbA%2FIOY6iI8WF0il0q%2BEqAA%3D%3D





The following are the keycode notes for "i can hear a rainbow"
9 t w9 t | w 2 2 | 4e t 2w 9   | t 
w2 69 0 4 | 7 29 2 e | 7  w1 w t | 9



code in development
The following is the code for "I can hear a rainbow"

<!DOCTYPE html>
<html>
<head>
<title> "I can hear a rainbow" a song for the color blind</title>
</head>
<body id="eyeborgNote" onkeypress="playcolor(event)">
<p color="white">
download the eyeborg app from <a href="https://play.google.com/store/apps/details?id=com.espillmedia.eyeborg&hl=en" > https://play.google.com/store/apps/details?id=com.espillmedia.eyeborg&hl=en </a> <br>
Point the eyeborg at the screen </p>


<script>

beginsong();   // auto start the song on loading

function beginsong()
{ document.getElementById("eyeborgNote").style.backgroundColor = "black"; 
setTimeout( nextnote, 1000 );    }

var notes = 0;
var notestiming;
function nextnote()
 if( notes < 35 )
 {
  if( notes == 0) { document.getElementById("eyeborgNote").style.backgroundColor = "orange"; notestiming = 1500; }
  if( notes == 1) { document.getElementById("eyeborgNote").style.backgroundColor = "olive"; notestiming = 1500; }
  if( notes == 2) { document.getElementById("eyeborgNote").style.backgroundColor = "lime"; notestiming = 750; }
  if( notes == 3) { document.getElementById("eyeborgNote").style.backgroundColor = "orange"; notestiming = 750; }
  if( notes == 4) { document.getElementById("eyeborgNote").style.backgroundColor = "olive"; notestiming = 1500; }

  if( notes == 5) { document.getElementById("eyeborgNote").style.backgroundColor = "lime"; notestiming = 1500; }
    if( notes == 6) { document.getElementById("eyeborgNote").style.backgroundColor = "cyan"; notestiming = 1500; }
  if( notes == 7) { document.getElementById("eyeborgNote").style.backgroundColor = "cyan"; notestiming = 1500; }

  if( notes == 8) { document.getElementById("eyeborgNote").style.backgroundColor = "blue"; notestiming = 750; }
  if( notes == 9) { document.getElementById("eyeborgNote").style.backgroundColor = "green"; notestiming = 750; }
  if( notes == 10) { document.getElementById("eyeborgNote").style.backgroundColor = "olive"; notestiming = 1500; }
  if( notes == 11) { document.getElementById("eyeborgNote").style.backgroundColor = "cyan"; notestiming = 750; }
    if( notes == 12) { document.getElementById("eyeborgNote").style.backgroundColor = "lime"; notestiming = 750; }
  if( notes == 13) { document.getElementById("eyeborgNote").style.backgroundColor = "orange"; notestiming = 1500; }

  if( notes == 14) { document.getElementById("eyeborgNote").style.backgroundColor = "olive"; notestiming = 2500; }
 // if( notes == 15) { document.getElementById("eyeborgNote").style.backgroundColor = "black"; notestiming = 1000; }  //pause




  if( notes == 16) { document.getElementById("eyeborgNote").style.backgroundColor = "lime"; notestiming = 750; }
  if( notes == 17) { document.getElementById("eyeborgNote").style.backgroundColor = "cyan"; notestiming = 750; }
  if( notes == 18) { document.getElementById("eyeborgNote").style.backgroundColor = "DarkBlue"; notestiming = 750; }
  if( notes == 19) { document.getElementById("eyeborgNote").style.backgroundColor = "orange"; notestiming = 750; }
  if( notes == 21) { document.getElementById("eyeborgNote").style.backgroundColor = "Purple"; notestiming = 1500; }
  if( notes == 22) { document.getElementById("eyeborgNote").style.backgroundColor = "Blue"; notestiming = 1500; }

 // if( notes == 23) { document.getElementById("eyeborgNote").style.backgroundColor = "black"; notestiming = 1000; } // pause
  if( notes == 24) { document.getElementById("eyeborgNote").style.backgroundColor = "pink"; notestiming = 750; }
  if( notes == 25) { document.getElementById("eyeborgNote").style.backgroundColor = "orange"; notestiming = 750; }
  if( notes == 26) { document.getElementById("eyeborgNote").style.backgroundColor = "cyan"; notestiming = 1500; }
  if( notes == 27) { document.getElementById("eyeborgNote").style.backgroundColor = "green"; notestiming = 1500; }

 // if( notes == 28) { document.getElementById("eyeborgNote").style.backgroundColor = "black"; notestiming = 1000; } //pause
  if( notes == 29) { document.getElementById("eyeborgNote").style.backgroundColor = "lime"; notestiming = 750; }
  if( notes == 30) { document.getElementById("eyeborgNote").style.backgroundColor = "red"; notestiming = 750; }
  if( notes == 31) { document.getElementById("eyeborgNote").style.backgroundColor = "lime"; notestiming = 1500; }
  if( notes == 32) { document.getElementById("eyeborgNote").style.backgroundColor = "yellow"; notestiming = 1500; }

  if( notes == 33) { document.getElementById("eyeborgNote").style.backgroundColor = "orange"; notestiming = 2500; }
  if( notes == 34) { document.getElementById("eyeborgNote").style.backgroundColor = "black"; notestiming = 1500; }


 notes++; 
 setTimeout(nextnote, notestiming)
 } 

}


/// playing the colors using the keyboard
function playcolor(event)
{
var x = event.which || event.keyCode;

if( x == 49 ){ document.getElementById("eyeborgNote").style.backgroundColor = "Red";  } // 1
if( x == 96 ){ document.getElementById("eyeborgNote").style.backgroundColor = "White";  } //~
if( x == 50 ){ document.getElementById("eyeborgNote").style.backgroundColor = "Cyan";  } //2
if( x == 51 ){ document.getElementById("eyeborgNote").style.backgroundColor = "Silver";  } //3
if( x == 52 ){ document.getElementById("eyeborgNote").style.backgroundColor = "Blue";  } //4
if( x == 53 ){ document.getElementById("eyeborgNote").style.backgroundColor = "Grey";  } //5
if( x == 54 ){ document.getElementById("eyeborgNote").style.backgroundColor = "DarkBlue";  } //6
if( x == 55 ){ document.getElementById("eyeborgNote").style.backgroundColor = "Black";  } //7
if( x == 56 ){ document.getElementById("eyeborgNote").style.backgroundColor = "LightBlue";  } //8
if( x == 57 ){ document.getElementById("eyeborgNote").style.backgroundColor = "Orange";  } //9
if( x == 48 ){ document.getElementById("eyeborgNote").style.backgroundColor = "Purple";  } //0
if( x == 45 ){ document.getElementById("eyeborgNote").style.backgroundColor = "Brown";  } //-
if( x == 61 ){ document.getElementById("eyeborgNote").style.backgroundColor = "Yellow";  } //=
if( x == 113 ){ document.getElementById("eyeborgNote").style.backgroundColor = "pink";  } //q
if( x == 119 ){ document.getElementById("eyeborgNote").style.backgroundColor = "Lime";  } //w
if( x == 101 ){ document.getElementById("eyeborgNote").style.backgroundColor = "Green";  } //e
if( x == 114 ){ document.getElementById("eyeborgNote").style.backgroundColor = "Magenta";  } //r
if( x == 116 ){ document.getElementById("eyeborgNote").style.backgroundColor = "Olive";  } //t
}

</script>

</body>
</html>




No comments:

Post a Comment