minor fixes

Author: steveseguin

electron.html

@@ -543,13 +543,22 @@
 		});
 		listed=true;
 		audioOutputSelect.focus();
-		
-	}).catch(function(){
-		document.getElementById("messageDiv").innerHTML = "Failed to list available output devices\n\nPlease ensure you allowed the microphone permissions.";
+
+	}).catch(function(err){
+		var errorMessage = "Failed to list available audio devices\n\n";
+		if (err && err.name === "NotFoundError") {
+			errorMessage += "No microphone detected. Please connect a microphone and refresh.";
+		} else if (err && err.name === "NotAllowedError") {
+			errorMessage += "Microphone permission denied. Please allow microphone access.";
+		} else if (err && err.name === "NotReadableError") {
+			errorMessage += "Microphone is in use by another application.";
+		} else {
+			errorMessage += "Please ensure you have a microphone connected and allowed permissions.";
+		}
+		document.getElementById("messageDiv").innerHTML = errorMessage;
 		document.getElementById("messageDiv").style.display="block";
 		setTimeout(function(){document.getElementById("messageDiv").style.opacity="1.0";},0);
-		
-		});
+	});
 }
 
 function gotDevices(deviceInfos) {
@@ -637,6 +646,77 @@
   };
 }
 
+function checkForAsioDevices() {
+  if (navigator.userAgent.toLowerCase().indexOf(' electron/') > -1) {
+    try {
+      // Try async first (works in sandbox mode)
+      if (window.electronApi && window.electronApi.isAsioAvailableAsync) {
+        window.electronApi.isAsioAvailableAsync().then(function(available) {
+          if (!available) return;
+          window.electronApi.getAsioDevicesAsync().then(function(asioDevices) {
+            if (asioDevices && asioDevices.length > 0) {
+              createAsioNotice(asioDevices);
+            }
+          }).catch(function(e) { console.warn("ASIO devices check failed:", e); });
+        }).catch(function(e) { console.warn("ASIO availability check failed:", e); });
+      }
+      // Fallback to sync (works when --node flag used)
+      else if (window.electronApi && window.electronApi.isAsioAvailable && window.electronApi.isAsioAvailable()) {
+        var asioDevices = window.electronApi.getAsioDevices();
+        if (asioDevices && asioDevices.length > 0) {
+          createAsioNotice(asioDevices);
+        }
+      }
+    } catch (e) {
+      console.warn("ASIO detection check failed:", e);
+    }
+  }
+}
+
+function createAsioNotice(asioDevices) {
+  var noticeText = asioDevices.length === 1
+    ? "ASIO: " + asioDevices[0].name
+    : "ASIO: " + asioDevices.length + " devices";
+
+  var notice = document.createElement('div');
+  notice.id = 'asioNotice';
+  notice.style.position = 'fixed';
+  notice.style.bottom = '45px';
+  notice.style.left = '50%';
+  notice.style.transform = 'translateX(-50%)';
+  notice.style.backgroundColor = 'rgba(0, 40, 0, 0.8)';
+  notice.style.color = '#6f6';
+  notice.style.padding = '8px 12px';
+  notice.style.borderRadius = '20px';
+  notice.style.fontSize = '14px';
+  notice.style.textDecoration = 'none';
+  notice.style.opacity = '0';
+  notice.style.transition = 'opacity 2s ease-in-out';
+  notice.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
+  notice.style.fontFamily = 'Arial, sans-serif';
+  notice.title = "Professional low-latency audio input available via ASIO";
+
+  var textSpan = document.createElement('span');
+  textSpan.textContent = noticeText;
+
+  var linkSpan = document.createElement('span');
+  linkSpan.textContent = ' - ';
+
+  var link = document.createElement('a');
+  link.href = 'https://github.com/steveseguin/electroncapture#asio-audio-capture-windows-only';
+  link.target = '_blank';
+  link.textContent = 'Low-latency pro audio available';
+  link.style.color = '#0ff';
+
+  notice.appendChild(textSpan);
+  notice.appendChild(linkSpan);
+  notice.appendChild(link);
+
+  document.body.appendChild(notice);
+  setTimeout(() => notice.style.opacity = '1', 100);
+
+  console.log("ASIO devices available:", asioDevices.map(function(d) { return d.name; }));
+}
 function normalizeDeviceLabel(deviceName) {
   return String(deviceName).replace(/[\W]+/g, "_").toLowerCase();
 }
@@ -654,9 +734,19 @@
     });
     listed=true;
     audioOutputSelect.focus();
-    
-  }).catch(function(){
-    document.getElementById("messageDiv").innerHTML = "Failed to list available audio devices\n\nPlease ensure you allowed the microphone permissions.";
+
+  }).catch(function(err){
+    var errorMessage = "Failed to list available audio devices\n\n";
+    if (err && err.name === "NotFoundError") {
+      errorMessage += "No microphone detected. Please connect a microphone and refresh.";
+    } else if (err && err.name === "NotAllowedError") {
+      errorMessage += "Microphone permission denied. Please allow microphone access.";
+    } else if (err && err.name === "NotReadableError") {
+      errorMessage += "Microphone is in use by another application.";
+    } else {
+      errorMessage += "Please ensure you have a microphone connected and allowed permissions.";
+    }
+    document.getElementById("messageDiv").innerHTML = errorMessage;
     document.getElementById("messageDiv").style.display="block";
     setTimeout(function(){document.getElementById("messageDiv").style.opacity="1.0";},0);
   });
@@ -687,6 +777,7 @@
 	document.addEventListener('DOMContentLoaded', () => {
 	  getPermssions();
 	  checkForSpecialVideoDevices();
+	  checkForAsioDevices();
 	  setTimeout(lazyPreloadCSS, 2000);
 	});
 }
@@ -814,4 +905,4 @@
 getPermssions();
 </script>
 </body>
-</html>
+</html>

index.html

@@ -1840,6 +1840,10 @@ <h2 title="Use this link in the OBS Browser Source to capture the video or audio
 							<i class="las la-compact-disc"></i>
 							<span data-translate="record-remote"> Record Remote</span>
 						</button>
+						<button data-action-type="restart-whip" class="hidden" title="Restart WHIP publishing connection (e.g., to Meshcast/MediaMTX)" onclick="restartWhipDirector(this)">
+							<i class="las la-broadcast-tower"></i>
+							<span data-translate="restart-whip">Restart WHIP</span>
+						</button>
 						<button data-action-type="recorder-google-drive-remote" title="The Remote Guest will record their local stream and upload it to your Google Drive. *experimental*" onclick="requestGoogleDriveRecord(this, null, null, event)">
 							<i class="las la-compact-disc"></i>
 							<span data-translate="google-drive-record"> Google Drive</span>
@@ -2571,14 +2575,14 @@ <h2 title="Use this link in the OBS Browser Source to capture the video or audio
 								<span data-translate="remote-hangup-connection">Remote Hang-up</span>
 							</a>
 						</li>
-						<li class="context-menu__item" id="RemoteReloadContextOption">
-							<a href="#" class="context-menu__link action" data-action="RemoteReload">
-								<i class="las la-sync"></i>
-								<span data-translate="remote-reload-connection">Remote Reload Page</span>
-							</a>
-						</li>
 					</ul>
 				</li>
+				<li class="context-menu__item hidden" id="RemoteReloadContextOption">
+					<a href="#" class="context-menu__link action" data-action="RemoteReload">
+						<i class="las la-sync"></i>
+						<span data-translate="remote-reload-connection">Remote Reload Page</span>
+					</a>
+				</li>
 				<li class="context-menu__item">
 					<a href="#" class="context-menu__link" data-action="ChangeBuffer">
 						<i class="las la-external-link"></i>
@@ -3252,8 +3256,8 @@ <h3>Assign to slot:</h3><br />
 			}
 		</script>
 
-		<script type="text/javascript" crossorigin="anonymous" id="lib-js" src="./lib.js?ver=1376"></script>
-		<script type="text/javascript" crossorigin="anonymous" id="main-js" src="./main.js?ver=1040"></script>
+		<script type="text/javascript" crossorigin="anonymous" id="lib-js" src="./lib.js?ver=1377"></script>
+		<script type="text/javascript" crossorigin="anonymous" id="main-js" src="./main.js?ver=1041"></script>
 		<script type="module" src="./podcast/bootstrap.js"></script>
 
 	</body>