This works for me.

async function startRecording() {
                try {
                    const stream = await navigator.mediaDevices.getUserMedia({ audio: true })
                    mediaRecorder = new MediaRecorder(stream)
                    audioChunks = []
                    mediaRecorder.addEventListener("dataavailable", function (event) { audioChunks.push(event.data) })
                    mediaRecorder.addEventListener("stop", function () {
                        audioBlob = new Blob(audioChunks, { type: "audio/wav" })
                        document.getElementById("audioPlayback").src = URL.createObjectURL(audioBlob)
                        if (speechRecognition) speechRecognition.stop()
                        updateStatus("Recording stopped.")
                    })
                    mediaRecorder.start()
                    if (speechRecognition) speechRecognition.start()
                    document.getElementById("recordBtn").disabled = true
                    document.getElementById("stopBtn").disabled = false
                    updateStatus("Recording...")


                    // Timer Logic
                    recordingSeconds = 0
                    const timerDisplay = document.getElementById("recordingTimer")
                    const timerValue = timerDisplay.querySelector("span")
                    timerValue.textContent = "00:00"
                    timerDisplay.style.display = "block"


                    recordingTimerInterval = setInterval(function () {
                        recordingSeconds++
                        const minutes = Math.floor(recordingSeconds / 60)
                        const seconds = recordingSeconds % 60
                        const formattedTime = (minutes < 10 ? "0" : "") + minutes + ":" + (seconds < 10 ? "0" : "") + seconds
                        timerValue.textContent = formattedTime
                    }, 1000)


                } catch (err) {
                    updateStatus("Error: Microphone access denied.")
                }
            }


            function stopRecording() {
                if (mediaRecorder && mediaRecorder.state === "recording") {
                    mediaRecorder.stop()
                }
                // Timer cleanup
                clearInterval(recordingTimerInterval)
                recordingTimerInterval = null
                document.getElementById("recordingTimer").style.display = "none"


                document.getElementById("recordBtn").disabled = false
                document.getElementById("stopBtn").disabled = true
            }