Lire un fichier wav en jquery [Résolu]

[JCMANSION]

Bonjour

Je voudrais lire un fichier audio sur un appli web en jquery mobile
Avec ce code, je n'ai pas de son
Mes fonctions :
<script type="text/javascript">
f

Code :

1
2
3
4
5
6
7
8
9
unction liresound (soundFile) { 
 document.all.sound.src=soundFile; 
} 
//-->
<!--
function arretsound (soundFile) { 
 document.all.sound.src=""; 
} 
</script>

Mon html :

Code :

1
2
3
4
5
<td>
<bgsound id="sound" src="">
<input type="button" id="liresound" onClick="liresound('texte1.wav');" value="Lire"/>
<input type="button" id="arretsound" onClick="arretsound();" value="Stop"/>
</td>

J'aurais voulu également integrer un <audio controls>
Est-ce possible ?
Merci pour vos réponses

[Shikiryu]

Sans utiliser de HTML5 et la balise audio, c'est possible :

Code :

1
2
<input type="button" id="liresound" onClick="liresound('texte1.wav');" value="Lire"/>
<input type="button" id="arretsound" onClick="arretsound();" value="Stop"/>

Code :

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
var audio;
function liresound (soundFile) { 
 audio = new Audio(soundFile);
 audio.play();
} 
function arretsound () { 
 if(audio != undefined)
   audio.stop(); // audio.pause();
 //audio = null;
} 
</script>

[Bovino]

Code :

document.all.sound.src=soundFile;

Oh non...

[JCMANSION]

Merci pour ta réponse
Mais je n'ai pas de son
J'accede à mon site par l'intermédiaire de mon iPhone
et pour ce faire j'ai converti le fichier wav en mp4

Pas de son, tu vois pourquoi ?

[JCMANSION]

Bovino je ne comprend pas ton code

[gwinyam]

C'est ton code qu'il ne fait que citer pourtant. Regarde ta fonction liresound() de ton premier message.

Il précise "oh non" et pleure pour la raison suivante : document.all est une antiquité ambulante à bannir au plus vite (si ce n'est immédiatement) de tes habitudes.

document.all a été remplacé en 1998 par document.getElementById(). D'ailleurs cette propriété n'existait que pour servir originellement IE 4 et IE 5 qui en avait besoin parce qu'à l'époque getElementById() n'était pas encore un standard W3C. Les navigateurs comme Chrome/Firefox/Opera/Safari ne l'exécutent que pour des raisons de rétro-compatibilité mais comme dans tous langages, travailler avec des éléments "deprecated" n'est pas une bonne idée
(surtout quand l'élément a été déprécié en 1998)

[JCMANSION]

gwinyam cela veut dire que le code de Shikiryu n'est pas nécessaire ?

Et qu'avec ce code corrigé comme tu me l'indiques je peux acceder à mon site par l'intermédiaire de mon iPhone (avec le fichier wav converti en mp4)

[gwinyam]

Peut-être j'en sais rien, je n'ai pas testé. Mais de ce que je lis, si tu suis la méthode de Shikiryu à priori ça devrait marcher. Depuis ton iPhone par contre je ne garantis rien. Loin de moi tout troll (même si ça me démange), je ne sais pas ce qu'assure à minima l'iPhone mais je suppose qu'ils ont évité d'implémenter les standards antérieurs à 1998 propres à Microsoft.

D'ailleurs correctif : les navigateurs modernes, au moins Chrome et Firefox 4 ne supporte pas document.all

[Shikiryu]

Essaye ça sous ton navigateur (de ton PC / Mac, pas du portable) :

http://jsfiddle.net/WLrW8/3/

Chez moi ça fonctionne (firefox 6) - Il peut y avoir un temps d'attente (il doit télécharger le .wav, il n'est pas gros, mais mon serveur, c'est pas une fusée )

Puis, essaye sur ton iphone, et dis nous s'il y a une différence.

[JCMANSION]

Sur mon PC (IE8) avec ce code j'ai une page blanche

Code :

1
2
<input type="button" id="liresound" value="Lire"/>
<input type="button" id="arretsound" value="Stop"/>

[Shikiryu]

Tous les navigateurs <= IE8 n'ont pas le moteur javascript adéquat pour comprendre l'objet Audio, donc ce code ne fonctionnera pas sous ces navigateurs.

Néanmoins, la page http://jsfiddle.net/WLrW8/3/ ayant ces inputs s'affiche bien, seule l'activation du son ne fonctionnera pas (et lancera une erreur javascript si tu as la console js qui va bien).

Ce code fonctionnera sur tous les autres navigateurs en version récente et, comme c'est apparemment le cas, "devrait" fonctionner sur les smartphones (vu qu'ils "devraient" avoir un moteur javascript récent). Loin de moi l'idée de troller mais, je n'ai aucune idée de la politique de apple là dessus au niveau des iphones (d'où ma demande de tester ma page jsfiddle).

[JCMANSION]

Sur mon iPhone je n'est pas de son non plus

[JCMANSION]

Sur mon PC avec Safari
la page s'affiche correctement mais je n'ai pas de son

[mekal]

franchement utiliser jQuery pour une simple balise audio c'est comme utiliser jquery pour afficher une simple image

un iphone utilise safari qui reconnais les fichier mp3

[JCMANSION]

Alors tu me proposes quoi pour régler ce problème

[JCMANSION]

Je suis surpris mekal de ton commentaire.
Il me semblait que justement Jquery mobile était spécialement approprié pour développer des sites web pour mobiles.
Je me trompe ?

[JCMANSION]

Shikiryu je ne comprends pas quand je teste ton lien sur mon PC et sur mon iPhone j'ai bien le son.
Si j'intègre ce code sur mon site avec un fichier wav ou mp3 ou mp4 je n'ai pas de son

[Shikiryu]

Je croyais qu'il ne fonctionnait pas sur iPhone... Faut savoir

Le fichier wav de mon exemple provient d'un fichier mp3 convertit en wav via ce service : http://media.io/

Ce son ne dure qu'une seconde et quelques mais pèsent déjà 43ko. Si tu fais la même chose mais avec un temps de 30s, tu vas avoir un bon gros temps de latence entre le clic et la lecture... à moins que tu ne fasses tout en local...

[JCMANSION]

Non c'est parce que j'avais intégré ce code dans mon site et non testé ce lien
Mon fichier fait 2mn08

[mekal]

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
<!DOCTYPE html>
 
<html>
<head>
<script type="text/javascript">
 
function marchearret(lui){
if(document.getElementById('monplayer').paused==true){
document.getElementById('monplayer').play()
lui.value="arret"
  }
else{
document.getElementById('monplayer').pause()
lui.value="marche"
  }
}
</script>
 
</body>
</html>
		<audio controls="controls" id="monplayer">
<source src="mon_fichier.ogg" type="audio/ogg">
<source src="mon_fichier.mp3" type="audio/mp3">
</audio>
<br>
<input type=button value='marche' onclick='marchearret(this)'/>
	</body>
</html>