flowplayer("player", 'http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf', {

  // configure the required plugins

  plugins: {

    httpstreaming: {

      url: 'http://flash.flowplayer.org/media/swf/flashlsFlowPlayer-0.4.0.5.swf',

      hls_maxbufferlength: 20

    }

  },

  onLoad: function() {

    var interval = setInterval(function() {

      var videoElement = document.querySelector("video");

      var trackElements = videoElement.textTracks; // one for each track element

​

      for (var i = 0; i < trackElements.length; i++) {

        if (trackElements[i].kind === 'metadata') {

          console.log(trackElements[i])

          trackElements[i].oncuechange = function (){

            // "this" is a textTrack

            var cue = this.activeCues[0]; // assuming there is only one active cue

            var obj = JSON.parse(cue.text);

            console.log('oncuechange: ', obj)

          }

          clearInterval(interval);

        }

      }

    }, 500);

  },

  clip: {

    url: "LIVE_STREAM_URL",

    ipadUrl: "LIVE_STREAM_IPAD_URL",

    urlResolvers: "httpstreaming",

    provider: "httpstreaming",

    live: true,

    scaling: "fit"

  }

}).ipad();