Audio Visualization plugin
Quote from rocote on October 7, 2020, 11:21 pmHas anyone made a plugin or has JavaScript Code to do an audio visualizer?
I know Chrome has an extension called "Audio Visualizer", but to embed it inside an app is another thing.
I would need someone help for sure.
https://chrome.google.com/webstore/detail/audio-visualizer/caajjjkijcgmagpdjgadkodpgnmajcej
Has anyone already done something about this and would like to share it?
Thank you!
Has anyone made a plugin or has JavaScript Code to do an audio visualizer?
I know Chrome has an extension called "Audio Visualizer", but to embed it inside an app is another thing.
I would need someone help for sure.
https://chrome.google.com/webstore/detail/audio-visualizer/caajjjkijcgmagpdjgadkodpgnmajcej
Has anyone already done something about this and would like to share it?
Thank you!
Quote from luishp on October 8, 2020, 7:01 am@rocote I think it should be possible and relatively simple using a library like this one:
https://github.com/foobar404/Wave.jsI will try to find time to create a plugin from this (having time enough is the only problem).
Best regards.
@rocote I think it should be possible and relatively simple using a library like this one:
https://github.com/foobar404/Wave.js
I will try to find time to create a plugin from this (having time enough is the only problem).
Best regards.
Quote from luishp on October 8, 2020, 7:02 amAlso, take a look here:
https://codepen.io/nfj525/pen/rVBaab
Also, take a look here:
https://codepen.io/nfj525/pen/rVBaab
Quote from rocote on October 8, 2020, 1:49 pmA plugin will be very welcome Luis!
I will try to do something with the link you sent.
It would be a nice addon to a future upgrade for VNW.
Thank you for your support.
A plugin will be very welcome Luis!
I will try to do something with the link you sent.
It would be a nice addon to a future upgrade for VNW.
Thank you for your support.
Quote from rocote on October 12, 2020, 9:00 pm@Luis, is it possible to have access to Chrome extension within VisualNeo Web?
Google Chrome has a VERY nice Visualizer extension. I wish to know a way to control it with my VideoApp application.
Any ideas are welcome.
Roger
@Luis, is it possible to have access to Chrome extension within VisualNeo Web?
Google Chrome has a VERY nice Visualizer extension. I wish to know a way to control it with my VideoApp application.
Any ideas are welcome.
Roger
Quote from luishp on October 13, 2020, 1:18 pm@Luis, is it possible to have access to Chrome extension within VisualNeo Web?
@rocote, I don't think so but I'm not sure.
Sorry.
@Luis, is it possible to have access to Chrome extension within VisualNeo Web?
@rocote, I don't think so but I'm not sure.
Sorry.
Quote from rocote on October 13, 2020, 5:52 pmHi Luis. I found this link that might put you on a lead.
https://github.com/Douile/Chrome-Audio-VisualizerI managed to load the plugin (uncompressed) with Chrome.
You have to be in "developer" mode. By going to the "extension" section of chrome, you can activate an option to be in developer mode.
Then you can load the software (extension) in two ways.
1. The uncompressed extension (the one from the link I sent you)
2. The compressed hearing (example.crx)
I also found this link.
https://developer.chrome.com/apps/commands
I don't know how to apply this data inside VNW unfortunately.If you can help me with this, that would be appreciated.
Thank you,
Roger
Hi Luis. I found this link that might put you on a lead.
https://github.com/Douile/Chrome-Audio-Visualizer
I managed to load the plugin (uncompressed) with Chrome.
You have to be in "developer" mode. By going to the "extension" section of chrome, you can activate an option to be in developer mode.
Then you can load the software (extension) in two ways.
1. The uncompressed extension (the one from the link I sent you)
2. The compressed hearing (example.crx)
I also found this link.
https://developer.chrome.com/apps/commands
I don't know how to apply this data inside VNW unfortunately.
If you can help me with this, that would be appreciated.
Thank you,
Roger
Quote from luishp on October 13, 2020, 7:07 pm@rocote unfortunately I don't know how to interact with an extension from VisualNEO Web or JavaScript (if possible).
Sorry again.
@rocote unfortunately I don't know how to interact with an extension from VisualNEO Web or JavaScript (if possible).
Sorry again.
Quote from rocote on October 13, 2020, 9:28 pmAbove you offered me this link:
https://github.com/foobar404/Wave.js
and you said this:
Luis: I think it should be possible and relatively simple using a library like this one.
In the following message, you offered me this link:
Also, take a look here:
https://codepen.io/nfj525/pen/rVBaabToday I'm sending you some additional information that might help with the situation by providing two links about Chrome extensions.
https://github.com/Douile/Chrome-Audio-Visualizer
https://developer.chrome.com/apps/commandsYou answer me this:
Luis: unfortunately I don't know how to interact with an extension from VisualNEO Web or JavaScript (if possible).How can you believe that if you Luis, you cannot find a solution for this, how can you believe that by offering me the links you gave me above, I could find a solution or do it on my own?
Hmm ...? If I misunderstand the situation, I apologize. But I feel your answer is inconsistent. If you don't have time for this, that's okay. Or if you don't want to offer me a solution that takes too much effort from you, that's okay too. But don't tell me you can't. Nothing is impossible for Luis and you know it very well.
What more do you want, you are the best resource I or we have. So when you have time, let me know.
Roger
Above you offered me this link:
https://github.com/foobar404/Wave.js
and you said this:
Luis: I think it should be possible and relatively simple using a library like this one.
In the following message, you offered me this link:
Also, take a look here:
Today I'm sending you some additional information that might help with the situation by providing two links about Chrome extensions.
https://github.com/Douile/Chrome-Audio-Visualizer
https://developer.chrome.com/apps/commands
You answer me this:
Luis: unfortunately I don't know how to interact with an extension from VisualNEO Web or JavaScript (if possible).
How can you believe that if you Luis, you cannot find a solution for this, how can you believe that by offering me the links you gave me above, I could find a solution or do it on my own?
Hmm ...? If I misunderstand the situation, I apologize. But I feel your answer is inconsistent. If you don't have time for this, that's okay. Or if you don't want to offer me a solution that takes too much effort from you, that's okay too. But don't tell me you can't. Nothing is impossible for Luis and you know it very well.
What more do you want, you are the best resource I or we have. So when you have time, let me know.
Roger
Quote from luishp on October 13, 2020, 11:03 pm@rocote please don't misunderstand me. As far as I know it's possible to adapt a JavaScript library as a plugin but not a Chrome extension.
My links point to a JavaScript library and a simple JavaScript script, both of them easy to use inside VisualNEO projects. Yours to a Chrome extension which I don't know how to call from a VisualNEO Web app (if possible)
That's all. I promise I will develop an audio visualization plugin as soon as possible, but right now I'm trying to deal with five different projects at a time, one of them quite complex, that should be finished next week (done in VisualNEO Web, by the way)
Please be patient. I do what I can.
Best regards.
@rocote please don't misunderstand me. As far as I know it's possible to adapt a JavaScript library as a plugin but not a Chrome extension.
My links point to a JavaScript library and a simple JavaScript script, both of them easy to use inside VisualNEO projects. Yours to a Chrome extension which I don't know how to call from a VisualNEO Web app (if possible)
That's all. I promise I will develop an audio visualization plugin as soon as possible, but right now I'm trying to deal with five different projects at a time, one of them quite complex, that should be finished next week (done in VisualNEO Web, by the way)
Please be patient. I do what I can.
Best regards.
Quote from Palamar on October 19, 2020, 4:31 amHola!, sin ánimos de ofender a nadie ni generar una discusión, pero he estado viendo algunos post como estos a los que @luishp responde con cosas que hay que explorar un poco. Hay dos formas de implementar lo que él menciona más arriba, una armando un plugin y otra utilizando el script. Creo que ambas cosas deberían funcionar muy bien, principalmente el Script.
En mi opinión, muchas veces el problema radica en no saber la mecánica o formas en las que implementar dichos ejemplos en VisualNeo ( o sea, uso del programa) y eso queda por parte del usuario ya que la documentación es bastante buena. Hay cientos de ejemplos en el mismo programa, Youtube con varios videos, y por si faltara más @luishp está más que pendiente del foro. Yo también muchas veces pido un ejemplo realizado y listo, pero no siempre hay y toca el turno de rebuscárselas. De otro modo también hay otras opciones, que no olvidemos que estamos con VisualNeo por su sencillez y porque es un buen programa!.
Hola!, sin ánimos de ofender a nadie ni generar una discusión, pero he estado viendo algunos post como estos a los que @luishp responde con cosas que hay que explorar un poco. Hay dos formas de implementar lo que él menciona más arriba, una armando un plugin y otra utilizando el script. Creo que ambas cosas deberían funcionar muy bien, principalmente el Script.
En mi opinión, muchas veces el problema radica en no saber la mecánica o formas en las que implementar dichos ejemplos en VisualNeo ( o sea, uso del programa) y eso queda por parte del usuario ya que la documentación es bastante buena. Hay cientos de ejemplos en el mismo programa, Youtube con varios videos, y por si faltara más @luishp está más que pendiente del foro. Yo también muchas veces pido un ejemplo realizado y listo, pero no siempre hay y toca el turno de rebuscárselas. De otro modo también hay otras opciones, que no olvidemos que estamos con VisualNeo por su sencillez y porque es un buen programa!.
Quote from rocote on October 19, 2020, 10:42 pmDar ejemplos es una buena forma de aprender.
El hecho es que estos son solo ejemplos y no tutoriales. Todo el mundo sabe que pasar de la teoría a la práctica es una gran diferencia.
Un mecánico que se sube a un automóvil no necesariamente tendrá el conocimiento suficiente para construirlo todo, incluso si tiene un ejemplo.
Así como el médico que se especializa en el corazón no podrá curar todas las enfermedades, incluso si hay de 6 a 7 mil millones de ejemplos de seres humanos en la tierra.
En lo que a mí respecta, sería bienvenido un buen video que demuestre un ejemplo de un script html, con javascript y CSS en un sitio web, y que demuestre cómo se incorporaría en VisualNeo Web.Probablemente todavía no he encontrado el ejemplo que necesitaba entender. :)
Dar ejemplos es una buena forma de aprender.
El hecho es que estos son solo ejemplos y no tutoriales. Todo el mundo sabe que pasar de la teoría a la práctica es una gran diferencia.
Un mecánico que se sube a un automóvil no necesariamente tendrá el conocimiento suficiente para construirlo todo, incluso si tiene un ejemplo.
Así como el médico que se especializa en el corazón no podrá curar todas las enfermedades, incluso si hay de 6 a 7 mil millones de ejemplos de seres humanos en la tierra.
En lo que a mí respecta, sería bienvenido un buen video que demuestre un ejemplo de un script html, con javascript y CSS en un sitio web, y que demuestre cómo se incorporaría en VisualNeo Web.
Probablemente todavía no he encontrado el ejemplo que necesitaba entender. :)
Quote from Palamar on October 20, 2020, 12:51 am@rocote si vienes siguiendo mis tutoriales en video te imaginarás que voy a llegar a lo que pides. Por si acaso me comprometo a realizar dicho video explicativo aunque, como te digo, ya lo tenía en mis planes ;).
@rocote si vienes siguiendo mis tutoriales en video te imaginarás que voy a llegar a lo que pides. Por si acaso me comprometo a realizar dicho video explicativo aunque, como te digo, ya lo tenía en mis planes ;).
Quote from rocote on October 20, 2020, 1:33 amEso sería genial, amigo mío. Ya sabes, las personas que están familiarizadas con el software (VNW) son importantes en este foro. Permiten que los menos avancen para aprender. Sois como pioneros que preparan el terreno.
Estoy muy contento con su enfoque y lo hizo bien en satisfacer mi necesidad. Estoy seguro de que ayudarás a otras personas.
No pido más.
Si pudiera haber más explicaciones sobre cómo insertar HTML, Javascript (json que todavía no entiendo) y scripts CSS, sería bienvenido para todos.Sabes que a los 64 años el cerebro no funciona tan bien como a los veinte y treinta. Si tomara menos medicación (12 píldoras al día) ayudaría. Con un "burn out" que duró varios años, enfermedades como la diabetes (3 picaduras al día de insulina), insuficiencia cardíaca y ansiedad, todo esto aplasta a una persona.
Pedir ayuda cuando tienes la oportunidad y sobre todo no la opción, me permite avanzar mejor en mi situación. Puede sonar como pedir caridad, pero ya sabes, tarde o temprano siempre terminas necesitando a los demás.Sabes, es bueno tener un buen acercamiento a las personas porque nunca sabes con quién estás tratando.
Dime cuando hagas un video sobre este tema.
Nota: Espero que Google "Translate" haya escrito mis pensamientos correctamente, porque absolutamente no hablo su hermoso idioma "español".
Gracias otra vez,
Roger :)
Sabes, es bueno tener un buen acercamiento a las personas porque nunca sabes con quién estás tratando.
Dime cuando hagas un video sobre este tema.
Gracias otra vez,
Roger :)
Eso sería genial, amigo mío. Ya sabes, las personas que están familiarizadas con el software (VNW) son importantes en este foro. Permiten que los menos avancen para aprender. Sois como pioneros que preparan el terreno.
Estoy muy contento con su enfoque y lo hizo bien en satisfacer mi necesidad. Estoy seguro de que ayudarás a otras personas.
No pido más.
Si pudiera haber más explicaciones sobre cómo insertar HTML, Javascript (json que todavía no entiendo) y scripts CSS, sería bienvenido para todos.
Sabes que a los 64 años el cerebro no funciona tan bien como a los veinte y treinta. Si tomara menos medicación (12 píldoras al día) ayudaría. Con un "burn out" que duró varios años, enfermedades como la diabetes (3 picaduras al día de insulina), insuficiencia cardíaca y ansiedad, todo esto aplasta a una persona.
Pedir ayuda cuando tienes la oportunidad y sobre todo no la opción, me permite avanzar mejor en mi situación. Puede sonar como pedir caridad, pero ya sabes, tarde o temprano siempre terminas necesitando a los demás.
Sabes, es bueno tener un buen acercamiento a las personas porque nunca sabes con quién estás tratando.
Dime cuando hagas un video sobre este tema.
Nota: Espero que Google "Translate" haya escrito mis pensamientos correctamente, porque absolutamente no hablo su hermoso idioma "español".
Gracias otra vez,
Roger :)
Sabes, es bueno tener un buen acercamiento a las personas porque nunca sabes con quién estás tratando.
Dime cuando hagas un video sobre este tema.
Gracias otra vez,
Roger :)
Quote from luishp on November 3, 2020, 11:07 am@rocote please take a look here :)
https://visualneo.com/tutorials/neomusicvisualizer
Plugin and sample app attached.
Note that you must compile the project and start neoPhp Server in order to run the sample app:
- Compile.
- Tools > neoPhp Server.
- Press Start button.
- Open webbrowser and navigate to "localhost" URL.
This plugin will be included in next VisualNEO Web version release.
@rocote please take a look here :)
https://visualneo.com/tutorials/neomusicvisualizer
Plugin and sample app attached.
Note that you must compile the project and start neoPhp Server in order to run the sample app:
- Compile.
- Tools > neoPhp Server.
- Press Start button.
- Open webbrowser and navigate to "localhost" URL.
This plugin will be included in next VisualNEO Web version release.
Uploaded files:- You need to login to have access to uploads.
Quote from CDY@44 on November 3, 2020, 12:20 pmHi @luishp,
I tried it under different browsers :
- CHROME : inop
- EDGE : inop
- FIREFOX : OK
- OPERA : inopDid I do something wrong ?
Thank you for your work !
Best regards,Denis
Hi @luishp,
I tried it under different browsers :
- CHROME : inop
- EDGE : inop
- FIREFOX : OK
- OPERA : inop
Did I do something wrong ?
Thank you for your work !
Best regards,
Denis
Quote from luishp on November 3, 2020, 12:33 pmSorry @cdy44-2 there was a bug in the plugin.
I have uploaded a fixed version to replace the previous one, please download it again.
Thank you!!!
Sorry @cdy44-2 there was a bug in the plugin.
I have uploaded a fixed version to replace the previous one, please download it again.
Thank you!!!
Quote from CDY@44 on November 3, 2020, 12:47 pmYou don't have to be sorry Luis !
Now, it works like a charm !
Before compiling the App, don't forget to choose a default icon in "properties".
Best regards,
You don't have to be sorry Luis !
Now, it works like a charm !
Before compiling the App, don't forget to choose a default icon in "properties".
Best regards,
Quote from rocote on November 4, 2020, 2:44 amWithout wanting to offend anyone, I would like to show you a video with audio visualization on youtube.
As you can see, audio visualization has evolved a lot in recent years.
Without wanting to offend anyone, I would like to show you a video with audio visualization on youtube.
As you can see, audio visualization has evolved a lot in recent years.
Quote from luishp on November 4, 2020, 11:44 amI would like to show you a video with audio visualization on youtube.
@rocote it would be quite more interesting a web based real-time generated sample. Music visualization for video can be generated using specialized software like those listed here.
I would like to show you a video with audio visualization on youtube.
@rocote it would be quite more interesting a web based real-time generated sample. Music visualization for video can be generated using specialized software like those listed here.