Installation - Storm JavaScript Player

Storm JavaScript Player is very easy to install. You can either grab a script file from our CDN (IIFE format) or install the player using NPM or Yarn.

Storm CDN

Feel free to pick our Storm Player (in IIFE format) from our CDN:

                        
<script src="https://cdn.stormstreaming.com/stormplayer/2-latest.min.js"></script>
                            

Optionally you can link to the latest major.minor, for example 2.1-latest.min.js, or pick specific release: 2.1.1.min.js

To embed the player on your website you can use our CDN hosted file. It's based on IIFE and it's compatible with all modern browsers! Latest version can be found on our github page: https://github.com/StormStreaming/stormplayer-js/releases

Install via package managers

  1. Node

    To include Storm Player in Node, first install NPM

                                    
    npm install @stormstreaming/stormplayer
                                
  2. Yarn

    Before using Yarn, make sure to install it first

                                    
    yarn add @stormstreaming/stormplayer
                                

Manual installation

You can manually grab index.js from /dist/iife folder on our Git-Hub page. You will find the latest release here: https://github.com/StormStreaming/stormplayer-js/releases

Source codes

Storm Player comes with all source-codes available for free. Player can be easily modified and customized according to needs. In order to recompile the player NPM is required. Project can be downloaded and/or forked from https://github.com/StormStreaming/stormplayer-js. Below you'll find basic usage.

                        
npm install
                    
This command will install all required dependencies.

                        
npm build
                    
Compiles all styles, script and html. Generated files will be placed within the dist folder.

                        
npm dev
                    
Watches for changes in files and compiles code to executable JavaScript. A local HTTP server will be started as well.

Embedding the player

Storm Player comes in IIFE, ESM, AMD, UMD and CJS formats. If you are unfamiliar with these, please grab IIFE version, as it's easiest to embed in a modern browser. All packages are located in /dist folder under their respective names.

Initiating the player

Once the player is properly linked to your page, a player instance can be created. Please keep in mind that you can create and manage multiple instances of Storm Player at a time. Each instance requires a valid configuration object in order to work properly. Initialization will look different depending on picked JavaScript format.

  1. IIFE
                                    
    const player = stormPlayer(playerConfig, libraryConfig);
                                
  2. ESM
                                    
    import {StormPlayer} from "../../dist/esm/index.js";
    const storm = new StormPlayer(playerConfig, libraryConfig);
                                
  3. UMD
                                    
    const storm = stormPlayer.create(playerConfig, libraryConfig);
                                
  4. AMD

    RequireJS is used to load the module

                                    
    requirejs(['../../dist/amd/index'], function (storm) {
    
        const stormPlayer = new storm.create(playerConfig, libraryConfig);
    
    });