Bonjour,
Je cherche à installer un lecteur diffusant des musiques mp3 personnelles sur mon site mais la difficulté est que je souhaite que ce soit complètement accessible au non-voyants. C'est à dire, qu'on puisse faire échap pour arrêter la musique, faire pause/stop régler le volume.
Difficile à trouver un tel lecteur, la plupart ne sont pas accessibles... On m'a récemment communiqué ce code ci-dessous, qui fonctionne à merveille sous Internet explorer, j'ai testé sur une de mes pages internet c'est vraiment l'idéal. Mais sur Firefox, le lecteur n'apparait pas et impossible donc d'accéder aux fichiers musicaux, même pour un voyant.
Sauriez-vous me dire qu'est-ce qui bloque et comment résoudre ce code pour qu'il fonctionne sur Firefox également ?
Voici le code ci-dessous, si vous auriez une quelconque idée pour l'améliorer de telle sorte qu'il puisse fonctionner sous firefox ce serait vraiment formidable.
1. Entre les balises "<head>" & "</head>", insérer le code ci-dessous :
[code]<script>
function lecteur(filename) {
Player.URL = filename;}
function stop() {
document.Player.controls.stop();}
function volumeplus(v) {
document.getElementById('Player').settings.volume+=v;}
function Volumemoins(v) {
document.getElementById('Player').settings.volume+=v;}
function pause() {
if (document.Player.playState==3) {
document.Player.controls.pause();}
else {document.Player.controls.play();}}
</script>
[/code]
2. Toujours entre ces mêmes balises "<head>" & "</head>", insérer le code ci-dessous :
[code]<style>
a {color: black; text-decoration: none;}
span {position:absolute; left:-1000px; width:200px; overflow:hidden;}
div {position:absolute; left:-1000px; width:200px; overflow:hidden;}
</style>
[/code]
3. Juste sous la balise "<body>", insérer le code ci-après :
[code]
<object ID="Player" width="280" height="45" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param name="volume" value="100">
<param name="autoplay" value="false">
<param name="loop" value="false">
</object>
[/code]
4. Juste sous ce code, insérer le lien (rendu invisible) vers les contrôles pour mal-voyants :
[code]
<span><a href="#Controle">Accéder aux contrôles de son pour déficients visuels</a></span>
[/code]
5. A l'endroit souhaité dans la page, insérer le lien qui déclenche la lecture du fichier. La subtilité est qu'il faut désigner ce dernier par son adresse internet. Dans le code qui suit, repérer :
onclick égal guillemet lecteur parenthèse ouvrante apostrophe
Changer l'intitulé du lien selon ce qu'on souhaite y faire figurer :
[code]
<p><a href="#" onclick="lecteur('http://MonNomDeDomaine.SonExtension/Dossier/NomDuFichier.SonExtension')">Intitulé du lien</a></p>
[/code]
6. En fin de page, juste avant "</body>", les contrôles pour non-voyants, (invisibles eux aussi) :
[code]
<div>
<a name="Controle"></a>Contrôles pour non-voyants :
<a href="#" onclick="volumeplus(5)">Volume +</a>
<a href="#" onclick="Volumemoins(-5)">Volume -</a>
<a href="#" onclick="pause()">Pause</a>
<a href="#" onclick="stop()">Stop</a>
</div>
[/code]
Merci beauocup par avance de vos idées, améliorations.
Bonne soirée.
ps : en espérant de ne pas me tromper de rubriques, sinon toutes mes excuses...