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 :  
<button type="button" onclick="splay('sA')">A</button>
 
<button type="button" onclick="splay('sE')">E</button>
 
<button type="button" onclick="splay('sI')">I</button>
 
<button type="button" onclick="splay('sO')">O</button>
 
<button type="button" onclick="splay('sU')">U</button>
 
<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> |