Discussion :

[philou8]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

innerHTML


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

[Gatsu35]

innerHTML


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.

[SpaceFrog]

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 ...

[Gatsu35]

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

Donc philou tu fais ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

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

[philou8]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
		}
}