From 7d33a7f8e842c9e575ab64b1ddc94bcce647f089 Mon Sep 17 00:00:00 2001
From: Rob Walch <rob@jwplayer.com>
Date: Fri, 24 Jul 2020 15:42:22 -0400
Subject: [PATCH] Timeline chart fixes

---
 demo/chart/timeline-chart.ts | 8 ++++++++
 demo/main.js                 | 3 +++
 2 files changed, 11 insertions(+)

diff --git a/demo/chart/timeline-chart.ts b/demo/chart/timeline-chart.ts
index 4f28c7a6ebd..0f8dcfdcc02 100644
--- a/demo/chart/timeline-chart.ts
+++ b/demo/chart/timeline-chart.ts
@@ -349,6 +349,14 @@ export class TimelineChart {
     this.resize(datasets);
   }
 
+  removeSourceBuffers () {
+    const { labels, datasets } = this.chart.data;
+    while ((labels[0] || '').indexOf('buffer') > -1) {
+      labels.shift();
+      datasets.shift();
+    }
+  }
+
   setTextTracks (textTracks) {
     const { labels, datasets } = this.chart.data;
     this.removeType('textTrack');
diff --git a/demo/main.js b/demo/main.js
index 8e9595ec8b5..7822f43f67e 100644
--- a/demo/main.js
+++ b/demo/main.js
@@ -1311,6 +1311,9 @@ function addChartEventListeners (hls) {
   hls.on(Hls.Events.BUFFER_CREATED, (eventName, { tracks }) => {
     chart.updateSourceBuffers(tracks, hls.media);
   }, chart);
+  hls.on(Hls.Events.BUFFER_RESET, (eventName, { tracks }) => {
+    chart.removeSourceBuffers();
+  }, chart);
   hls.on(Hls.Events.LEVELS_UPDATED, (eventName, { levels }) => {
     chart.removeType('level');
     chart.updateLevels(levels);