hide speech-dispatcher voices, allow enable via Custom Voices

Author: ken107

custom-voices.html

@@ -143,7 +143,7 @@ <h3 class="mt-3">Enable Custom Voices</h3>
 
       <div class="col-lg-6">
         <div class="card border-primary openai">
-          <div class="card-header card-header-dark">
+          <div class="card-header">
             OpenAI
             <div class="subtext">Use OpenAI or an OpenAI-compatible Speech endpoint</div>
           </div>
@@ -196,6 +196,23 @@ <h3 class="mt-3">Enable Custom Voices</h3>
           </div>
         </div>
       </div>
+
+      <div class="col-lg-6" id="speechd-panel">
+        <div class="card border-primary">
+          <div class="card-header">
+            Speech-dispatcher (Linux OS)
+            <div class="subtext">Speech-dispatcher voices are hidden because by default they rely on eSpeak NG, which has very poor voice quality.</div>
+          </div>
+          <div class="card-body view-new">
+            <div class="form-group">
+              <div class="form-check">
+              <input class="form-check-input" type="checkbox" id="speechd-toggle">
+              <label class="form-check-label" for="speechd-toggle">Show speech-dispatcher voices</label>
+            </div>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
 
   </div>

js/custom-voices.js

@@ -1,4 +1,17 @@
 
+Promise.all([
+  browserTtsEngine.getVoices().then(voices => voices.some(isSpeechDispatcher)),
+  getSetting('useSpeechDispatcher').then(b => !!b),
+  domReady()
+]).then(([hasSpeechdVoices, useSpeechd]) => {
+  $("#speechd-panel").toggle(hasSpeechdVoices || useSpeechd)
+  $("#speechd-toggle").prop("checked", useSpeechd)
+    .change(function() {
+      updateSetting("useSpeechDispatcher", this.checked)
+    })
+})
+
+
 $(function() {
   getSettings(["awsCreds", "gcpCreds", "ibmCreds", "azureCreds"])
     .then(function(items) {

js/defaults.js

@@ -517,9 +517,14 @@ const voices$ = rxjs.combineLatest({
   azureCreds: observeSetting("azureCreds"),
   piperVoices: observeSetting("piperVoices"),
   supertonicVoices: observeSetting("supertonicVoices"),
+  useSpeechDispatcher: observeSetting("useSpeechDispatcher"),
 }).pipe(
   rxjs.exhaustMap(settings => Promise.all([
-    browserTtsEngine.getVoices(),
+    browserTtsEngine.getVoices().then(voices =>
+      settings.useSpeechDispatcher
+        ? voices
+        : voices.filter(voice => !isSpeechDispatcher(voice))
+    ),
     googleTranslateTtsEngine.getVoices(),
     premiumTtsEngine.getVoices(),
     settings.awsCreds ? amazonPollyTtsEngine.getVoices() : [],
@@ -545,6 +550,10 @@ function isOfflineVoice(voice) {
   return voice.localService == true
 }
 
+function isSpeechDispatcher(voice) {
+  return /:speechd:/.test(voice.voiceURI)
+}
+
 function isChromeOSNative(voice) {
   return /^Chrome\sOS\s/.test(voice.voiceName);
 }