Make some form of callback/event available when the TTS changes state…

… - play, pause, resume, stop (manually stopped or reached the end).
d-i-t-a · Sep 20, 2020 · 2c76942 · 2c76942
1 parent 0ef80fb
commit 2c76942
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 12 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -216,7 +216,7 @@ export async function load(config: ReaderConfig): Promise<any> {
         store: settingsStore,
         initialTTSSettings: config.tts,
         headerMenu: headerMenu,
-        api:config.api
+        api:config.tts.api
     })
 
     R2Navigator = await IFrameNavigator.create({

diff --git a/src/modules/TTS/TTSModule.ts b/src/modules/TTS/TTSModule.ts
@@ -116,13 +116,16 @@ export default class TTSModule implements ReaderModule {
     }
 
     cancel() {
-        this.userScrolled = false 
-        window.speechSynthesis.cancel()
-        if (this.splittingResult && this.annotationModule.delegate.tts.enableSplitter) {
-            this.splittingResult.forEach(splittingWord => {
-                splittingWord.dataset.ttsCurrentWord = "false"
-                splittingWord.dataset.ttsCurrentLine = "false"
-            });
+        if (window.speechSynthesis.speaking) {
+            if (this.tts.api) this.tts.api.stopped()
+            this.userScrolled = false 
+            window.speechSynthesis.cancel()
+            if (this.splittingResult && this.annotationModule.delegate.tts.enableSplitter) {
+                this.splittingResult.forEach(splittingWord => {
+                    splittingWord.dataset.ttsCurrentWord = "false"
+                    splittingWord.dataset.ttsCurrentLine = "false"
+                });
+            }
         }
     }
 
@@ -144,6 +147,8 @@ export default class TTSModule implements ReaderModule {
 
     async speak(selectionInfo: ISelectionInfo | undefined, node: any, partial: boolean, callback: () => void): Promise<any> {
 
+        if (this.tts.api) this.tts.api.started()
+
         this.userScrolled = false 
         var self = this
 
@@ -368,19 +373,26 @@ export default class TTSModule implements ReaderModule {
                 });
 
             }
+            if (self.tts.api) self.tts.api.finished()
         }
         callback()
 
     }
 
     speakPause() {
-        this.userScrolled = false 
-        window.speechSynthesis.pause()
+        if (window.speechSynthesis.speaking) {
+            if (this.tts.api) this.tts.api.paused()
+            this.userScrolled = false 
+            window.speechSynthesis.pause()
+        }
     }
 
     speakResume() {
-        this.userScrolled = false 
-        window.speechSynthesis.resume()
+        if (window.speechSynthesis.speaking) {
+            if (this.tts.api) this.tts.api.resumed()
+            this.userScrolled = false 
+            window.speechSynthesis.resume()
+        }
     }
 
     public static async create(config: TTSModuleConfig) {