From 981cf5ab05d7231c718dac79a8df551acc57be34 Mon Sep 17 00:00:00 2001
From: Moe <github@m03.ca>
Date: Thu, 20 Oct 2022 08:42:58 -0700
Subject: [PATCH] Live Grid : Error Handling for video stream-elements

---
 web/assets/js/bs5.liveGrid.js | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/web/assets/js/bs5.liveGrid.js b/web/assets/js/bs5.liveGrid.js
index 2be01360..0edd64ec 100644
--- a/web/assets/js/bs5.liveGrid.js
+++ b/web/assets/js/bs5.liveGrid.js
@@ -99,6 +99,22 @@ function buildStreamElementHtml(streamType){
     }
     return html
 }
+function attachVideoElementErrorHandler(monitorId){
+    var monitor = loadedMonitors[monitorId]
+    var monitorDetails = safeJsonParse(monitor.details)
+    var streamType = subStreamChannel ? monitorDetails.substream ? monitorDetails.substream.output.stream_type : 'hls' : monitorDetails.stream_type
+    if(
+        streamType === 'flv' ||
+        streamType === 'hls'
+    ){
+        var streamBlock = liveGridElements[monitorId].monitorItem.find('video.stream-block')
+        streamBlock[0].onerror = function(){
+            setTimeout(function(){
+                mainSocket.f({f:'monitor',ff:'watch_on',id:monitorId})
+            },2000)
+        }
+    }
+}
 function resetMonitorCanvas(monitorId,initiateAfter,subStreamChannel){
     var monitor = loadedMonitors[monitorId]
     var details = monitor.details
@@ -108,6 +124,7 @@ function resetMonitorCanvas(monitorId,initiateAfter,subStreamChannel){
     closeLiveGridPlayer(monitorId,false)
     streamBlock.find('.stream-element').remove()
     streamBlock.append(buildStreamElementHtml(streamType))
+    attachVideoElementErrorHandler(monitorId)
     if(initiateAfter)initiateLiveGridPlayer(monitor,subStreamChannel)
 }
 function replaceMonitorInfoInHtml(htmlString,monitor){
@@ -278,6 +295,7 @@ function drawLiveGridBlock(monitorConfig,subStreamChannel){
         }catch(re){
             debugLog(re)
         }
+        attachVideoElementErrorHandler(monitorId)
         setCosmeticMonitorInfo(loadedMonitors[monitorId],subStreamChannel)
         setLiveGridOpenCount(1)
     }
@@ -353,9 +371,9 @@ function initiateLiveGridPlayer(monitor,subStreamChannel){
             setTimeout(function(){
                 var stream = containerElement.find('.stream-element');
                 var onPoseidonError = function(){
-                    // setTimeout(function(){
-                        // mainSocket.f({f:'monitor',ff:'watch_on',id:monitor.mid})
-                    // },5000)
+                    setTimeout(function(){
+                        mainSocket.f({f:'monitor',ff:'watch_on',id:monitorId})
+                    },2000)
                 }
                 if(!loadedPlayer.PoseidonErrorCount)loadedPlayer.PoseidonErrorCount = 0
                 if(loadedPlayer.PoseidonErrorCount >= 5)return