Fix display voice prompts requiring browser unlock and failed acks.

Add tap-to-enable speech overlay, stop marking announcements played on TTS errors, pick voices by locale, and scope pending announcements to the display's queues. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-29 22:21:56 +00:00
parent 3fd7c22ec9
commit af764f77fb
5 changed files with 282 additions and 13 deletions
@@ -8,6 +8,22 @@
    @vite(['resources/css/app.css', 'resources/js/app.js'])
 </head>
 <body class="min-h-screen p-8" x-data="displayBoard({ dataUrl: '{{ $dataUrl }}', playedUrl: '{{ $playedUrl }}', pollMs: {{ $pollMs }}, csrf: '{{ csrf_token() }}' })" x-init="init()">
+    <div
+        x-cloak
+        x-show="!speechReady"
+        @click="unlockSpeech()"
+        @keydown.enter.prevent="unlockSpeech()"
+        tabindex="0"
+        class="fixed inset-0 z-50 flex cursor-pointer items-center justify-center bg-slate-950/95 p-8 text-center outline-none"
+        role="button"
+        aria-label="Enable voice announcements"
+    >
+        <div>
+            <p class="text-3xl font-semibold text-white">Tap to enable voice announcements</p>
+            <p class="mt-3 text-slate-400">Browsers require one tap before the display can speak ticket calls.</p>
+        </div>
+    </div>
+
    <div class="mx-auto max-w-6xl">
        <div class="mb-8 flex items-center justify-between">
            <h1 class="text-4xl font-bold" x-text="payload?.screen?.name ?? '{{ $screen->name }}'"></h1>