From 1feb813acfd7b0edbdaeefbe3b0fa6c8abd09c6e Mon Sep 17 00:00:00 2001
From: Thijs Triemstra <info@collab.nl>
Date: Tue, 13 Oct 2015 21:55:42 +0200
Subject: [PATCH] hide most controls in live example

---
 examples/live.html    |  7 +++++++
 videojs.wavesurfer.js | 20 +++++++++++++++-----
 2 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/examples/live.html b/examples/live.html
index 6de34326..706e164d 100644
--- a/examples/live.html
+++ b/examples/live.html
@@ -33,6 +33,13 @@
     controls: true,
     width: 600,
     height: 300,
+    controlBar: {
+        currentTimeDisplay: false,
+        timeDivider: false,
+        durationDisplay: false,
+        remainingTimeDisplay: false,
+        volumeMenuButton: false
+    },
     plugins: {
         wavesurfer: {
             src: "live",
diff --git a/videojs.wavesurfer.js b/videojs.wavesurfer.js
index c51ab3b9..3c5d9289 100644
--- a/videojs.wavesurfer.js
+++ b/videojs.wavesurfer.js
@@ -99,12 +99,22 @@
                                   this.player().controlBar.durationDisplay];
                 for (var element in uiElements)
                 {
-                    uiElements[element].el().style.display = 'block';
-                    uiElements[element].show();
+                    // ignore when elements have been disabled by user
+                    if (uiElements[element] !== undefined)
+                    {
+                        uiElements[element].el().style.display = 'block';
+                        uiElements[element].show();
+                    }
+                }
+                if (this.player().controlBar.remainingTimeDisplay !== undefined)
+                {
+                    this.player().controlBar.remainingTimeDisplay.hide();
+                }
+                if (this.player().controlBar.timeDivider !== undefined)
+                {
+                    this.player().controlBar.timeDivider.el().style.textAlign = 'center';
+                    this.player().controlBar.timeDivider.el().style.width = '2em';
                 }
-                this.player().controlBar.remainingTimeDisplay.hide();
-                this.player().controlBar.timeDivider.el().style.textAlign = 'center';
-                this.player().controlBar.timeDivider.el().style.width = '2em';
 
                 // disable play button until waveform is ready
                 // (except when in live mode)