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.
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.
<script src="//cdn.flowplayer.com/releases/native/3/stable/flowplayer.min.js"></script>
<script src="//cdn.flowplayer.com/releases/native/3/stable/plugins/hls.min.js"></script>
Sample config:
<div id="container"></div>
<script>
var player = flowplayer('#container',
{ src: '//${SERVER_HOST}/${APP_NAME}/${STREAM_KEY}.m3u8,
hls : { native: true },
token: 'your player token'
})
</script>
Main Parameters Explanation
src | Path to m3u8 file related to the stream. URL will always match the following pattern:
//${SERVER_HOST}/${APP_NAME}/${STREAM_KEY}.m3u8
where:
${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. |
---|
|
---|
Table 1. Main parameters table
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 Transcoding 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.