Des sons dans une page

Version imprimable

14/10/2011, 23h33
Walterbelo

Des sons dans une page

Bonjour à toutes et à tous,
Je voudrais que sur certaines actions de l’utilisateur ma page fasse entendre des sons genre "clic","clac", "hum", ....... des sons de durées très courtes.
Si possible sans l'affichage d'un player.
Comment faire ?
Merci de votre aide.
17/10/2011, 09h57
Bisûnûrs

Non, il faut impérativement passer par un lecteur Flash pour jouer des sons de manière crossbrowser.
Sinon, tu peux regarder les possibilités du nouvel élément HTML5 "audio".
17/10/2011, 11h02
Walterbelo

Merci Bisûnûrs, Une bonne occasion de fouiller HTML5.
17/10/2011, 11h51
mic79

Salut,

Attention si tu part sur de l'HTML 5, certains navigateurs ne pourront pas le lire (la famille IE par exemple)

@+

Mic
17/10/2011, 12h58
Walterbelo

Tant pis pour IE 8-)
Mon appli est interne et pré-requiert l'ami Chrome.

1 pièce(s) jointe(s)

Exemple avec HTML5

Voici un petit exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
 
<!doctype html>
<html lang="fr">
<head>
<title>
Tests HTML 5
</title> 
</head>
<body>
<h1>	
Vous aller écouter
</h1>
<br>
<audio src="A.wav" id="sA"
preload="auto"
>
</audio>
<audio src="E.wav" id="sE"
preload="auto"
>
</audio>
<audio src="I.mp3" id="sI"
preload="auto"
>
</audio>
<audio src="O.wav" id="sO"
preload="auto"
>
</audio>
<audio src="U.wav" id="sU"
preload="auto"
>
</audio>
 
<br>
Voyelles : &nbsp
<button type="button" onclick="splay('sA')">A</button>
&nbsp
<button type="button" onclick="splay('sE')">E</button>
&nbsp
<button type="button" onclick="splay('sI')">I</button>
&nbsp
<button type="button" onclick="splay('sO')">O</button>
&nbsp
<button type="button" onclick="splay('sU')">U</button>
&nbsp
<button type="button" onclick="sstop()">Stop</button>
<script>
idsp="";        
function splay(ids) {
var son=document.getElementById(ids);
son.currentTime=0;  // On redémarre du début
son.play();             // Et on joue
idsp=ids; 
}       
function sstop() {
var son=document.getElementById(idsp);
son.pause();    
}       
</script>		
</body>
</html>