1. Accueil
  2. Javascript
  3. Sources Javascript
  4. Sources Divers
  5. Transpositions en musique

Transpositions en musique

Soyez le premier à donner votre avis sur cette source.

Vue 852 fois - Téléchargée 30 fois

Télécharger le projet
Commenter

Description 

<!DOCTYPE html><html lang='fr'><head><meta charset='UTF-8'><title>Transpositions</title>
</head><body><div id='div'></div>
<script>
var x="<table border='1px solid lightgrey' style='text-align:center;border-color:lightgrey;border-collapse:collapse;'>";
x+="<tr><th>  Tonalités  </th><th>  Écarts  </th><th>  Transpositions  </th></tr>";
var s=['C','C# - D♭','D','D# - E♭','E','F','F# - G♭','G','G# - A♭','A','A# - B♭','B'];
var S=['0 ou ±6','½ ou -5½','1 ou -5','1½ ou -4½','2 ou -4','2½ ou -3½','3 ou -3','3½b ou -2½','4 ou -2','4½ ou -1½','5 ou -1','5½ ou -½'];
var f=[261.63,277.18,293.66,311.13,329.63,349.23,369.99    ,392,415.3,440,466.16,493.88];
var osc, my;

function stop()
{
 try{clearTimeout(my);}catch(e){}
 try{osc.disconnect();}catch(e){}
}

function jouer(x)
{
 stop();
 let context = new window.AudioContext();
 osc = context.createOscillator();
 osc.frequency.value = x;//.setValueAtTime(466.16, audioContext.currentTime);
 osc.connect(context.destination);
 osc.start();
 my=setTimeout(stop,1000);
}

function oh(n)
{
 let y=document.getElementsByTagName('button');
 y[n].style.background='';
 for(let i=0;i<12;i++)
 {
  y[i].style.background='';
  let u=document.getElementById(i);
  let v=i+n;if(v>11)v-=12;
  u.innerText=s[v];
 }
 y[n].style.background='lightblue';
 jouer(f[n]);
}

for(let n=0;n<12;n++)
{
 x+="<tr><td>"+s[n]+"</td><td><button onclick='oh("+n+")'>"+S[n]+"</button></td><td id='"+n+"'>"+s[n]+"</td></tr>";
}

document.getElementById("div").innerHTML=x+"</table>";

</script></body></html>
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (pabbati)