Skip to content

Audio plugin

Play audio streams with a minimal player or a static poster image.

Installation

Load the core player css and js, optionally required streaming plugins like HLS plugin or the advertising plugin, and the audio plugin.

<link rel="stylesheet" href="//cdn.flowplayer.com/releases/native/3/stable/style/flowplayer.css">
<script src="//cdn.flowplayer.com/releases/native/3/stable/flowplayer.min.js"></script>
<!-- optionally  for HLS streams
<script src="//cdn.flowplayer.com/releases/native/3/stable/plugins/hls.min.js"></script>
or the ads plugin if you want a preroll
<script src="//cdn.flowplayer.com/releases/native/3/stable/plugins/ads.min.js"></script> -->
<script src="//cdn.flowplayer.com/releases/native/3/stable/plugins/audio.min.js"></script>

Configuration

All options are configured in the top level like a standard video player setup.

If you configure only audio sources, the player will start with a minimal audio-only control bar. If you add a poster image, you will get a standard player layout with a still image.

Available configuration properties are listed in the following table.

info

You can force the audio-only UI with a UI flag. This option may be useful for stream types like rts@scale which aren't identified as audio through the MIME type.

Sample code