Discussion :

[Toufik83]

bonjour
j'essaie d'ajouter un élément <audio> ayant une source dynamique, dans Opera mais je me heurte a un problème un peu étranger pour moi.
je vous signal que sous firefox et chrome, ça fonctionne parfaitement bien, par-contre sous Opera version 42.0.2393.351, le audio est ajouté mais grillé (on ne peut pas le lire, voir l'image si dessous).
Pièce jointe 238239

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
 
io.on("record-audio",function(data){
   if(navigator.userAgent.toLowerCase().indexOf("opr/")>-1){
	var chemin=RelativePath+'/'+data.path.split('./').pop(),OperaCloned,AudioOpera
            ,RelativePath=$(location).attr("href").substr(0,$(location).attr("href").indexOf("Combobox")+8)
	    ,ULPosition=$(".privatePm[data-user='"+data.destinataire+"'] .body").find(".fa-ul").length > 1 ?":last":":first"
	    ,Cible=$(".privatePm[id='"+data.emeteur+"_"+data.destinataire+"']")
            ,Cloned;
	AudioOpera=$("<audio controls></audio>");
	AudioOpera.attr({'type':'audio/mpeg','src':chemin});
	console.log("chemin :"+chemin+" audioOpera src :"+AudioOpera.attr("src"));// le chemin est la source de l'audio sont IDENTIQUES.
	Cloned=AudioOpera.clone();
	Cible.find(".body").find(".fa-ul"+ULPosition).append(Cloned);
    }
});

[Toufik83]

aucune suggestion ou conseil?
j'ai fais un petit test du tag <audio> sous la version de Opera que je vous ai cité dans le premier post, et il fonctionne comme un charme, pourtant quand je le met dans ma fonction jQuery, il est ajouté, mais toujours impossible de le lire.
quelqu'un peut m'éclaircir les choses s'il vous plait?

[NoSmoking]

Bonjour,
pas trop regardé mais
- pourquoi cloner l'élément
- as tu essayé avec prop en lieu et place de attr ?
- as tu essayé avec la syntaxe

Code :

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

1
2
3
4
5
6
var $Dest = Cible.find('.body').find('.fa-ul' + ULPosition);
jQuery('<audio>', {
  'type': 'audio/mpeg',
  'src': chemin
}).appendTo($Dest);
;

[Toufik83]

bonsoir,
j'ai cloné l'élément juste pour voir la différence, je l'ai enlevé maintenant, vu qu'il n'a rien changé.
j'ai essayé aussi .prop au lieu de .attr, mais toujours pareil, l'audio ne peut pas être lu SOUS OPERA.
la syntaxe aussi je l'ai essayé, mais toujours pareil.
je crois que c'est un problème d'enregistrement de l'audio au niveau de RecordRTC, peut être que opera ne supporte pas la manière dont RecordRTC enregistre l'audio, je me trompes?

N.B : quand je fais un record audio depuis Opera vers un utilisateur qui utilise (chrome ou firefox), l'audio est bien lu, par-contre le contraire n'as jamais fonctionné.

[NoSmoking]

je crois que c'est un problème d'enregistrement de l'audio au niveau de RecordRTC, peut être que opera ne supporte pas la manière dont RecordRTC enregistre l'audio, je me trompes?

il semblerait effectivement qu'il existe des singularités entres les différents navigateurs.

As tu essayé avec un format de fichier WAV ou WebM ?

[Toufik83]

As tu essayé avec un format de fichier WAV ou WebM ?

oui, j'ai essayé .wav, .webm, et .ogg aussi, le fichier audio est bien lu sur Firefox et chrome avec les différentes extensions, mais pas sur opéra jamais !

ce qui me parait illogique c'est que j'ai testé le projet GITHUB sous Opéra, et l'audio y fonctionne !

Pardonnez moi, c'était une bêtise de ma part concernant les format .ogg (qu'elle fonctionne sous Opera sans aucun problème), j'ai utilisé .ogg au niveau de la création de l'audio, MAIS j'ai oublié de changer le type="audio/mp3" en type="audio/ogg" au moment de l'insertion

Code :

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

1
2
3
Cible.find(".body")
....
.html('<audio controls><source src="'+RelativePath+'/'+data.path.split('./').pop()+'" type="audio/ogg" /></audio>');

je met donc le sujet en résolu.