GWT et l'audio

Version imprimable

27/05/2010, 13h18
blackbird67

GWT et l'audio HTML5 Media

Bonjour,

J'ai quelques questions concernant la prise en charge de l'audio sous GWT.

J'ai tester la bibliothèque GWT-Voice, ok pas de soucis le son fonctionne avec le plug-in QuickTime (c'est du wav que je relis), mais j'ai besoin d'information tel que la durée de la piste, la position, etc...

Y'a d'autre bibliothèque qui fonctionne avec Sound Engine mais je veux pas mettre du flash...(si j'ai bien saisie le fonctionnement c'est un wrapper de flash)

J'ai essayer de chercher du côté du plug-in VLC, en insérant une balise embed machin truc bidule :mrgreen:. Mais malheureusement, il y a beaucoup de bug chez moi en tout cas, avec le lecteur qui n'apparait pas ou seulement en noir...

Du coup je me suis dis, je vais triché un peu en insérant une balise HTML5 dans ma page avec du code natif en javascript pour piloter tout ça.

Cependant, vu que ce merveilleux compilateur optimise à mort, les noms de fonctions déclenchées par des événements de ma balise genre un "onTimeUpdate" ne sont pas définies car elles sont renommées.

Je voudrais savoir si il est possible de désactivé l'optimisation sur le code écrit en natif ??

Ou si vous auriez une autre solution à me proposer pour exploiter mon audio ?

Merci d'avance pour les tuyaux ;)
27/05/2010, 14h05
pvoncken

Salut,

Ca dépend si tu as besoin de piloter le son par des boutons GWT ou si c'est juste pour ajouter un peu de son.

Dans le second cas, je mettrais du Html5 / Javascript directement dans la page application.Html. Le compilo GWT ni touche pas à ce fichier.
27/05/2010, 14h20
blackbird67

Disons que j'ai besoin de la position audio, donc 1er cas, parce que je trace quelques choses en fonction de ça. :arf:

[HS]
J'ai déjà développer une application similaire en Ajax avec un peu de Php pour ouvrir un fichier, ça marche pas mal malgré que ça soit pas très propre. J'ai fait de même avec Adobe Flex, maintenant c'est autour de GWT. ça va beaucoup moins bien :cry:
[/HS]
27/05/2010, 14h39
pvoncken

Si tu veux faire quelques chose de propre il va falloir que tu utilise JSNI.

regarde par là : http://www.gwt-france.fr/gwt-et-le-javascript-jsni
27/05/2010, 14h46
blackbird67

Merci pour le lien pvoncken, je vais étudier tout ça :ccool:
En plus en français :france:

edit : une balise peut appeler une fonction ? je ne vois ça nul part, peut être que je devrais implémenter un écouteur sur les objets ça serait peut être plus simple, mais pour le moment je ne sais pas faire...

Et dans les fonctions écrit en natif, on peut passer des objets en paramètre ?
De manière à ce que je puisse caler la position de mon slider sur la position de mon audio ?

Je sais je suis exigeant :mouarf: mais je crois que je vais être limiter avec GWT :cry: dommage
27/05/2010, 15h07
pvoncken

N'ayant pas réalisé cette fonctionnalité je ne peux pas te donner plus de détails technique.

Par contre je sais qu'en passant par JSNI avec GWt tu n'as aucune limite.

La solution à ton problème se trouve dans JSNI, cherche la dedans je suis sur que tu trouveras. Et ca n'est pas bien compliquer je pense.
27/05/2010, 15h20
blackbird67

Ok, je vais voir comment je peut me bidouiller ça.

En tout cas merci ! Je posterais mes feelback :)
31/05/2010, 09h33
blackbird67
Pour les écouteurs sur la balise ça fonctionne pas.

Je vais tenter de faire quelques chose comme ça
Code:

1 2 3 4 5 public native void lecture() /*-{ document.getElementById('mabaliseaudio').setAttribute(\"onTimeUpdate", lafonctionquivabien()); }-*/
J'espère que "lafonctionquivabien()" sera bien renommé, mais j'ai un gros doute.

Edit : c'est bien ce que je pensais, il renomme même l'identifiant de balise... :furax::mur:

Allez dernière change je balance des document.write pour balancer mes balises, mais j'y crois pas trop :roll:
31/05/2010, 10h36
pvoncken

Tu utilises JSNI là ?
31/05/2010, 11h48
blackbird67

JSNI c'est bien le fait de coder les fonctions nativement non ??

On peut bien sur faire communiquer le Java et le JavaScript avec des beaux return.

Ou j'ai rien compris ? :oops:
31/05/2010, 13h54
pvoncken

D'apres les exemples que je vois en tapant jsni gwt, j'ai l'impression que GWT ne renomme pas le javascript ainsi injecté.

http://www.emgarten.com/using-jsni-in-gwt.htm
31/05/2010, 15h16
Raphaël Brugier

Oui, c'est bien jsni que tu utilises

si "lafonctionquivabien" est une fonction Java, alors tu dois l'appeler avec une syntaxe particulière en précisant le chemin absolu des packages :

// Call instance method instanceFoo() on this
this.@com.google.gwt.examples.JSNIExample::instanceFoo(Ljava/lang/String;)(s);

Regarde
http://code.google.com/intl/fr/webto...asicsJSNI.html

Nb : ça m'étonne que tu n'est pas trouvé ton bonheur avec les wrappers qui existent déjà. Tu cherche un wrapper qui n'utilise aucun plugin et uniquement du html 5 c'est bien ça ?

Edit : ça ne conviendrait pas comme librairie ça :

http://code.google.com/p/gwt-html5-media/
31/05/2010, 16h32
blackbird67

Merci, je vais essayer un appel avec l'appel de fonction en absolu.:ccool:

Oui je cherche belle et bien un wrappers pour l'HTML5 du fait que j'ai éliminer les autres solutions.

Pour ton lien dommage que le projet ne propose aucun téléchargement.

Je vais regarder tout ça un ptit peu plus tard, un grand merci pour votre écoute ;)

edit : autant pour moi, j'avais pas vu le lien vers le svn du projet :mrgreen:
31/05/2010, 16h39
blackbird67

@pvoncken
Quand je regarde dans le javascript après compilation j'ai à la place de
document.getElementById('aplayer') j'ai un truc du genre dans le fichier machin.nocache.js document.getElementByTag(eb).
Mais je vais refaire des trucs plus propre et jeter un coup d'oeil sur ton lien :ccool:.

Du nouveau :

Quelques info utile sur le wrapper HTML5-media :
Pour télécharger le fichier .jar => ici
Avoir un petit aperçu basique du code : ici

Pour le "inherit" j'ai mis ça :

Code:

<inherits name='com.google.code.gwt.html5.media.HTML5Media'/>

J'ai mis ça basiquement pour le moment :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 import com.google.code.gwt.html5.media.client.*; Audio player = new Audio(); player.src("http://monsite/monaudio.wav"); player.play(); function update(){ player.addTimeUpdateHandler(new TimeUpdateHandler(){ public void onTimeUpdate( TimeUpdateEvent event){ ... } }); }
J'ai le son mais ma fonction update ne fonctionne pas à cause de TimeUpdate qui provoque des erreurs. Quelqu'un aurais des idées comment former cette écouteur d'événement plus proprement ???

J'utilise Eclipse et j'ai un retour sur le module Development Mode qui me met dans "Unable to load module..." :

Code:

com.google.gwt.core.client.JavaScriptException:(TypeError): window.console is undefined

Ca vient apparament d'un problème de Typage !?
La classe en question => ici et là

D'avance merci

------------
Eclipse Java EE 3.5

15/06/2010, 14h25
Raphaël Brugier

Dans ton deuxieme code, tu mixe javascript et Java c'est normal ?

Sinon les fichiers (handler et event) que tu pointes ne suffisent pas, est ce tu pourrais mettre la stack d'erreur complète plutot ?

Oui c normal pour mon code... Enfin tout ça c'est du passer maintenant que j'ai un wrapper.

La stack complète :

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
 
[ERROR] [ecg_multi_view] Unable to load module entry point class fr.maboite.ecg.client.Ecg_multi_view (see associated exception for details)
com.google.gwt.core.client.JavaScriptException: (TypeError): window.console is undefined
 fileName: http://127.0.0.1:8888
 lineNumber: 15
 stack: ("timeupdate")@http://127.0.0.1:8888:15
connect("http://127.0.0.1:8888/Ecg_multi_view.html?gwt.codesvr=127.0.0.1:9997","B0cLM9`=??T@B'@!","127.0.0.1:9997","ecg_multi_view","2.0")@:0
((void 0),"ecg_multi_view","http://127.0.0.1:8888/ecg_multi_view/")@http://127.0.0.1:8888/ecg_multi_view/hosted.html?ecg_multi_view:264
z()@http://127.0.0.1:8888/ecg_multi_view/ecg_multi_view.nocache.js:2
(37)@http://127.0.0.1:8888/ecg_multi_view/ecg_multi_view.nocache.js:8
    at com.google.gwt.dev.shell.BrowserChannelServer.invokeJavascript(BrowserChannelServer.java:195)
    at com.google.gwt.dev.shell.ModuleSpaceOOPHM.doInvoke(ModuleSpaceOOPHM.java:120)
    at com.google.gwt.dev.shell.ModuleSpace.invokeNative(ModuleSpace.java:507)
    at com.google.gwt.dev.shell.ModuleSpace.invokeNativeInt(ModuleSpace.java:240)
    at com.google.gwt.dev.shell.JavaScriptHost.invokeNativeInt(JavaScriptHost.java:75)
    at com.google.code.gwt.html5.media.client.Media.mediaEventGetTypeInt(Media.java)
    at com.google.code.gwt.html5.media.client.Media.addMediaEventHandler(Media.java:501)
    at com.google.code.gwt.html5.media.client.Media.addTimeUpdateHandler(Media.java:469)
    at fr.maboite.ecg.client.Ecg_multi_view.player(Ecg_multi_view.java:60)
    at fr.maboite.ecg.client.Ecg_multi_view.onModuleLoad(Ecg_multi_view.java:287)
    at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
    at sun.reflect.NativeMethodAccessorImpl.invoke(Unknown Source)
    at sun.reflect.DelegatingMethodAccessorImpl.invoke(Unknown Source)
    at java.lang.reflect.Method.invoke(Unknown Source)
    at com.google.gwt.dev.shell.ModuleSpace.onLoad(ModuleSpace.java:369)
    at com.google.gwt.dev.shell.OophmSessionHandler.loadModule(OophmSessionHandler.java:185)
    at com.google.gwt.dev.shell.BrowserChannelServer.processConnection(BrowserChannelServer.java:380)
    at com.google.gwt.dev.shell.BrowserChannelServer.run(BrowserChannelServer.java:222)
    at java.lang.Thread.run(Unknown Source)

16/06/2010, 09h50
Raphaël Brugier

Dans le fichier fr.maboite.ecg.client.Ecg_multi_view, il n'y a pas un appel natif à du JS à la fonction window.console ?

C'est ce que la stacktrace à l'air de dire

Non j'ai pas de JS, je me sers de quelques Window.alert pour débuggé mais pas de Window console.

Je vais les commentés et voir si cela change quelques choses.

Edit :
Oulà je sais pas ce qui arrive à Eclipse mais j'ai maintenant cela :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
java.lang.IllegalArgumentException: Argument not valid The entity "circ" was referenced, but not declared.
at org.eclipse.swt.SWT.error(SWT.java:3865)
at org.eclipse.ui.internal.forms.widgets.FormTextModel.parseInputStream(FormTextModel.java:133)
at org.eclipse.ui.internal.forms.widgets.FormTextModel.parseTaggedText(FormTextModel.java:111)
at org.eclipse.ui.forms.widgets.FormText.setText(FormText.java:673)
at org.eclipse.ui.forms.widgets.ScrolledFormText.loadText(ScrolledFormText.java:156)
at org.eclipse.ui.forms.widgets.ScrolledFormText.setText(ScrolledFormText.java:126)
at com.google.gwt.eclipse.oophm.views.hierarchical.LogContent.updateDetailsPane(LogContent.java:289)
at com.google.gwt.eclipse.oophm.views.hierarchical.LogContent.access$1(LogContent.java:224)
at com.google.gwt.eclipse.oophm.views.hierarchical.LogContent$5.selectionChanged(LogContent.java:201)
at org.eclipse.jface.viewers.Viewer$2.run(Viewer.java:162)
at org.eclipse.core.runtime.SafeRunner.run(SafeRunner.java:42)
at org.eclipse.core.runtime.Platform.run(Platform.java:888)
at org.eclipse.ui.internal.JFaceUtil$1.run(JFaceUtil.java:48)
at org.eclipse.jface.util.SafeRunnable.run(SafeRunnable.java:175)
at org.eclipse.jface.viewers.Viewer.fireSelectionChanged(Viewer.java:160)
at org.eclipse.jface.viewers.StructuredViewer.updateSelection(StructuredViewer.java:2132)
at org.eclipse.jface.viewers.StructuredViewer.handleSelect(StructuredViewer.java:1160)
at org.eclipse.jface.viewers.StructuredViewer$4.widgetSelected(StructuredViewer.java:1190)
at org.eclipse.jface.util.OpenStrategy.fireSelectionEvent(OpenStrategy.java:228)
at org.eclipse.jface.util.OpenStrategy.access$4(OpenStrategy.java:222)
at org.eclipse.jface.util.OpenStrategy$1.handleEvent(OpenStrategy.java:389)

8O

C'est à ce demander si mon programme est pas entièrement faux. Mais sans cet écouteur ça tourne bien...

16/06/2010, 15h01
Raphaël Brugier

Heu là, dans ta dernière stack trace c'est clairement un problème avec Eclipse.

Tu veux pas recréer un projet vide juste pour tester la librairie audio et vérifier si elle marche sur un exemple simple ?

Nb : pour débug avec des log, plutôt que des Window.alert tu devrais utiliser la méthode Gwt.log(String), ou carrément la librairie gwt-log
16/06/2010, 15h05
blackbird67

Merci pour le conseil, je vais essayer ça.

J'ai fait comme tu m'avais dit, un test dans un nouveau projet...
ça fonctionne toujours pas j'ai :

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
38
39
40
41
42
43
44
45
java.lang.IllegalArgumentException: Argument not valid The entity "tilde" was referenced, but not declared.
at org.eclipse.swt.SWT.error(SWT.java:3865)
at org.eclipse.ui.internal.forms.widgets.FormTextModel.parseInputStream(FormTextModel.java:133)
at org.eclipse.ui.internal.forms.widgets.FormTextModel.parseTaggedText(FormTextModel.java:111)
at org.eclipse.ui.forms.widgets.FormText.setText(FormText.java:673)
at org.eclipse.ui.forms.widgets.ScrolledFormText.loadText(ScrolledFormText.java:156)
at org.eclipse.ui.forms.widgets.ScrolledFormText.setText(ScrolledFormText.java:126)
at com.google.gwt.eclipse.oophm.views.hierarchical.LogContent.updateDetailsPane(LogContent.java:289)
at com.google.gwt.eclipse.oophm.views.hierarchical.LogContent.access$1(LogContent.java:224)
at com.google.gwt.eclipse.oophm.views.hierarchical.LogContent$5.selectionChanged(LogContent.java:201)
at org.eclipse.jface.viewers.Viewer$2.run(Viewer.java:162)
at org.eclipse.core.runtime.SafeRunner.run(SafeRunner.java:42)
at org.eclipse.core.runtime.Platform.run(Platform.java:888)
at org.eclipse.ui.internal.JFaceUtil$1.run(JFaceUtil.java:48)
at org.eclipse.jface.util.SafeRunnable.run(SafeRunnable.java:175)
at org.eclipse.jface.viewers.Viewer.fireSelectionChanged(Viewer.java:160)
at org.eclipse.jface.viewers.StructuredViewer.updateSelection(StructuredViewer.java:2132)
at org.eclipse.jface.viewers.StructuredViewer.setSelection(StructuredViewer.java:1669)
at org.eclipse.jface.viewers.TreeViewer.setSelection(TreeViewer.java:1124)
at org.eclipse.jface.viewers.Viewer.setSelection(Viewer.java:392)
at com.google.gwt.eclipse.oophm.model.LogContentProvider$2.run(LogContentProvider.java:127)
at org.eclipse.swt.widgets.RunnableLock.run(RunnableLock.java:35)
at org.eclipse.swt.widgets.Synchronizer.runAsyncMessages(Synchronizer.java:134)
at org.eclipse.swt.widgets.Display.runAsyncMessages(Display.java:3885)
at org.eclipse.swt.widgets.Display.readAndDispatch(Display.java:3506)
at org.eclipse.ui.internal.Workbench.runEventLoop(Workbench.java:2405)
at org.eclipse.ui.internal.Workbench.runUI(Workbench.java:2369)
at org.eclipse.ui.internal.Workbench.access$4(Workbench.java:2221)
at org.eclipse.ui.internal.Workbench$5.run(Workbench.java:500)
at org.eclipse.core.databinding.observable.Realm.runWithDefault(Realm.java:332)
at org.eclipse.ui.internal.Workbench.createAndRunWorkbench(Workbench.java:493)
at org.eclipse.ui.PlatformUI.createAndRunWorkbench(PlatformUI.java:149)
at org.eclipse.ui.internal.ide.application.IDEApplication.start(IDEApplication.java:113)
at org.eclipse.equinox.internal.app.EclipseAppHandle.run(EclipseAppHandle.java:194)
at org.eclipse.core.runtime.internal.adaptor.EclipseAppLauncher.runApplication(EclipseAppLauncher.java:110)
at org.eclipse.core.runtime.internal.adaptor.EclipseAppLauncher.start(EclipseAppLauncher.java:79)
at org.eclipse.core.runtime.adaptor.EclipseStarter.run(EclipseStarter.java:368)
at org.eclipse.core.runtime.adaptor.EclipseStarter.run(EclipseStarter.java:179)
at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
at sun.reflect.NativeMethodAccessorImpl.invoke(Unknown Source)
at sun.reflect.DelegatingMethodAccessorImpl.invoke(Unknown Source)
at java.lang.reflect.Method.invoke(Unknown Source)
at org.eclipse.equinox.launcher.Main.invokeFramework(Main.java:559)
at org.eclipse.equinox.launcher.Main.basicRun(Main.java:514)
at org.eclipse.equinox.launcher.Main.run(Main.java:1311)

:arf:

17/06/2010, 10h46
Raphaël Brugier

Ok, donc je pense que tu as bien pourri ton eclipse ou le plugin google là :s
Essaye de faire une réinstall complete de eclipse + plugin google.
A mois que ça vienne de ton os ?

Je viens de créer un projet vide et d'ajouter la librairie et je n'ai pas ce problème.

Out of the box, la balise audio générée par cette librairie fonctionne sous chrome 5 mais pas sous FF 3.6. J'ai pas poussé le truc, peut etre que j'ai mal configurée aussi.

Mais en tout cas, pas de bug avec le onTimeUpdate chez moi.

Pour le window.console, c'est bien la librairie qui l'appelle via un appel js.
Dans la méthode Media::mediaEventGetTypeInt();
C'est pas genant, mais c'est juste assez moche cette façons de logguer qu'utilise la libraire, ça pourrie le code js et ça n'est pas optimisée par gwt.
17/06/2010, 14h03
blackbird67

Merci d'avoir essayer de ton côté :ccool:!
En fait moi j'ai bien le son sous FF 3.6 parce que je lis du wav. (FF compatible avec PCM(conteneur Wav) et VORBIS, Chrome c'est Vorbis, MP3 et AAC).

Je vais essayer de me refaire une installe, pourtant je l'ai refaite il y a peu justement...:cry:
Je tourne sous Window 7 Pro 32bit, FF 3.6 et Eclipse 3.5
17/06/2010, 14h17
Raphaël Brugier

J'ai essayé avec un mp3 sous windows xp pour info.
18/06/2010, 11h20
blackbird67

As-tu changer quelques choses dans le code de HTMl5 Media ?

Je viens de faire une nouvelle installation, et chose étrange, y'a des soucis avec mon fichier host que j'ai du vider.
Je vais faire d'autres essaies sur XP dès que j'en aurais un sous la main.
18/06/2010, 14h17
Raphaël Brugier

Nan j'ai rien touché à la lib.

J'essayerai de faire des plus poussés ce we, parce que ces balises m'intéressent.