Bonjour,
Je suis moi-même déficiente visuelle et je cherche à rendre totalement accessible la lecture audio des titres déposés sur mes sites. Lancer la lecture automatiquement et faire échap je sais faire mais cela ne me convient pas.
J'aimerai que l'on puisse faire STOP, PAUSE, LECTURE au clavier sans passer par la souris car nous n'utilisons pas la souris quand on n'y voit pas.
J'ai envoyé un mail à Dew qui m'a gentimment répondu que certains testeurs auraient réussi à mettre en place sur son lecteur dewplayer un script javascript dont un exemple est présent dans le fichier zip de dewplayer (index-swfobject-js.htm). J'ai donc testé ce index-swfobject-js.htm directement sur mon serveur (et non en local) pour comprendre comment l'utiliser sur mes pages.
Le lecteur apparait sans problème, je peux y lancer la lecture si je veux, ça marche bien mais je ne peux pas utiliser les boutons créés par javascript...
Javascript est bien activé que ce soit sur Firefox ou internet explorer.
J'ai mis sur mon serveur les fichiers nécessaires :
dewplayer.swf,
- index-swfobject-js.htm,
- les 3 test.mp3,
- swfobject.js,
- zdewplayer.png,
- j'ai changé dans le index-swfobject-js.htm la destination des test.mp3 que j'ai mis à la racine au lieu du dossier mp3.
Aurais-je oublié un fichier nécessaire pour l'utilisation de ce script ??
Voici le code que j'ai actuellement (à partir de l'exemple sachant) :
Code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Dewplayer</title>
<!-- Quelques styles CSS -->
<style type="text/css">
html {
font-family:"Myriad","Myriad Pro",Georgia,Helvetica,Sans-serif;
background:url(zdewplayer.jpg) no-repeat bottom right;
height:100%;
padding:0;
margin:0;
}
body {
height:100%;
padding:0;
margin:0;
}
h1 {
color:#eee;
padding-top:3em;
padding-bottom:2em;
margin:0;
}
#content {
margin-left:15%;
width:500px;
text-align:center;
}
#hint {
color:#666;
margin-left:15%;
width:300px;
text-align:left;
margin-top:3em;
}
</style>
</head>
<body>
<div id="content">
<h1><img src="zdewplayer.png" alt="Dewplayer" /></h1>
<div id="dewplayer_content">
<object data="dewplayer.swf" width="200" height="20" name="dewplayer" id="dewplayer" type="application/x-shockwave-flash">
<param name="movie" value="dewplayer.swf" />
<param name="flashvars" value="mp3=test1.mp3|test2.mp3|test3.mp3&javascript=on" />
<param name="wmode" value="transparent" />
</object>
</div>
<br />
<input type="button" onclick="play();" value="Lecture" />
<input type="button" onclick="stop();" value="Stop" />
<input type="button" onclick="pause();" value="Pause" /><br />
<!--<input type="button" onclick="next();" value="Next" />
<input type="button" onclick="prev();" value="Prev" />
<input type="button" onclick="go(2);" value="Go(2)" /><br />
<input type="button" onclick="set('mp3/test2.mp3');" value="Set mp3" />
<input type="button" onclick="set('mp3/test3.mp3');" value="Set another mp3" /> <br />
<input type="button" onclick="setpos(10000);" value="Set position 10 sec" />
<input type="button" onclick="getpos();" value="Get position" />-->
</div>
<!-- Remarques
<div id="hint">
Si vous obtenez des avertissements JavaScript, ne testez pas en local (file://) mais à distance sur votre serveur (http://)
</div>-->
<script type="text/javascript">
var flashvars = {
mp3: "test1.mp3|test2.mp3|test3.mp3",
javascript: "on"
};
var params = {
wmode: "transparent"
};
var attributes = {
id: "dewplayer"
};
swfobject.embedSWF("dewplayer.swf", "dewplayer_content", "200", "20", "9.0.0", false, flashvars, params, attributes);
</script>
</body>
</html>
D'où viendrait le problème d'après vous ? Est-ce qu'il faut que je prenne une version Javascript plus récente ? Que j'active quelque chose ? Car Javascript est déjà activé sur mon IE et Firefox et ça ne change rien... dans le code il y a bien l'activation du javascript par javascript=on. où serait le problème ?
Pour tout vous avouer, je ne connais pas trop le javascript donc il m'est difficile de détecter une erreur dans le code...
Merci beaucoup par avance aux experts.
Bon week-end !