Csound Csound-dev Csound-tekno Search About

Csound web GUI

Date2015-05-23 23:47
FromRichard
SubjectCsound web GUI
AttachmentsScreen Shot 2015-05-24 at 00.36.31.png  None  None  
This is a screen shot of a Csound server web GUI I am developing.
This uses Python (Flask) as a web server, Javascript, jQuery UI sliders, 
css, and ordinary HTML.
Because I found css positioning tricky, I placed sliders and buttons 
inside table cells.
The VU meter is a Snap SVG object.

Richard



Date2015-05-26 01:32
FromDave Seidel
SubjectRe: Csound web GUI
AttachmentsNone  None  
Very nice, Richard! Looking forward to reading (and probably stealing shamelessly from) the code.

- Dave

On Sat, May 23, 2015 at 6:47 PM, Richard <zappfinger@gmail.com> wrote:
This is a screen shot of a Csound server web GUI I am developing.
This uses Python (Flask) as a web server, Javascript, jQuery UI sliders, css, and ordinary HTML.
Because I found css positioning tricky, I placed sliders and buttons inside table cells.
The VU meter is a Snap SVG object.

Richard



------------------------------------------------------------------------------
One dashboard for servers and applications across Physical-Virtual-Cloud
Widest out-of-the-box monitoring support with 50+ applications
Performance metrics, stats and reports that give you Actionable Insights
Deep dive visibility with transaction tracing using APM Insight.
http://ad.doubleclick.net/ddm/clk/290420510;117567292;y
_______________________________________________
Csound-users mailing list
Csound-users@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/csound-users
Send bugs reports to
        https://github.com/csound/csound/issues
Discussions of bugs and features can be posted here



Date2015-06-01 15:45
FromForrest Cahoon
SubjectRe: Csound web GUI
AttachmentsNone  None  
Looks like you're using MIDI -- have you successfully gotten the Web MIDI API working?

I ran into a stumbling block in the Chrome App I'm working on where my device is recognized but I can't detect any input events (and have not gotten an answer on SackOverflow: http://stackoverflow.com/questions/30473683/why-is-this-web-midi-api-code-not-detecting-midi-events).


Forrest

On Sat, May 23, 2015 at 5:47 PM, Richard <zappfinger@gmail.com> wrote:
This is a screen shot of a Csound server web GUI I am developing.
This uses Python (Flask) as a web server, Javascript, jQuery UI sliders, css, and ordinary HTML.
Because I found css positioning tricky, I placed sliders and buttons inside table cells.
The VU meter is a Snap SVG object.

Richard



------------------------------------------------------------------------------
One dashboard for servers and applications across Physical-Virtual-Cloud
Widest out-of-the-box monitoring support with 50+ applications
Performance metrics, stats and reports that give you Actionable Insights
Deep dive visibility with transaction tracing using APM Insight.
http://ad.doubleclick.net/ddm/clk/290420510;117567292;y
_______________________________________________
Csound-users mailing list
Csound-users@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/csound-users
Send bugs reports to
        https://github.com/csound/csound/issues
Discussions of bugs and features can be posted here



Date2015-06-01 17:10
FromRichard
SubjectRe: Csound web GUI
AttachmentsNone  None  
Forrest, I am using midi in the normal sense here, not via the Web API. This project is only a GUI interface to a normal csound instance running on the same machine as the Python web server.

But I did get webmidi working earlier with pNaCl, see the thread :Csound midi on the web with SVG graphics
Basically you have to enable web midi in Chrome AND you have to allow the plugin.

Richard

On 01/06/15 16:45, Forrest Cahoon wrote:
Looks like you're using MIDI -- have you successfully gotten the Web MIDI API working?

I ran into a stumbling block in the Chrome App I'm working on where my device is recognized but I can't detect any input events (and have not gotten an answer on SackOverflow: http://stackoverflow.com/questions/30473683/why-is-this-web-midi-api-code-not-detecting-midi-events).


Forrest

On Sat, May 23, 2015 at 5:47 PM, Richard <zappfinger@gmail.com> wrote:
This is a screen shot of a Csound server web GUI I am developing.
This uses Python (Flask) as a web server, Javascript, jQuery UI sliders, css, and ordinary HTML.
Because I found css positioning tricky, I placed sliders and buttons inside table cells.
The VU meter is a Snap SVG object.

Richard



------------------------------------------------------------------------------
One dashboard for servers and applications across Physical-Virtual-Cloud
Widest out-of-the-box monitoring support with 50+ applications
Performance metrics, stats and reports that give you Actionable Insights
Deep dive visibility with transaction tracing using APM Insight.
http://ad.doubleclick.net/ddm/clk/290420510;117567292;y
_______________________________________________
Csound-users mailing list
Csound-users@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/csound-users
Send bugs reports to
        https://github.com/csound/csound/issues
Discussions of bugs and features can be posted here




------------------------------------------------------------------------------


_______________________________________________
Csound-users mailing list
Csound-users@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/csound-users
Send bugs reports to
        https://github.com/csound/csound/issues
Discussions of bugs and features can be posted here


Date2015-06-01 17:20
FromRichard
SubjectRe: Csound web GUI
AttachmentsNone  None  
Thanks Dave, once this project is starting to work I will share the code as well.
My upcoming Csound Journal article is showing the basics to start going.

This project is more ambitious:
A Csound server can be started with a template, say a 4 channel setup, with mixers and effects.
Then max 4 instruments can be loaded in these channels, all selectable from a SQLite database (where the templates reside also).
Per channel you can call up the detail GUI of an instrument, that is the part in the middle.
It should be possible to record audio and midi, and use arpeggiators and Band-in-a-Box kinda features...

Richard 

On 26/05/15 02:32, Dave Seidel wrote:
Very nice, Richard! Looking forward to reading (and probably stealing shamelessly from) the code.

- Dave

On Sat, May 23, 2015 at 6:47 PM, Richard <zappfinger@gmail.com> wrote:
This is a screen shot of a Csound server web GUI I am developing.
This uses Python (Flask) as a web server, Javascript, jQuery UI sliders, css, and ordinary HTML.
Because I found css positioning tricky, I placed sliders and buttons inside table cells.
The VU meter is a Snap SVG object.

Richard



------------------------------------------------------------------------------
One dashboard for servers and applications across Physical-Virtual-Cloud
Widest out-of-the-box monitoring support with 50+ applications
Performance metrics, stats and reports that give you Actionable Insights
Deep dive visibility with transaction tracing using APM Insight.
http://ad.doubleclick.net/ddm/clk/290420510;117567292;y
_______________________________________________
Csound-users mailing list
Csound-users@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/csound-users
Send bugs reports to
        https://github.com/csound/csound/issues
Discussions of bugs and features can be posted here




------------------------------------------------------------------------------
One dashboard for servers and applications across Physical-Virtual-Cloud 
Widest out-of-the-box monitoring support with 50+ applications
Performance metrics, stats and reports that give you Actionable Insights
Deep dive visibility with transaction tracing using APM Insight.
http://ad.doubleclick.net/ddm/clk/290420510;117567292;y


_______________________________________________
Csound-users mailing list
Csound-users@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/csound-users
Send bugs reports to
        https://github.com/csound/csound/issues
Discussions of bugs and features can be posted here


Date2015-06-01 17:49
FromDave Seidel
SubjectRe: Csound web GUI
AttachmentsNone  None  
Very cool, Richard.

On Mon, Jun 1, 2015 at 12:20 PM, Richard <zappfinger@gmail.com> wrote:
Thanks Dave, once this project is starting to work I will share the code as well.
My upcoming Csound Journal article is showing the basics to start going.

This project is more ambitious:
A Csound server can be started with a template, say a 4 channel setup, with mixers and effects.
Then max 4 instruments can be loaded in these channels, all selectable from a SQLite database (where the templates reside also).
Per channel you can call up the detail GUI of an instrument, that is the part in the middle.
It should be possible to record audio and midi, and use arpeggiators and Band-in-a-Box kinda features...

Richard 

On 26/05/15 02:32, Dave Seidel wrote:
Very nice, Richard! Looking forward to reading (and probably stealing shamelessly from) the code.

- Dave

On Sat, May 23, 2015 at 6:47 PM, Richard <zappfinger@gmail.com> wrote:
This is a screen shot of a Csound server web GUI I am developing.
This uses Python (Flask) as a web server, Javascript, jQuery UI sliders, css, and ordinary HTML.
Because I found css positioning tricky, I placed sliders and buttons inside table cells.
The VU meter is a Snap SVG object.

Richard



------------------------------------------------------------------------------
One dashboard for servers and applications across Physical-Virtual-Cloud
Widest out-of-the-box monitoring support with 50+ applications
Performance metrics, stats and reports that give you Actionable Insights
Deep dive visibility with transaction tracing using APM Insight.
http://ad.doubleclick.net/ddm/clk/290420510;117567292;y
_______________________________________________
Csound-users mailing list
Csound-users@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/csound-users
Send bugs reports to
        https://github.com/csound/csound/issues
Discussions of bugs and features can be posted here




------------------------------------------------------------------------------
One dashboard for servers and applications across Physical-Virtual-Cloud 
Widest out-of-the-box monitoring support with 50+ applications
Performance metrics, stats and reports that give you Actionable Insights
Deep dive visibility with transaction tracing using APM Insight.
http://ad.doubleclick.net/ddm/clk/290420510;117567292;y


_______________________________________________
Csound-users mailing list
Csound-users@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/csound-users
Send bugs reports to
        https://github.com/csound/csound/issues
Discussions of bugs and features can be posted here


------------------------------------------------------------------------------

_______________________________________________
Csound-users mailing list
Csound-users@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/csound-users
Send bugs reports to
        https://github.com/csound/csound/issues
Discussions of bugs and features can be posted here



Date2015-06-01 18:07
FromForrest Cahoon
SubjectRe: Csound web GUI
AttachmentsNone  None  
I found that thread from back in December; you reference the url http://www.resona.nl/websynth.html , but unfortunately that is now 404.

I have enabled webmidi in the flags; I suspect my problem my be related to the fact that I'm making a Chrome App instead of a web app, but I really don't know.

On Mon, Jun 1, 2015 at 11:10 AM, Richard <zappfinger@gmail.com> wrote:
Forrest, I am using midi in the normal sense here, not via the Web API. This project is only a GUI interface to a normal csound instance running on the same machine as the Python web server.

But I did get webmidi working earlier with pNaCl, see the thread :Csound midi on the web with SVG graphics
Basically you have to enable web midi in Chrome AND you have to allow the plugin.

Richard

On 01/06/15 16:45, Forrest Cahoon wrote:
Looks like you're using MIDI -- have you successfully gotten the Web MIDI API working?

I ran into a stumbling block in the Chrome App I'm working on where my device is recognized but I can't detect any input events (and have not gotten an answer on SackOverflow: http://stackoverflow.com/questions/30473683/why-is-this-web-midi-api-code-not-detecting-midi-events).


Forrest

On Sat, May 23, 2015 at 5:47 PM, Richard <zappfinger@gmail.com> wrote:
This is a screen shot of a Csound server web GUI I am developing.
This uses Python (Flask) as a web server, Javascript, jQuery UI sliders, css, and ordinary HTML.
Because I found css positioning tricky, I placed sliders and buttons inside table cells.
The VU meter is a Snap SVG object.

Richard



------------------------------------------------------------------------------
One dashboard for servers and applications across Physical-Virtual-Cloud
Widest out-of-the-box monitoring support with 50+ applications
Performance metrics, stats and reports that give you Actionable Insights
Deep dive visibility with transaction tracing using APM Insight.
http://ad.doubleclick.net/ddm/clk/290420510;117567292;y
_______________________________________________
Csound-users mailing list
Csound-users@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/csound-users
Send bugs reports to
        https://github.com/csound/csound/issues
Discussions of bugs and features can be posted here




------------------------------------------------------------------------------


_______________________________________________
Csound-users mailing list
Csound-users@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/csound-users
Send bugs reports to
        https://github.com/csound/csound/issues
Discussions of bugs and features can be posted here


------------------------------------------------------------------------------

_______________________________________________
Csound-users mailing list
Csound-users@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/csound-users
Send bugs reports to
        https://github.com/csound/csound/issues
Discussions of bugs and features can be posted here



Date2015-06-01 18:27
FromRichard
SubjectRe: Csound web GUI
AttachmentsNone  None  
Ok, the URL is now: http://www.resona.nl/csound/websynths.html

Have you been able to get it working with the JazzMidi plugin and examples from their site?

Richard

On 01/06/15 19:07, Forrest Cahoon wrote:
I found that thread from back in December; you reference the url http://www.resona.nl/websynth.html , but unfortunately that is now 404.

I have enabled webmidi in the flags; I suspect my problem my be related to the fact that I'm making a Chrome App instead of a web app, but I really don't know.

On Mon, Jun 1, 2015 at 11:10 AM, Richard <zappfinger@gmail.com> wrote:
Forrest, I am using midi in the normal sense here, not via the Web API. This project is only a GUI interface to a normal csound instance running on the same machine as the Python web server.

But I did get webmidi working earlier with pNaCl, see the thread :Csound midi on the web with SVG graphics
Basically you have to enable web midi in Chrome AND you have to allow the plugin.

Richard

On 01/06/15 16:45, Forrest Cahoon wrote:
Looks like you're using MIDI -- have you successfully gotten the Web MIDI API working?

I ran into a stumbling block in the Chrome App I'm working on where my device is recognized but I can't detect any input events (and have not gotten an answer on SackOverflow: http://stackoverflow.com/questions/30473683/why-is-this-web-midi-api-code-not-detecting-midi-events).


Forrest

On Sat, May 23, 2015 at 5:47 PM, Richard <zappfinger@gmail.com> wrote:
This is a screen shot of a Csound server web GUI I am developing.
This uses Python (Flask) as a web server, Javascript, jQuery UI sliders, css, and ordinary HTML.
Because I found css positioning tricky, I placed sliders and buttons inside table cells.
The VU meter is a Snap SVG object.

Richard



------------------------------------------------------------------------------
One dashboard for servers and applications across Physical-Virtual-Cloud
Widest out-of-the-box monitoring support with 50+ applications
Performance metrics, stats and reports that give you Actionable Insights
Deep dive visibility with transaction tracing using APM Insight.
http://ad.doubleclick.net/ddm/clk/290420510;117567292;y
_______________________________________________
Csound-users mailing list
Csound-users@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/csound-users
Send bugs reports to
        https://github.com/csound/csound/issues
Discussions of bugs and features can be posted here




------------------------------------------------------------------------------


_______________________________________________
Csound-users mailing list
Csound-users@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/csound-users
Send bugs reports to
        https://github.com/csound/csound/issues
Discussions of bugs and features can be posted here


------------------------------------------------------------------------------

_______________________________________________
Csound-users mailing list
Csound-users@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/csound-users
Send bugs reports to
        https://github.com/csound/csound/issues
Discussions of bugs and features can be posted here




------------------------------------------------------------------------------


_______________________________________________
Csound-users mailing list
Csound-users@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/csound-users
Send bugs reports to
        https://github.com/csound/csound/issues
Discussions of bugs and features can be posted here