VoxelJS & Web Audio
-
Upload
janessa-det -
Category
Technology
-
view
512 -
download
1
description
Transcript of VoxelJS & Web Audio
![Page 1: VoxelJS & Web Audio](https://reader033.fdocuments.net/reader033/viewer/2022052623/559afa8f1a28ab30038b45d9/html5/thumbnails/1.jpg)
VOXELJS & WEB AUDIOJanessa Det | @jandet
![Page 2: VoxelJS & Web Audio](https://reader033.fdocuments.net/reader033/viewer/2022052623/559afa8f1a28ab30038b45d9/html5/thumbnails/2.jpg)
ZOMBIE-BATTLEPOCALYPSEHTTP://NODEKNOCKOUT.COM/TEAMS/SPACE-INVADERSHTTP://SPACE-INVADERS.2013.NODEKNOCKOUT.COM/
![Page 3: VoxelJS & Web Audio](https://reader033.fdocuments.net/reader033/viewer/2022052623/559afa8f1a28ab30038b45d9/html5/thumbnails/3.jpg)
VOXEL-AUDIOHTTPS://GITHUB.COM/RYANRAMAGE/VOXEL-AUDIO
• positional audio
• configurable upon init
• no obvious exposure for movement of sound
• orientation was flipped (up vector should match voxel’s coord system)
AudioBufferNode PannerNode Destination
![Page 4: VoxelJS & Web Audio](https://reader033.fdocuments.net/reader033/viewer/2022052623/559afa8f1a28ab30038b45d9/html5/thumbnails/4.jpg)
VOXEL-AUDIO FORKHTTPS://GITHUB.COM/JANDET/VOXEL-AUDIO/TREE/INTERACTIVE
• moveTo method to alter position upon avatar update
• orientation up vector fix (0, -1, 0) to (0, 1, 0)
• spec and compatibility updates
• make Gain configurable
NICE TO HAVE:
• exposure of raw node and context would enable more complex audio graph building
• auto bind position to voxel item w/ listeners on position movement
![Page 5: VoxelJS & Web Audio](https://reader033.fdocuments.net/reader033/viewer/2022052623/559afa8f1a28ab30038b45d9/html5/thumbnails/5.jpg)
POSITIONAL-AUDIOHTTPS://NPMJS.ORG/PACKAGE/POSITIONAL-AUDIO
• Wrappers to make working with audio graphs and nodes easier (2D)
• Context
• Panning Sound
• Listener
• Directional Mixin
FUTURE IDEAS:
• Incorporate 3D properly
• Environmental convolution
• More clear how to build custom audio graphs upon it
• Format for transitioning “sheet music” to web audio nodes
![Page 6: VoxelJS & Web Audio](https://reader033.fdocuments.net/reader033/viewer/2022052623/559afa8f1a28ab30038b45d9/html5/thumbnails/6.jpg)
THANKS!
caniuse: http://caniuse.com/audio-apispec: http://www.w3.org/TR/webaudio/
improvements?https://github.com/w3ctag/spec-reviews/blob/master/2013/07/WebAudio.md