APEX/BrowserUse_and_ComputerUse_skills
5
0
Fork 0
Code Issues 6 Pull requests 1 Projects 1 Releases Packages Wiki Activity Actions

fix: show mic button on mobile Web UI with HTTPS warning

Browse source 
Mobile browsers require HTTPS for navigator.mediaDevices API.
Instead of hiding the mic button (confusing UX), show it as dimmed
and display an informative message when tapped explaining the HTTPS
requirement.
This commit is contained in:
0xbyt4 2026-03-11 22:05:09 +03:00
parent fbf47e9ff6
commit 3431f73c96
1 changed files with 12 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

14
gateway/platforms/web.py
View file

@ -953,6 +953,10 @@ body {
color: #fff;
box-shadow: 0 0 16px var(--accent-glow);
}
#voice-btn.unavailable {
opacity: 0.4;
cursor: not-allowed;
}
#input-bar.voice-mode-active {
justify-content: center;
}
@ -1092,9 +1096,11 @@ function handleServerMessage(data) {
document.getElementById('chat-screen').style.display = 'flex';
document.getElementById('input').focus();
setStatus(true);
// Check voice support
// Check voice support — on mobile browsers, mediaDevices
// requires HTTPS (localhost is exempt). Mark as unavailable
// but keep the button visible so users know the feature exists.
if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
document.getElementById('voice-btn').style.display = 'none';
document.getElementById('voice-btn').classList.add('unavailable');
}
break;
@ -1197,6 +1203,10 @@ const SILENCE_THRESHOLD = 0.015;
const SILENCE_DURATION = 1500; // ms of silence to auto-stop
async function toggleVoice() {
if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
addSystemMessage('Microphone requires HTTPS. On mobile, use https:// or access via localhost.');
return;
}
if (voiceMode) {
exitVoiceMode();
} else {