Stream & Server Configuration - Storm JavaScript Player

In this guide, you will learn how to properly configure the server and stream data in the Storm JavaScript Player.

Code Example

                        
/**
 * Standard stream configuration object
 */
const streamConfig = {
    stream: {
        serverList: [{
            host: "localhost",
            application: "live",
            port: 80,
            ssl: false
        }],
        streamKey: "test"
    },
};

/**
 * Standard player configuration object
 */
const playerConfig = {
    containerID: "container",
    width: "100%",
    height: "100%",
    aspectRatio: "16:9",
    title: "My first broadcast",
    subtitle: "Epic live streaming",
};

/**
 * Each player instance must be provided with both player (gui) and library configs
 */
const player = stormPlayer(playerConfig, streamConfig);
                    

Two Configuration Objects

The configuration of the Storm JavaScript Player is based on two objects. The first, called streamConfig, is identical to that from StormLibrary and contains server data we need to connect to, as well as the stream identifier (streamKey) that we want to play. Here, we can also define our video settings, autostart, or buffers. The only difference is that we do not provide the containerID parameter (this will be handled by the player itself). To learn all available options, we encourage you to check the Storm JavaScript Library documentation.

The second configuration object, namely playerConfig, specifically pertains to the player itself and allows for the definition of its size, title, or description. Settings related to the Waiting-Room, Styles, or Translations are also defined in this object.

Stream Configuration Object

                        
const streamConfig = {
    stream: {
        serverList: [{
            host: "localhost",
            application: "live",
            port: 80,
            ssl: false
        }],
        streamKey: "test"
    },
};
                    

Explanation and Description of Individual Fields