From 747064d184a118a73234fb047bbca3156fad78d5 Mon Sep 17 00:00:00 2001
From: bp2008 <bp2008@users.noreply.github.com>
Date: Mon, 6 Feb 2023 16:26:55 -0700
Subject: [PATCH] Version 229: * Fixed a bug where the wrong video frame was
 shown if you were using the HTML5 video player and digitally zoomed in while
 the player was paused. * Added "Renderer" row to Stats for nerds when using
 the HTML5 video player.  It shows whether the native HTML5 video element is
 being used or the canvas.

---
 ui3.htm    |  2 +-
 ui3/ui3.js | 16 +++++++++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/ui3.htm b/ui3.htm
index 451a840..1c07c62 100644
--- a/ui3.htm
+++ b/ui3.htm
@@ -88,7 +88,7 @@
 		};
 	</script>
 	<script type="text/javascript">
-		var ui_version = "228";
+		var ui_version = "229";
 		var bi_version = "%%VERSION%%";
 		var appPath_raw = "%%VIRTDIR%%";
 		var local_bi_session = "%%SESSION%%";
diff --git a/ui3/ui3.js b/ui3/ui3.js
index 0b32f69..42b12ac 100644
--- a/ui3/ui3.js
+++ b/ui3/ui3.js
@@ -16255,6 +16255,8 @@ function FetchH264VideoModule()
 			nerdStats.UpdateStat("Network Delay", netDelay, netDelay.toFixed().padLeft(4, '0') + "ms", true);
 			nerdStats.UpdateStat("Player Delay", decoderDelay, decoderDelay.toFixed().padLeft(4, '0') + "ms", true);
 			nerdStats.UpdateStat("Delayed Frames", h264_player.GetBufferedFrameCount(), h264_player.GetBufferedFrameCount(), true);
+			if (h264_player.isMsePlayer)
+				h264_player.UpdateNerdStats();
 			lastNerdStatsUpdate = performance.now();
 			nerdStats.EndUpdate();
 		}
@@ -17490,6 +17492,7 @@ function HTML5_MSE_Player(frameRendered, PlaybackReachedNaturalEndCB, playerErro
 	var nonKeyframeDropper = new NonKeyframeDropper();
 	var isRenderingToCanvas = null;
 	var disableRenderingStateChangesUntilNextFrame = false;
+	var aFrameWasOnceRendered = false; // Set = true when the first frame is rendered.  Never reset to false.
 
 	var lastFrame;
 	var lastFrameDuration = 16;
@@ -17526,6 +17529,7 @@ function HTML5_MSE_Player(frameRendered, PlaybackReachedNaturalEndCB, playerErro
 			meta.height = h;
 			meta.timestamp = meta.time;
 			finishedFrameCount++;
+			aFrameWasOnceRendered = true;
 			timestampLastRenderedFrame = meta.timestamp;
 			frameRendered(meta);
 			CheckStreamEndCondition();
@@ -17924,7 +17928,7 @@ function HTML5_MSE_Player(frameRendered, PlaybackReachedNaturalEndCB, playerErro
 			{
 				// Turn on canvas rendering
 				// Copy current video frame, if possible.
-				if (finishedFrameCount > 0)
+				if (aFrameWasOnceRendered)
 					videoModulesShared.RenderVideoFrame(player);
 				$("#videoElement_wrapper").addClass('deactivated'); // Hide <video>				
 				videoModulesShared.Get$Canvas().removeClass('deactivated'); // Show <canvas>
@@ -17937,6 +17941,15 @@ function HTML5_MSE_Player(frameRendered, PlaybackReachedNaturalEndCB, playerErro
 			}
 		}
 		isRenderingToCanvas = enable;
+		self.UpdateNerdStats();
+	}
+	this.getCanvasRenderingState = function ()
+	{
+		return isRenderingToCanvas;
+	}
+	this.UpdateNerdStats = function ()
+	{
+		nerdStats.UpdateStat("Renderer", isRenderingToCanvas ? "<canvas>" : "Native HTML5 <video>");
 	}
 
 	Initialize();
@@ -28776,6 +28789,7 @@ function UI3NerdStats()
 			, "Seek Position"
 			, "Frame Time"
 			, "Stream Timestamp"
+			, "Renderer"
 			, "Codecs"
 			, "Video Bit Rate"
 			, "Audio Bit Rate"