Des sons dans une page

**Walterbelo** · 14/10/2011, 23h33

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.

**Bisûnûrs** · 17/10/2011, 09h57

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".

**Walterbelo** · 17/10/2011, 11h02

Merci Bisûnûrs, Une bonne occasion de fouiller HTML5.

**mic79** · 17/10/2011, 11h51

Salut,

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

@+

Mic

**Walterbelo** · 17/10/2011, 12h58

Tant pis pour IE

Mon appli est interne et pré-requiert l'ami Chrome.

**Walterbelo** · 23/10/2011, 23h52

Voici un petit exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

Des sons dans une page

HTML

Discussions similaires

Partager

Partager