Problème son en html

12 novembre 2017 à 22:15:37

<!DOCTYPE html>
<html>
<head>
<style>
#blanc {
    width:40px;
    height:160px;
    background:#e6e6e6;
    -webkit-border-bottom-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    position: relative;



}
#blanc:hover{
	cursor: pointer;
}
#blanc:active{
}
#noir{
    width:25px;
    height:120px;
    background:#1a1a1a;
    border-bottom-right-radius:7px;
    border-bottom-left-radius:7px;
    position: absolute;
    top: 8px;
    left: 30px;
}
#noir:hover{
	cursor: pointer;
}
#noir:active{

}
</style>
</head>
<body>
<div id="blanc"></div>
<div id="noir"></div>
</body>
</html>

Bonjour, j'essaye de coder un clavier de piano.

J'aimerai que, quand je clic sur une note, il la joue ("Do.mp3").

Je n'arrive pas à insérer la balise audio dans les .active (sans doute fait que html).

Comment faire ?

Merci de votre réponse !

Pierre

Lamecarlate

13 novembre 2017 à 7:57:19

Bonjour,

ça ne se contrôle pas en CSS.

Et surtout… ça manque de <audio> dans ton HTML

Tiens, un piano que j'ai fait il y a pas mal d'années, qui pourrait t'aider à comprendre le fonctionnement : http://informatique.lamecarlate.net/web/experiences/piano/ (ne le reproduis pas directement, hein, ça ne t'avancerait à rien :P)

Pas d'aide concernant le code par MP, le forum est là pour ça :)

PierreKlaholz

14 novembre 2017 à 18:48:46

Super merci de ton aide !