HLS Audio Selection

Adds support for multiple audio tracks in HLS streams.

Prerequisites

• HLS plugin
• An HLS stream with multiple separate audio tracks in the manifest

Installation

Load the audio plugin next to the core player and the hls plugin .

<script src="//cdn.flowplayer.com/releases/native/stable/flowplayer.min.js"></script>
<script src="//cdn.flowplayer.com/releases/native/stable/plugins/hls.min.js"></script>
<script src="//cdn.flowplayer.com/releases/native/stable/plugins/asel.min.js"></script>

Async cloud player installation

To enable the plugin in the async cloud player, declare it in the "plugins": [] config object with asel .

Configuration (optional)

You can configure the plugin with top level configuration option asel.

The configuration option can either be false which disables audio selection or a configuration object with properties:

• default_lang - a string containing the desired default language. Has to match an existing language attribute in the HLS manifest

API

The Audio selection JS API lives under asel namespace in the player API.

Properties:

• tracks - A list of audio tracks for the stream. Track properties are parsed from HLS manifest:
  • id
  • audioCodec
  • autoselect
  • default
  • lang
  • name
  • url
• get() - function that returns the current track
• set(index) - function for changing the current track (index refers to the index in the tracks array)
• events - A list of events that can be listened to
  • SET - When a track is being selected
  • SWITCH - When audio track is switched
  • TRACKS - When tracks are parsed from the manifest and available

Sample code

var api = flowplayer('#container', {
  src: "https://wowzaec2demo.streamlock.net/vod-multitrack/_definst_/smil:ElephantsDream/ElephantsDream.smil/playlist.m3u8"
  asel: {
    default_lang: 'es'
  }
})

api.on(api.asel.events.SWITCH, function() {
  console.log('Track switched, current track', api.asel.get().name)
})

Demo

Codepen