jimmy/nas-tools
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix: voice controls reactivity, disable mic on unsupported browsers
Deploy Dashboard / deploy (push) Successful in 55s
Details

Browse Source
This commit is contained in:
Gan, Jimmy
2026-02-26 15:40:15 +08:00
parent fa4da3868e
commit fca929df9f
2 changed files with 30 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard/frontend/src/lib/voice.js
+1
View File
@@ -8,6 +8,7 @@ export class VoiceSession {
this.ttsEnabled = false;
this.speaking = false;
this.listening = false;
this.sttAvailable = !!(window.SpeechRecognition || window.webkitSpeechRecognition);
this.langIdx = 0;
this.term = null;
this.ws = null;
dashboard/frontend/src/routes/Terminal.svelte
+4 -5
View File
@@ -142,9 +142,8 @@
</div>
{/if}
</div>
{#if activeTab && tabs.find(t => t.id === activeTab)?.connected}
{#if activeTab && tabs.find(t => t.id === activeTab)?.connected && activeVoice()}
{@const v = activeVoice()}
{#if v}
<div class="ml-auto flex items-center gap-1">
<button
class="px-2 py-1 rounded text-sm transition-colors {v.ttsEnabled ? (v.speaking ? 'text-indigo-400' : 'text-emerald-400') : 'text-surface-500 hover:text-surface-300'}"
@@ -160,8 +159,9 @@
{/if}
</button>
<button
class="px-2 py-1 rounded text-sm transition-colors {v.listening ? 'text-rose-400 animate-pulse' : 'text-surface-500 hover:text-surface-300'}"
title={v.listening ? 'Stop mic' : 'Start mic'}
class="px-2 py-1 rounded text-sm transition-colors {v.listening ? 'text-rose-400 animate-pulse' : v.sttAvailable ? 'text-surface-500 hover:text-surface-300' : 'text-surface-700 cursor-not-allowed'}"
title={!v.sttAvailable ? 'STT not supported in this browser' : v.listening ? 'Stop mic' : 'Start mic'}
disabled={!v.sttAvailable}
onclick={() => { v.toggleMic(); voiceTick++; }}
>
<svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 1a3 3 0 00-3 3v8a3 3 0 006 0V4a3 3 0 00-3-3z"/><path d="M19 10v2a7 7 0 01-14 0v-2"/><line x1="12" y1="19" x2="12" y2="23"/><line x1="8" y1="23" x2="16" y2="23"/></svg>
@@ -173,7 +173,6 @@
>{v.langLabel}</button>
</div>
{/if}
{/if}
</div>
{#if !tabs.length}