Guard against browsers not running VHS

webroot/js/components/latencyCompensator.js

@@ -63,6 +63,10 @@ class LatencyCompensator {
 
     const tech = this.player.tech({ IWillNotUseThisInPlugins: true });
 
+    if (!tech || !tech.vhs) {
+      return;
+    }
+
     try {
       // Check the player buffers to make sure there's enough playable content
       // that we can safely play.

webroot/js/components/player.js

@@ -211,11 +211,12 @@ class OwncastPlayer {
       this.appPlayerPlayingCallback();
     }
 
-    if (!this.hasStartedPlayback) {
+    if (this.latencyCompensator && !this.hasStartedPlayback) {
       this.latencyCompensator.enable();
-      this.hasStartedPlayback = true;
     }
 
+    this.hasStartedPlayback = true;
+
     setInterval(() => {
       this.collectPlaybackMetrics();
     }, 5000);
@@ -223,6 +224,10 @@ class OwncastPlayer {
 
   collectPlaybackMetrics() {
     const tech = this.vjsPlayer.tech({ IWillNotUseThisInPlugins: true });
+    if (!tech || !tech.vhs) {
+      return;
+    }
+
     const bandwidth = tech.vhs.systemBandwidth;
     this.playbackMetrics.trackBandwidth(bandwidth);
 
@@ -242,6 +247,7 @@ class OwncastPlayer {
     if (this.appPlayerEndedCallback) {
       this.appPlayerEndedCallback();
     }
+
     this.latencyCompensator.disable();
   }