try to use address for backend

static/index.html

@@ -90,7 +90,7 @@
         <h1>Whisper Live Transcription</h1>
         <div class="config">
             <label for="wsUrl">WebSocket URL:</label>
-            <input type="text" id="wsUrl" value="ws://localhost:7860/asr" style="width: 300px;">
+            <input type="text" id="wsUrl" value="ws://" style="width: 300px;">
         </div>
         <div id="status" class="status disconnected">Disconnected</div>
         <div id="error-message"></div>
@@ -98,27 +98,36 @@
             <button id="startBtn">Start Recording</button>
             <button id="stopBtn" disabled>Stop Recording</button>
             <button id="reconnectBtn">Reconnect</button>
-            <button id="clearBtn">Clear Transcription</button>
+            <button id="clearBtn">Clear</button>
         </div>
         <div id="transcription"></div>
     </div>
 
     <script>
-        let ws = null;
-        let mediaRecorder = null;
-        let audioChunks = [];
-        let reconnectAttempts = 0;
-        const maxReconnectAttempts = 5;
-        const reconnectDelay = 2000; // 2 seconds
+        // Get the current server's address
+        const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
+        const wsUrlInput = document.getElementById('wsUrl');
+        wsUrlInput.value = `${protocol}//${window.location.host}/asr`;
 
+        let mediaRecorder;
+        let websocket;
+        let audioContext;
+        let audioInput;
+        let audioStream;
+        let isRecording = false;
+        const transcriptionDiv = document.getElementById('transcription');
+        const statusDiv = document.getElementById('status');
+        const errorMessageDiv = document.getElementById('error-message');
         const startBtn = document.getElementById('startBtn');
         const stopBtn = document.getElementById('stopBtn');
         const reconnectBtn = document.getElementById('reconnectBtn');
         const clearBtn = document.getElementById('clearBtn');
-        const wsUrlInput = document.getElementById('wsUrl');
-        const statusDiv = document.getElementById('status');
-        const transcriptionDiv = document.getElementById('transcription');
-        const errorMessageDiv = document.getElementById('error-message');
+
+        let ws = null;
+        let audioChunks = [];
+        let reconnectAttempts = 0;
+        const maxReconnectAttempts = 5;
+        const reconnectDelay = 2000; // 2 seconds
 
         function showError(message) {
             errorMessageDiv.textContent = message;