Description

'play music <music_id> [with [properties]]'

The play music action let's you, as it name says, play some background music for your game. You can play as many songs as you want simultaneously.

To stop the music, check out the Stop Music documentation.

Action ID: Music

Reversible: Yes

Requires User Interaction: No

Parameters

Properties

The following is a comprehensive list of the properties available for you to modify certain behaviors of the play music action.

Assets Declarations

To play a song, you must first add the file to your assets/music/ directory and then declare it. To do so, Monogatari has an has a function that will let you declare all kinds of assets for your game.

Monogatari.assets ('music', {
    '<music_id>': 'musicFileName'
});

Supported Formats

Each browser has it's own format compatibility. MP3 however is the format supported by every browser.

If you wish to use other formats, you can check a compatibility table to discover what browsers will be able to play it.

Examples

Play Music

The following will play the song, and once the song ends, it will simply stop.

Monogatari.script ({
    'Start': [
        'play music mainTheme'
        'end'
    ]
});

Monogatari.assets ('music', {
    'mainTheme': 'mainThemeSong.mp3'
});

Loop Music

The following will play the song, and once the song ends, it will start over on an infinite loop until it is stopped using the Stop Music Action.

Monogatari.script ({
    'Start': [
        'play music mainTheme with loop'
        'end'
    ]
});

Monogatari.assets ('music', {
    'mainTheme': 'mainThemeSong.mp3'
});

Fade In effect

The following will play the song, and will use a fade in effect.

Monogatari.script ({
    'Start': [
        'play music mainTheme with fade 3'
        'end'
    ]
});

Monogatari.assets ('music', {
    'mainTheme': 'mainThemeSong.mp3'
});

Custom Volume

The following will set the volume of this song to 73%.

Monogatari.script ({
    'Start': [
        'play music mainTheme with volume 73'
        'end'
    ]
});

Monogatari.assets ('music', {
    'mainTheme': 'mainThemeSong.mp3'
});

Please note however, that the user's preferences regarding volumes are always respected, which means that this percentage is taken from the current player preferences, meaning that if the player has set the volume to 50%, the actual volume value for the song will be the result of:

All Together

Of course, you can combine all of this properties, and remember the order doesn't really matter, you can write the properties on the order that feels more natural to you.

Monogatari.script ({
    'Start': [
        'play music mainTheme with volume 100 loop fade 20'
        'end'
    ]
});

Monogatari.assets ('music', {
    'mainTheme': 'mainThemeSong.mp3'
}