Ambisonics

CodePen view

Using first-order ambisonics into a scene.

configuration.json

{
    "story":
    {
        "uid": "ambisonic-story",
        "name": "Ambisonic story",
        "slug": "ambisonic-story",
        "description": "This is a demonstration of the ambisonic sound applied to a scene",

        "scenes":
        [
            {
                "uid": "scene-0",
                "name": "First scene",
                "slug": "first-scene",
                "description": "This is the first and only scene",

                "media":
                {
                    "uid": "media-0",
                    "type": "image",

                    "source":
                    {
                        "format": "equi",
                        "url": "pano_sphere.jpg"
                    }
                },

                "sound":
                {
                    "uid": "sound-0",
                    "type": "ambisonic",

                    "source":
                    {
                        "url": "ambisonic.wav"
                    },

                    "options":
                    {
                        "volume": 1,
                        "autoPlay": true,
                        "loop": true
                    }
                }

            }
        ]
    }
}

External library

Omnitone is a JavaScript implementation of a first-order ambisonic decoder that allows you to binaurally render an ambisonic recording directly on the browser..

<!-- Include the Omnitone library -->
<script src="https://cdn.rawgit.com/GoogleChrome/omnitone/master/build/omnitone.min.js"></script>

Back to samples