Updated Call Page

public/CallPage.html

@@ -43,6 +43,29 @@ <h3>CALLING...</h3>
           <button type="button">CALL</button>
           <button type="button">HANG UP</button>
         </div>
+        <div>
+          <form id="uploadForm" enctype="multipart/form-data" method="POST" action="/upload">
+            <label for="fileInput" style="margin-bottom: 10px;">Choose a file:</label>
+            <input type="file" id="fileInput" name="file" accept=".wav" style="margin-bottom: 20px;">
+            <button type="submit" id="Upload" style="padding: 10px; background-color: #2ecc71; color: #fff; border: none; border-radius: 4px; cursor: pointer;">Upload File</button>
+            <script> 
+                const { spawn } = require('child_process'); 
+
+                document.getElementById('Upload').addEventListener('click', () => { 
+                    spawn('node', ['server.js']); 
+                    console.log("Reached");
+                }); 
+            </script> 
+          </form>
+          <script>
+            function play() {
+              var audio = new Audio('audio/not-translated_translated.wav');
+              console.log("PLAYING");
+              audio.play();
+            }
+          </script>
+          <button onclick = "play()" type="submit" id="Audio" type="PlayAudio">Play Translated Audio</button>
+        </div>
       </section>
     </div>
   </main>