FlowPlayer Integration with Storm Streaming Server

FlowPlayer is the second most popular web video player with a very extensive plugin system. This player can be easily integrated with the Storm Streaming Cloud service or an instance of the Storm Streaming Server.

Note: This guide covers Flowplayer Native v3, the current version as of 2025. If you are using Flowplayer 7.x, please refer to the legacy documentation.

Embed Code

For Flowplayer, it is necessary to download the HLS plugin. The files are available in the creator's CDN, but they can also be locally embedded on a given website.

<!-- Flowplayer Native 3.x core -->
<script src="//cdn.flowplayer.com/releases/native/3/stable/default/flowplayer.min.js"></script>

<!-- HLS plugin (required for .m3u8 playback) -->
<script src="//cdn.flowplayer.com/releases/native/3/stable/plugins/hls.min.js"></script>

<!-- Chromecast plugin (optional) -->
<script src="//cdn.flowplayer.com/releases/native/3/stable/plugins/chromecast.min.js"></script>

Sample config:

                        
<div id="container"></div>
<script>
    // Replace the following placeholders with actual values
    // ${SERVER_HOST}, ${APP_NAME}, ${STREAM_KEY}
    var player = flowplayer('#container', {
        src: '//${SERVER_HOST}/generic_hls/${APP_NAME}/${STREAM_KEY}.m3u8', // ← replace placeholders
        hls: { native: true },
        token: 'your player token'
    })
</script>
                    

Main Parameters Explanation

Adaptive Bitrate Streaming (ABR)

To use the Adaptive Bitrate Streaming (ABR) feature, it is necessary to activate and configure the transcoding option. For Storm Streaming Server, it is necessary to have a commercial license and set up Transcoding in a given application. Detailed information can be found in our Transcoder guide.

Differences Between FlowPlayer & Storm Library/Player

FlowPlayer and our dedicated Storm Library/Player work in different ways. FlowPlayer will not react to stream state changes (published, unpublished). It also will not update its data on the fly. It's on a developer to add this functionality.

Useful links

1. Flowplayer HLS Documentation - https://docs.flowplayer.com/plugins/hls