From 8496c0c26078dbb59e7ab0d6b1f87d4ee5b8969e Mon Sep 17 00:00:00 2001
From: Joe Rickard <joerickard@hotmail.co.uk>
Date: Sat, 4 Jan 2020 12:29:40 +0000
Subject: [PATCH] Added input area for text talking speed #19

---
 index.html | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 0cff9f4..1b71737 100644
--- a/index.html
+++ b/index.html
@@ -54,12 +54,15 @@
     display: block;
     margin: 0 auto;
   }
-  input#submit, input#download-button, input#copy-link-button {
+  input#submit, input#download-button, input#copy-link-button, input#playback-speed-input {
     width: 248px;
     text-align: center;
     display: block;
     margin: 1em auto;
   }
+  input#playback-speed-input {
+    width: 240px  ;
+  }
   input#copy-link-button {
     margin-bottom: 0;
   }
@@ -127,7 +130,8 @@ <h1>phoneme synthesis</h1>
 
     function process() {
       uipa = document.getElementById("ipa-input").value;
-
+      playbackSpeed = document.getElementById("playback-speed-input").value;
+      
       document.getElementById("download-button").disabled = true;
 
       // nothing to process      
@@ -261,8 +265,8 @@ <h1>phoneme synthesis</h1>
         uipa = uipa.replace(mappings[i].src, mappings[i].dest);
         //console.log(mappings[i].src + uipa);
       }
-      console.log(uipa);
-      spoken = meSpeak.speak('[['+uipa+']]', { 'rawdata': 'mime' });
+      console.log(uipa);  
+      spoken = meSpeak.speak('[['+uipa+']]', { 'rawdata': 'mime' , 'speed': playbackSpeed});
       if (spoken == null) {
         alert("An error occurred: speaking failed.");
       }
@@ -278,6 +282,7 @@ <h1>phoneme synthesis</h1>
     <p style="text-align: center;"><em>Convert <abbr title="International Phonetic Alphabet">IPA</abbr> phonetic notation to speech</em></p>
     <form onsubmit="process(); return false;">
       <input id="ipa-input" onchange="clear_download_button(); return false;" type="text" value="/mʊmˈbaɪ/" />
+      <input id="playback-speed-input" type="number" min="1" value="175">
       <input id="submit" onclick="process(); return false;" type="button" value="pronounce" />
       <input id="download-button" onclick="download(); return false;" type="button" disabled="disabled" value="download pronunciation" />
       <input id="copy-link-button" onclick="copy_link_button(); return false;" type="button" value="copy share url" />