Transctipt ttp

@@ -13,7 +13,6 @@
         <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap" rel="stylesheet">
         <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap" rel="stylesheet">
         <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+KR&family=Raleway:wght@200&display=swap" rel="stylesheet">
         <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+KR&family=Raleway:wght@200&display=swap" rel="stylesheet">
         <script defer src="https://cdn.rawgit.com/mattdiamond/Recorderjs/08e7abd9/dist/recorder.js"></script>
         <script defer src="https://cdn.rawgit.com/mattdiamond/Recorderjs/08e7abd9/dist/recorder.js"></script>
-        <script defer src="client.js"></script>
         <meta name="description" content="Free and open-source online code editor that allows you to write and execute code from a rich set of languages.">
         <meta name="description" content="Free and open-source online code editor that allows you to write and execute code from a rich set of languages.">
         <meta name="keywords" content="online editor, online code editor, online ide, online compiler, online interpreter, run code online, learn programming online,
         <meta name="keywords" content="online editor, online code editor, online ide, online compiler, online interpreter, run code online, learn programming online,
                 online debugger, programming in browser, online code runner, online code execution, debug online, debug C code online, debug C++ code online,
                 online debugger, programming in browser, online code runner, online code execution, debug online, debug C code online, debug C++ code online,
@@ -94,7 +93,7 @@
         <div class="output_bar">
         <div class="output_bar">
             <h2>Transcription Raw Data</h2>
             <h2>Transcription Raw Data</h2>
         </div>
         </div>
-        <div id="output" style="overflow:auto;"></div>
+        <div id="output" style="overflow:auto"></div>
         <i class="fas fa-arrow-circle-down"></i>
         <i class="fas fa-arrow-circle-down"></i>
         <div class="output_bar">
         <div class="output_bar">
             <h2>TTP</h2>
             <h2>TTP</h2>

@@ -27,13 +27,18 @@ function transcribeText() {
     audioStream.getAudioTracks()[0].stop();
     audioStream.getAudioTracks()[0].stop();
     rec.exportWAV(uploadSoundData);
     rec.exportWAV(uploadSoundData);
 }
 }
+let px = 0;
+let input_line = ""
 function uploadSoundData(blob) {
 function uploadSoundData(blob) {
     let filename = new Date().toISOString();
     let filename = new Date().toISOString();
     let xhr = new XMLHttpRequest();
     let xhr = new XMLHttpRequest();
     let formData = new FormData();
     let formData = new FormData();
     xhr.onload = function(e) {
     xhr.onload = function(e) {
         if(this.readyState === 4) {
         if(this.readyState === 4) {
+            
             document.getElementById("output").innerHTML += `${cnt++}:  ${JSON.parse(e.target.responseText)}<br><br>`;
             document.getElementById("output").innerHTML += `${cnt++}:  ${JSON.parse(e.target.responseText)}<br><br>`;
+            input_line += 'print("hello")';
+            sourceEditor.setValue(input_line);
         }
         }
     };
     };
     formData.append("audio_data", blob, filename);
     formData.append("audio_data", blob, filename);

@@ -400,7 +400,7 @@ function changeEditorLanguage() {
 
 
 function insertTemplate() {
 function insertTemplate() {
     currentLanguageId = parseInt(71);
     currentLanguageId = parseInt(71);
-    sourceEditor.setValue(sources[currentLanguageId]);
+    //sourceEditor.setValue(sources[currentLanguageId]+'\n'+'print("hello world")');
     changeEditorLanguage();
     changeEditorLanguage();
 }
 }
 
 
@@ -1336,3 +1336,51 @@ var languageApiUrlTable = {
     1023: extraApiUrl,
     1023: extraApiUrl,
     1024: extraApiUrl
     1024: extraApiUrl
 }
 }
+
+let rec = null;
+let audioStream = null;
+const recordButton = document.getElementById("recordButton");
+const transcribeButton = document.getElementById("transcribeButton");
+recordButton.addEventListener("click", startRecording);
+transcribeButton.addEventListener("click", transcribeText);
+let cnt = 1;
+function startRecording() {
+    let constraints = { audio: true, video:false }
+    recordButton.disabled = true;
+    transcribeButton.disabled = false;
+    navigator.mediaDevices.getUserMedia(constraints).then(function(stream) {
+        const audioContext = new window.AudioContext();
+        audioStream = stream;
+        const input = audioContext.createMediaStreamSource(stream);
+        rec = new Recorder(input, { numChannels:1 })
+        rec.record()
+    }).catch(function(err) {
+        recordButton.disabled = false;
+        transcribeButton.disabled = true;
+    });
+}
+function transcribeText() {
+    transcribeButton.disabled = true;
+    recordButton.disabled = false;
+    rec.stop();
+    audioStream.getAudioTracks()[0].stop();
+    rec.exportWAV(uploadSoundData);
+}
+let px = 0;
+let input_line = ""
+function uploadSoundData(blob) {
+    let filename = new Date().toISOString();
+    let xhr = new XMLHttpRequest();
+    let formData = new FormData();
+    xhr.onload = function(e) {
+        if(this.readyState === 4) {
+            
+            document.getElementById("output").innerHTML += `${cnt++}:  ${JSON.parse(e.target.responseText)}<br><br>`;
+            input_line += 'print("hello")\n';
+            sourceEditor.setValue(input_line);
+        }
+    };
+    formData.append("audio_data", blob, filename);
+    xhr.open("POST", "/upload_sound", true);
+    xhr.send(formData);
+}
\ No newline at end of file

-{
-  "lockfileVersion": 1
-}