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 scripts

html

<!-- 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:

Flowplayer configuration

html

<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

Parameter	Description
`src`	Path to m3u8 file related to the stream. URL will always match the following pattern: `//{SERVER_HOST}/generic_hls/{APP_NAME}/{STREAM_KEY}.m3u8`

URL Parameters:

Placeholder	Description
`{SERVER_HOST}`	Hostname or IP Address for the Storm Streaming Server (vHost with HTTP protocol enabled).
`{APP_NAME}`	Application name for the Storm Streaming Server. By default, it's called "live".
`{STREAM_KEY}`	Stream key for the video.

Adaptive Bitrate Streaming (ABR)

To use the Adaptive Bitrate Streaming (ABR) feature, you must activate and configure the transcoding option. In Storm Streaming Server, this requires a commercial license and properly set up transcoding for the application.

Differences Between FlowPlayer & Storm Player Core/UI

FlowPlayer and our dedicated Storm Player Core/UI behave differently. FlowPlayer does not automatically react to stream state changes (e.g., published/unpublished). Developers are responsible for implementing custom logic if needed. FlowPlayer will also not provide a server with real-time playback details.

Useful links

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

Support Needed?

If you have any questions or need assistance, please create a support ticket and our team will help you.