diff --git a/index.html b/index.html
index 58bc974..03213c2 100644
--- a/index.html
+++ b/index.html
@@ -138,11 +138,11 @@ footer .footer-track { flex: 1; min-width: 0; white-space: nowrap; overflow: hid
       <div class="canvas-area" id="canvasArea">
         <canvas id="spectrum" width="480" height="200"></canvas>
         <div class="progress-row" id="progressRow">
-          <span id="timeCurrent">00:00:00</span>
+          <span id="timeCurrent">0:00</span>
           <div class="waveform-wrap" id="waveformWrap">
             <canvas id="waveform"></canvas>
           </div>
-          <span id="timeRemaining">00:00:00</span>
+          <span id="timeRemaining">0:00</span>
         </div>
         <div style="position:relative">
           <canvas id="vuMeter" width="480" height="20"></canvas>
@@ -155,7 +155,7 @@ footer .footer-track { flex: 1; min-width: 0; white-space: nowrap; overflow: hid
           <div class="title" id="trackTitle">Unknown</div>
           <div class="artist-name" id="trackArtist">Unknown Artist</div>
         </div>
-        <div class="big-time" id="bigTime">00:00:00 <span class="sep">/</span> 00:00:00</div>
+        <div class="big-time" id="bigTime">0:00 <span class="sep">/</span> 0:00</div>
         <div class="controls">
           <button id="prevBtn" title="Previous">&#9664;&#9664;</button>
           <button class="play-btn" id="playBtn" title="Play">&#9654;</button>
@@ -818,10 +818,11 @@ const GENRES = [
   'Christian Rock','Merengue','Salsa','Thrash Metal','Anime','JPop','Synthpop'
 ];
 function fmtTime(s) {
-  if (!isFinite(s) || s < 0) return '00:00:00';
+  if (!isFinite(s) || s < 0) return '0:00';
   const h = Math.floor(s / 3600);
   const m = Math.floor((s % 3600) / 60);
   const sec = Math.floor(s % 60);
+  if (h === 0) return `${m}:${sec.toString().padStart(2, '0')}`;
   return `${h.toString().padStart(2, '0')}:${m.toString().padStart(2, '0')}:${sec.toString().padStart(2, '0')}`;
 }
 function showError(msg) {