2.5D audio for WebGL via HTML 5

Here is a (very) small demo of a new feature which should be in the next update of the 3D editor CopperCube and its free JavaScript 3D engine CopperLicht: Basically, it is some faked 3D audio for the WebGL target, but with the current limited features the HTML 5 audio element provides, it is more a 2.5D audio. But see for yourself:


The only thing it does is changing the audio volume depending on the distance to the listener. And in Firefox, even this doesn't work perfectly smoothly, only in chrome this sounds very nice. To have some real 3D audio, it would have been necessary to additionally adjust the pan, how much volume is set on the left and on the right audio speaker, but unfortunately, the HTML 5 audio API doesn't have such a feature (yet?).

But at least, it is audio at all. Until now, CopperCube/Copperlicht didn't support any audio when publishing your game or app to the WebGL target. With the next update, this will change.

If you would like to get a mail once this new version of CopperCube is released, subscribe to the Ambiera Newsletter:

Your email adress:

(will open the ambiera.com website for confirmation)


four comments, already:

...and Firefox doesn’t even appear to loop the sound. Mozilla, shame on you. :)
erik - 20 07 11 - 08:56

BSOD on firefox under Windows Server 2008 R2!

Kudos to you for bringing up a blue screen in 2011. :)
Ash - 20 07 11 - 21:54

wow :) Update your graphics drivers :)
niko - 21 07 11 - 05:29

This site is like a classroom, expect I don’t hate it. lol
Allie () (link) - 29 07 11 - 02:20


Name:  
Remember personal info?
yes
no
Email (optional):
URL (optional):
Enter "layered" (antispam):
Comment:Emoticons / Textile

  ( Register your username / Log in )

Notify: Yes, send me email when someone replies.  

Small print: All html tags except <b> and <i> will be removed from your comment. You can make links by just typing the url or mail-address.
Note: If you type in your email adress above, it will be visible to other visitors, although it will be hidden for bots using javaScript.