fix metrics page

wuwx · Jun 29, 2015 · dffc0c0 · dffc0c0
1 parent ad238b7
commit dffc0c0
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/demo/metrics.html b/demo/metrics.html
@@ -13,14 +13,15 @@ <h1 class="title">hls.js metrics page</h1>
   <pre id='HlsUrl'></pre>
     <canvas id="buffered_c" width="640" height="15" onclick="buffered_seek(event)";></canvas> <br>
     window size
+    <div id="metricsButton">
+    <button onclick="timeRangeSetSliding(0)">ALL</button><br>
     <button onclick="timeRangeSetSliding(2000);">2s</button>
     <button onclick="timeRangeSetSliding(5000)">5s</button>
     <button onclick="timeRangeSetSliding(10000)">10s</button>
     <button onclick="timeRangeSetSliding(20000)">20s</button>
     <button onclick="timeRangeSetSliding(30000)">30s</button>
     <button onclick="timeRangeSetSliding(60000)">60s</button>
     <button onclick="timeRangeSetSliding(120000)">120s</button>
-    <button onclick="timeRangeSetSliding(0)">ALL</button><br>
     <button onclick="timeRangeZoomIn()">Zoom In</button>
     <button onclick="timeRangeZoomOut()">Zoom Out</button><br>
     <button onclick="timeRangeSlideLeft()"> <<< Slide </button>
@@ -35,6 +36,7 @@ <h1 class="title">hls.js metrics page</h1>
     <canvas id="bufferWindow_c" width="640" height="100" style="border:1px solid #000000" onmousemove="windowCanvasonMouseMove(event)";></canvas>
     <canvas id="videoEvent_c" width="640" height="15" style="border:1px solid #000000";></canvas>
     <canvas id="loadEvent_c" width="640" height="15" style="border:1px solid #000000";></canvas><br>
+  </div>
 
   <script src="canvas.js"></script>
   <script src="metrics.js"></script>
@@ -46,6 +48,7 @@ <h1 class="title">hls.js metrics page</h1>
   var description = 'playlist: ' + "<a href=\"" + events.url + "\">" + events.url + "</a>" + '<br>replay: ' + "<a href=\"" + hlsLink + "\">" + hlsLink + "</a>";
   document.getElementById("HlsUrl").innerHTML = description;
   document.getElementById("HlsDate").innerHTML = "session Start Date:" + events.date;
+  metricsDisplayed=true;
   showMetrics();
   refreshCanvas();
   </script>