HELP WANTED : "In-a-browser" virtual organ !

For people who want to work on organ projects !
Forum dédié aux projets en cours ou futurs liés à l'orgue.
admin
Site Admin
Posts:147
Joined:Mon Jan 12, 2009 8:14 pm
HELP WANTED : "In-a-browser" virtual organ !

Postby admin » Wed Jul 18, 2012 2:59 pm

Hello,

It might be possible to create a virtual organ in a web browser, with HTML5 / javascript / java ? I could be great ! :)

I suggest that we begin something very simple :

1 an HTML page with 10 buttons, each button being linked to a sound sample

2 if it works, then we can group these buttons in order to make a "keyboard look" (with black and white keys)

3 if it works, then we can see if MIDI input is possible in a "web browser" !

4 if all these things work, we can then see how to handle more than 1 rank (organ stop).

I'm not very good in web programming, are there some people willing to help ? ;) It could be a nice collaborative coding project !

Joseph

masi
Posts:15
Joined:Mon Jul 09, 2012 7:02 am

Re: HELP WANTED : "In-a-browser" virtual organ !

Postby masi » Wed Jul 18, 2012 3:15 pm

Hi Joseph,

I would love to participate in this. But first I need a few days to finish another project.

Markus

admin
Site Admin
Posts:147
Joined:Mon Jan 12, 2009 8:14 pm

Re: HELP WANTED : "In-a-browser" virtual organ !

Postby admin » Wed Jul 18, 2012 7:36 pm

This is very encouraging :

http://mudcu.be/piano/

See you! Joseph

admin
Site Admin
Posts:147
Joined:Mon Jan 12, 2009 8:14 pm

Re: HELP WANTED : "In-a-browser" virtual organ !

Postby admin » Tue Jul 24, 2012 7:03 pm

Hi masi, you're welcome ! Feel free to contact me when you have some time. We can try the first step then : have an empty HTML5 page, with only 1 button and a .wav playback when button is pressed ! Do you know how to do this ?

masi
Posts:15
Joined:Mon Jul 09, 2012 7:02 am

Re: HELP WANTED : "In-a-browser" virtual organ !

Postby masi » Wed Jul 25, 2012 12:51 pm


admin
Site Admin
Posts:147
Joined:Mon Jan 12, 2009 8:14 pm

Re: HELP WANTED : "In-a-browser" virtual organ !

Postby admin » Wed Jul 25, 2012 3:52 pm


admin
Site Admin
Posts:147
Joined:Mon Jan 12, 2009 8:14 pm

Re: HELP WANTED : "In-a-browser" virtual organ !

Postby admin » Wed Jul 25, 2012 10:10 pm

If we want MIDI input (external keyboard support), the only solution seems to be JAVA !
http://abumarkub.net/abublog/

masi
Posts:15
Joined:Mon Jul 09, 2012 7:02 am

Re: HELP WANTED : "In-a-browser" virtual organ !

Postby masi » Thu Jul 26, 2012 11:26 am

Hi Joseph,

there is now an upgraded version of my experiment at . It has a selection of three stops and a single octave of note buttons. Furthermore there is a load status display at the bottom that shows which audio objects are initialized and have fired the canplaythrough event.

Browser behaviour is very inconsistent. Safari 5.1.7 pre-loads all WAV files and can play polyphonically (when several stops are selected). Firefox 8.0.1 on MacOS pre-loads only three of the files (Montre 8 F#, G, G#) and does not load the others at all. Strangely, these three files have the largest size. Safari on iPad does not pre-load any files, but it loads them when you try to play. Sadly, it plays only one audio object at any time, otherwise one could use the touch screen to play chords. Maybe Android allows this?

As you say, all this does not make much sense when the organ sounds cannot loop. Implementing this is significantly more work. Still it is an interesting topic, and I put it on my medium-priority todo list. The Web Audio API is certainly something to look at.

Markus

admin
Site Admin
Posts:147
Joined:Mon Jan 12, 2009 8:14 pm

Re: HELP WANTED : "In-a-browser" virtual organ !

Postby admin » Thu Jul 26, 2012 1:01 pm

Hi masi ! Nice work !

> Firefox 8.0.1 on MacOS pre-loads only three of the files (Montre 8 F#, G, G#) and does not
> load the others at all.
Exactly the same problem on Firefox for Windows ! Montre 8 F#, G, G# are the only files that are loaded.

I fully agree : it seems indeed that browser's behaviour is very inconsistent! :(

> The Web Audio API is certainly something to look at.
Yes but not supported for Firefox. Or maybe is it supported on the latest Firefox (maybe I don't have the latest) ? And on Safari ?
[EDIT : WebAudioAPI not supported on Firefox 14.0.1]

Do you think there is a technology that 1/ allows audio playback 2/ allows MIDI input 3/ works for ALL browsers ?
Java may be the answer? (how many people have Java virtual machine, in % ?)
Would Java work on iPad ?

I think our web app should work on iPad : a virtual organ on iPad, this is the future ! (Achim Leubner's Opus #1 is great!).

masi
Posts:15
Joined:Mon Jul 09, 2012 7:02 am

Re: HELP WANTED : "In-a-browser" virtual organ !

Postby masi » Thu Jul 26, 2012 6:16 pm

Hi Joseph,

Web Audio: With Firefox as well as with Safari I get "Web Audio API is not supported in this browser". But this might change in the future.

From a performance point of view, Java is certainly better than JavaScript, but it does not run on iOS. I think there are two application scenarios: a) Showcasing organ stops, which needs a low polyphony but should run on any system (in the browser) and not need any plugins. For this, HTML5/JavaScript should be used. b) Virtual organs, which need high polyphony and processing power. For this we have Java on Android and Objective-C on iOS.

By the way, a virtual organ on iPad is not the future, it is the presence, see and . Stiehr-Mockers would be possible, too, if you like.

Markus


Return to “Projects in progress / Projets en cours”