From 2411804868530530d19eec6c3b8dd5ff99bab3b1 Mon Sep 17 00:00:00 2001
From: Steve Seguin <steve@seguin.email>
Date: Tue, 8 Feb 2022 15:56:33 -0500
Subject: [PATCH] auto-video-mute iOS video when loss of focus

---
 index.html |  6 +++---
 lib.js     | 10 ++++++++++
 main.js    |  1 +
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index c5964fb..998346a 100644
--- a/index.html
+++ b/index.html
@@ -79,7 +79,7 @@
 			<link itemprop="url" href="./media/vdoNinja_logo_full.png" />
 		</span>
 		<script  type="text/javascript" crossorigin="anonymous"  src="./thirdparty/CodecsHandler.js?ver=37"></script>
-		<script  type="text/javascript" crossorigin="anonymous" src="./webrtc.js?ver=348"></script>
+		<script  type="text/javascript" crossorigin="anonymous" src="./webrtc.js?ver=350"></script>
 		<input id="zoomSlider" type="range" style="display: none;" />
 		<div id="header">
 			
@@ -1998,11 +1998,11 @@
 			// session.lowBitrateCutoff = 300; // Set a minimum bitrate (in kbps) before the stream is hidden. Useful for IRL streams maybe
 		</script>
 		<script type="text/javascript" crossorigin="anonymous" src="./thirdparty/aes.js"></script>
-		<script type="text/javascript" crossorigin="anonymous" id="lib-js" src="./lib.js?ver=260"></script>
+		<script type="text/javascript" crossorigin="anonymous" id="lib-js" src="./lib.js?ver=261"></script>
 		<!-- 
 		// If you wish to change branding, blank offers a good clean start.
 		<script type="text/javascript" id="main-js" src="./main.js" data-translation="blank"></script>
 		-->
-		<script type="text/javascript" crossorigin="anonymous" id="main-js" src="./main.js?ver=297"></script>
+		<script type="text/javascript" crossorigin="anonymous" id="main-js" src="./main.js?ver=299"></script>
 	</body>
 </html>
diff --git a/lib.js b/lib.js
index 5a710d0..bb11499 100644
--- a/lib.js
+++ b/lib.js
@@ -7279,6 +7279,16 @@ function directorSendMessage(ele) {
 	
 }
 
+function toggleAutoVideoMute(){ // for iOS devices, that tab out.
+	// document.visibilityState
+	if (!session.videoMuted && (session.permaid!==false)){
+		var msg = {};
+		msg.videoMuted = (document.visibilityState === 'hidden') || false;
+		session.sendMessage(msg);
+		pokeIframeAPI('video-mute-state', document.visibilityState);
+	}
+}
+
 function toggleVideoMute(apply = false) { // TODO: I need to have this be MUTE, toggle, with volume not touched.
 	if (apply) {
 		session.videoMuted = !session.videoMuted;
diff --git a/main.js b/main.js
index 938af17..454bb27 100644
--- a/main.js
+++ b/main.js
@@ -3805,6 +3805,7 @@ async function main(){ // main asyncronous thread; mostly initializes the user s
 		//log("hidden : " +document.hidden);
 		log("vis : "+document.visibilityState);
 		if ((iOS) || (iPad)) { // fixes a bug on iOS devices.  Not need with other devices?
+			toggleAutoVideoMute();
 			clearTimeout(visAudioTimeout);
 			if (document.visibilityState === 'visible') {	
 				visAudioTimeout = setTimeout(function() {