Handle no speech synthesis in browser

kubk · Nov 28, 2023 · 1b3734e · 1b3734e
1 parent a30ab32
commit 1b3734e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/lib/rollbar/rollbar.tsx b/src/lib/rollbar/rollbar.tsx
@@ -1,4 +1,4 @@
-export const reportHandledError = (description: string, e: any, info?: any) => {
+export const reportHandledError = (description: string, e?: any, info?: any) => {
   console.error(e);
   // @ts-ignore
   Rollbar.error(description, e, info);

diff --git a/src/lib/voice-playback/speak.ts b/src/lib/voice-playback/speak.ts
@@ -1,3 +1,5 @@
+import { reportHandledError } from "../rollbar/rollbar.tsx";
+
 export enum SpeakLanguageEnum {
   AmericanEnglish = "en-US",
   Italian = "it-IT",
@@ -41,6 +43,17 @@ export enum SpeakLanguageEnum {
 }
 
 export const speak = (text: string, language: SpeakLanguageEnum) => {
+  const isSpeechSynthesisSupported =
+    "speechSynthesis" in window &&
+    typeof SpeechSynthesisUtterance !== "undefined";
+
+  if (!isSpeechSynthesisSupported) {
+    reportHandledError(
+      `Speech synthesis is not supported in this browser. Browser info: ${navigator.userAgent}`,
+    );
+    return;
+  }
+
   const utterance = new SpeechSynthesisUtterance(text);
   utterance.lang = language;