DewPlayer Javascript et index-swfobject-js DV

Résolu/Fermé

LLorina Messages postés 318 Date d'inscription jeudi 27 mai 2004 Statut Membre Dernière intervention 3 octobre 2021 - 4 juil. 2010 à 12:34
LLorina Messages postés 318 Date d'inscription jeudi 27 mai 2004 Statut Membre Dernière intervention 3 octobre 2021 - 10 juil. 2010 à 20:54

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 le concepteur de ce logiciel de chez ALSACREATION 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 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 se script ??

Voici le code que j'ai actuellement (à partir de l'exemple) :

<!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 ?

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 !

A voir également:

DewPlayer Javascript et index-swfobject-js DV
Telecharger javascript - Télécharger - Langages
Index téléphonique - Guide
Transfert mini dv sur pc sans firewire - Forum Format et connectique vidéo
Lecteur mini dv sans camescope - Forum Caméra
Index equiv 2 critères - Forum Excel

1 réponse

Réponse 1 / 1

LLorina Messages postés 318 Date d'inscription jeudi 27 mai 2004 Statut Membre Dernière intervention 3 octobre 2021 97
10 juil. 2010 à 20:54

J'ai résolu mon problème, j'ai effacé un bout de code sans faire exprès d'où le fait que ça ne marche pas...
Je suis donc repartie de zéro et là tout fonctionne !
Merci à ceux qui m'ont lu.
Bon week-end.

Discussions similaires

redimensionner ma photo en pixel

télécharger sur des sites comme index of

Javascript Arrondi à 2 chiffres après la virgule

Index+Equiv avec 3 critères

code couleur associé a une image

Discussions similaires

Newsletters