From 06ec265038fea0e831283ef97ba6ab051c34ed99 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Wed, 17 Jun 2020 17:13:55 -0700
Subject: [PATCH] Use on Ready event instead of player setup hook

---
 webroot/js/app.js           | 2 +-
 webroot/js/player/player.js | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/webroot/js/app.js b/webroot/js/app.js
index 3cdcd38c1..4157256b4 100644
--- a/webroot/js/app.js
+++ b/webroot/js/app.js
@@ -10,7 +10,7 @@ async function setupApp() {
   window.app = new Vue({
     el: "#app-container",
     data: {
-      streamStatus: "",
+      streamStatus: "Stream is offline.", // Default state.
       viewerCount: 0,
       sessionMaxViewerCount: 0,
       overallMaxViewerCount: 0,
diff --git a/webroot/js/player/player.js b/webroot/js/player/player.js
index 53b2d6930..e7f0f9bf4 100644
--- a/webroot/js/player/player.js
+++ b/webroot/js/player/player.js
@@ -4,12 +4,13 @@ window.VIDEOJS_NO_DYNAMIC_STYLE = true;
 var waitingTimeoutTimer;
 
 // Wait until the player is setup before we start polling status
-videojs.hookOnce('setup', function (player) {
-  // console.log('setup')
+const player = videojs('video');
+
+player.on('ready', function () {
   getStatus();
   setInterval(getStatus, 5000);
   setupPlayerEventHandlers();
-});
+})
 
 function setupPlayerEventHandlers() {
   const player = videojs('video');