demo page: display audio/video buffered in stats

related to https://github.com/dailymotion/hls.js/issues/570
kwarismian · Jul 26, 2016 · 6fece45 · 6fece45
1 parent 2fe83e8
commit 6fece45
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/demo/index.html b/demo/index.html
@@ -235,7 +235,7 @@ <h4> Stats Display </h4>
 
 
   'use strict';
-  var hls,events, stats,
+  var hls,events, stats,tracks,
       enableStreaming = JSON.parse(getURLParam('enableStreaming',true))
       autoRecoverError = JSON.parse(getURLParam('autoRecoverError',true)),
       enableWorker = JSON.parse(getURLParam('enableWorker',true)),
@@ -560,6 +560,10 @@ <h4> Stats Display </h4>
         $("#HlsStats").text(JSON.stringify(sortObject(stats),null,"\t"));
        });
 
+       hls.on(Hls.Events.BUFFER_CREATED, function(event,data) {
+        tracks = data.tracks;
+       });
+
        hls.on(Hls.Events.FPS_DROP,function(event,data) {
           var evt = {time : performance.now() - events.t0, type : "frame drop", name : data.currentDropped + "/" + data.currentDecoded};
           events.video.push(evt);
@@ -775,6 +779,9 @@ <h4> Stats Display </h4>
               + "Played:"
               + timeRangesToString(v.played) + "<br>";
 
+      for(var type in tracks) {
+        log += type + " Buffered:" + timeRangesToString(tracks[type].buffer.buffered) + "<br>";
+      }
 
       var videoPlaybackQuality = v.getVideoPlaybackQuality;
       if(videoPlaybackQuality && typeof(videoPlaybackQuality) === typeof(Function)) {