Load Audio Sprite

This example demonstrates how to load an audio sprite using a JSON configuration file and multiple audio formats, then play specific sound markers defined within the sprite.

800 × 600

GitHub

class Example extends Phaser.Scene
{
    preload ()
    {
        this.load.setBaseURL('https://cdn.phaserfiles.com/v410');
        this.load.setPath('assets/audio/kyobi/');

        this.load.audioSprite('kyobi', 'kyobi.json', [
            'kyobi.ogg',
            'kyobi.mp3',
            'kyobi.m4a'
        ]);
    }

    create ()
    {
        const music = this.sound.addAudioSprite('kyobi');

        music.play('title');

        // music.play('gameOver');
        // music.play('nextLevel');

        // text.setText('Playing Dafunk - Hardcore Power (We Believe In Goa - Remix)');
    }
}

const config = {
    scale: { mode: Phaser.Scale.FIT },
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    parent: 'game-container',
    scene: Example
};

const game = new Phaser.Game(config);

More in Audio5 examples

Load Audio Sprite ResourcesLearn how to load and play audio sprites using a JSON configuration file and its associated audio resources.

Load Audio StreamDemonstrates how to load and play audio as a stream by setting the stream property, which is useful for playing long music tracks without waiting for the full file to download.

Loading HTML5 AudioDemonstrates how to load and play audio using the HTML5 Audio tag by disabling the Web Audio API in the game configuration.

Load AudioLearn how to load audio files in multiple formats (OGG, MP3, and M4A) for cross-browser compatibility and play them back in your scene.