play et stop pour objet audio

Bonjour,
Je créé un objet audio (pour ne pas utiliser <embed> ).

Code:

---

document.getElementById("player_son").innerHTML='<object type="audio/x-wav" data="son/data.wav" width="200" height="20"><param name="src" value="son/data.wav"><param name="autoplay" value="true"><param name="autoStart" value="1">alt : <a href="son/data.wav">ambiance sonore</a></object>';

---

Code:

---

1 2	document.getElementById('player_son').Play()

---

et

Code:

---

document.getElementById('player_son').Stop()

---

ne marchant pas, Comment produire sous javascript une fonction simple pour arrêter ou faire jouer le son.

Merci d'avance.
Philou

innerHTML :nono:


passe plutot par document.createElement
je pense qu'ensuite le play et stop fonctionneront

Citation:

---

Envoyé par SpaceFrog

innerHTML :nono:


passe plutot par document.createElement
je pense qu'ensuite le play et stop fonctionneront

---

Ce n'est pas en passant par du DOM qu'il corrigera sont pb.

Ca n'a rien à voir, et faut arrêter un peu de toujours penser DOM. le innerHTML est très bien quand on utilise des templates par exemple. Et c'est moins lourd à écrire une string que un paquet de lignes DOM à la main.

Pour répondre à la question :
Utilise dewplayer, c'est un player flash et ça répondra largement à tes besoins.

j'utilise la balise object pour inserer de l'audio et de la video et je n'ai pas de soucis de controle.

J'ai eu tellement de soucis de compatibilité et de non reconnaissance des objets inséré avec innerHTML que ej conseille juste par expérience ce qui fonctionne ...

Je viens de comprendre le pb de monsieur, pb tellement con :D

Donc philou tu fais ça :

Code:

---

1 2	document.getElementById("player_son").innerHTML='<object type="audio/x-wav" data="son/data.wav" width="200" height="20"><param name="src" value="son/data.wav"><param name="autoplay" value="true"><param name="autoStart" value="1">alt : <a href="son/data.wav">ambiance sonore</a></object>';

---

tu donc ton document.getElementById("player_son") c'est un élément HTML , peut-etre un div dans ton cas, qui contient une balise object, et donc quand tu fais :

Code:

---

1 2	document.getElementById("player_son").play()

---

tu cherches à éxécuter la méthode play() du div.
Alors qu'il faut que tu récupère ton <object>, rajoute un id à l'object

Code:

---

1 2

document.getElementById("player_son").innerHTML='<object id="player_son_obj" type="audio/x-wav" data="son/data.wav" width="200" height="20"><param name="src" value="son/data.wav"><param name="autoplay" value="true"><param name="autoStart" value="1">alt : <a href="son/data.wav">ambiance sonore</a></object>';

---

et

Code:

---

1 2	document.getElementById("player_son_obj").play()

---

:mouarf3: deport de l'id ...

genre de souci qui n'arrive pas lorsque l'on attribue l'id par le DOM apres avoir créé l'objet :mouarf: :aie:

Bonjour,
J'avais déjà utilisé "id" dans l'objet, mais sans succès, document.getElementById("player_son_obj").play() ne fonctionnant pas.
Ma solution consiste à recharger le document.getElementById("player_son_obj").innerHTML pour faire la lecture, et mettre document.getElementById("player_son_obj").innerHTML='' pour l'arrêt.
Voilà, ce n'est pas très DOM, mais cela marche et je peux tester l'extension pour charger le bon objet/player.
Merci tout de même, c'est super sympa de trouver des internautes prêts à répondre à son problème.
Cordialement,
Philou

Voici, un extrait de mon code :

Code:

---

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

// SONS   var fichier_son_en_cours;   function lecture(son,fichier){ var extension = fichier.substring(fichier.lastIndexOf('.')+1,fichier.length); switch(extension) { case 'mp3' : document.getElementById(son).innerHTML='<embed src="http://www.archive-host.com/mediaplayer.swf" id="player_son_obj" width="230" height="20" allowscriptaccess="always" allowfullscreen="true" flashvars="height=20&width=230&file='+fichier+'&volume=50&searchbar=false&autostart=true" />'; break; case 'wav' : document.getElementById(son).innerHTML='<object type="audio/x-wav" data="'+fichier+'" id="player_son_obj" width="200" height="20"><param name="src" value="'+fichier+'"><param name="autoplay" value="true"><param name="autoStart" value="1">alt : <a href="'+fichier+'">ambiance sonore</a></object>'; break; default : alert("extension non identifiée"); break; } }   function arret(son){ document.getElementById(son).innerHTML=''; }   function activer_son(fichier) { switch(fichier) { case'SILENCE': // arrêt du son arret('player_son'); break; case'AUCUN_SON': // sans action break; default: lecture('player_son',fichier); break; } }

---