Some of the features provided by Audiostory are as follows.
- The library uses only native HTML5 for sound playback using the audio tag, and therefore requires a resonably modern browser, but not any plugins.
- Programming a game is reasonably simple. A game consists of a straightforward JSON structure to define the behaviour of the game, an HTML file where you can create whatever custom look you want, plus of course all the sound files that make up your story.
- The library works by layering and mixing sounds. Thus you can have, for example, an ambient background sound that loops indefinitely (along with seamlessly crossfading with itself), a musical score that begins playing when a particular trigger occurs, a naration layer, sound effects, etc.
- Audiostory includes a trigger mechanism that allows you to take action when playback of a particular sound reaches a given point.
- It intelligently loads the sound files that make up the story in a way that allows the player to begin playing as quickly as possible and to minimize the necessity to pause the game to load additional sounds. First, only the sounds needed for the first scene are loaded, then the rest of the sounds are loaded in the background.
- The library includes a visual display engine that consists of nested frames, with straightforward functions to operate on them. All changes made to the frames are smoothly animated.
First, download the Audiostory Author's Kit here. The Audiostory library consists of one file,
audiostory.js. When you download the Author's kit, you will also find
skeleton.json. These skeleton files have the basic structure you will use as a starting point when creating a new game. Start by creating a new directory, then copy these three files into it. You may now rename the two skeleton files and edit them to build your game. Most of your work will be done in the json file, but you will make visual presentation changes in the html file. As you create sound file during the development of your games, they will also be added into this directory.
Test your new game by loading the html file into your web browser. You'll see the basic Audiostory layout appear it should look like this.