fix to Transcription app stop button (awsdocs#1858)

tacho · Jun 9, 2021 · 2d2ac55 · 2d2ac55
1 parent 11ea574
commit 2d2ac55
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 18 deletions.
diff --git a/javascriptv3/example_code/cross-services/transcribe-streaming-app/README.md b/javascriptv3/example_code/cross-services/transcribe-streaming-app/README.md
@@ -180,7 +180,7 @@ Each button on the interface invokes one of these functions when clicked.
 </ol>
 <p>
     <button id="record" onclick="startRecord()"></button>
-    <button id="stopRecord" disabled onclick="stopRecord()">Stop</button>
+    <button id="stopRecord" disabled onclick="stopRecord()">Stop and clear</button>
 </p>
 <h2>Transcription</h2>
 <div id="output"></div>
@@ -346,14 +346,7 @@ window.startRecord = async () => {
 };
 
 window.stopRecord = function () {
-  const micStream = new MicrophoneStream();
-  console.log("Recording stopped");
-  var record = document.getElementById("record");
-  var stop = document.getElementById("stopRecord");
-  record.disabled = false;
-  stop.disabled = true;
-  record.style.backgroundColor = "red";
-  micStream.stop();
+  window.location.reload();
 };
 
 window.translateText = async () => {

diff --git a/javascriptv3/example_code/cross-services/transcribe-streaming-app/src/index.html b/javascriptv3/example_code/cross-services/transcribe-streaming-app/src/index.html
@@ -29,7 +29,7 @@ <h1>Record, translate, transcribe, and email</h1>
 </ol>
 <p>
     <button id="record" onclick="startRecord()"></button>
-    <button id="stopRecord" disabled onclick="stopRecord()">Stop</button>
+    <button id="stopRecord" disabled onclick="stopRecord()">Stop & clear</button>
 </p>
 <h2>Transcription</h2>
 <div id="output"></div>

diff --git a/javascriptv3/example_code/cross-services/transcribe-streaming-app/src/index.js b/javascriptv3/example_code/cross-services/transcribe-streaming-app/src/index.js
@@ -104,14 +104,7 @@ window.startRecord = async () => {
 };
 
 window.stopRecord = function () {
-  const micStream = new MicrophoneStream();
-  console.log("Recording stopped");
-  var record = document.getElementById("record");
-  var stop = document.getElementById("stopRecord");
-  record.disabled = false;
-  stop.disabled = true;
-  record.style.backgroundColor = "red";
-  micStream.stop();
+  window.location.reload();
 };
 
 window.translateText = async () => {