Update flare-ui/src/app/services/audio-stream.service.ts

flare-ui/src/app/services/audio-stream.service.ts

@@ -64,75 +64,69 @@ export class AudioStreamService implements OnDestroy {
       console.log('🎤 [AudioStream] startRecording called', {
         isAlreadyRecording: this.isRecording(),
         hasStream: !!this.audioStream,
+        state: this.mediaRecorder?.state,
         timestamp: new Date().toISOString()
       });
       
-      // Check if already recording
-      if (this.isRecording()) {
-        console.warn('⚠️ [AudioStream] Already recording, ignoring start request');
+      if (this.mediaRecorder && this.mediaRecorder.state !== 'inactive') {
+        console.warn('Recording already in progress');
         return;
       }
       
       // Check browser support
       if (!AudioStreamService.checkBrowserSupport()) {
-        throw this.createError('browser', 'Your browser does not support audio recording');
-      }
-
-      // Check permission first
-      const permission = await this.checkMicrophonePermission();
-      if (permission === 'denied') {
-        throw this.createError('permission', 'Microphone permission denied');
+        const error = this.createError('browser', 'Browser does not support audio recording');
+        this.errorSubject.next(error);
+        throw error;
       }
-
-      // Request microphone access
+      
       try {
+        // Get audio stream
         this.audioStream = await navigator.mediaDevices.getUserMedia(this.constraints);
+        console.log('✅ [AudioStream] Got media stream');
+        
+        // Create MediaRecorder with optimal MIME type
+        const mimeType = this.getPreferredMimeType();
+        const options: MediaRecorderOptions = {};
+        if (mimeType) {
+          options.mimeType = mimeType;
+        }
+        
+        this.mediaRecorder = new MediaRecorder(this.audioStream, options);
+        console.log(`✅ [AudioStream] MediaRecorder created with MIME type: ${mimeType || 'default'}`);
+        
+        // Set up handlers
+        this.setupMediaRecorderHandlers();
+        
+        // Start recording with timeslice for regular data chunks
+        // 100ms timeslice = 10 chunks per second
+        this.mediaRecorder.start(100);
+        
+        this.recordingStateSubject.next(true);
+        console.log('✅ [AudioStream] Recording started successfully');
+        
+        // Start volume monitoring
+        this.startVolumeMonitoring();
+        
       } catch (error: any) {
+        console.error('❌ [AudioStream] getUserMedia error:', error);
+        
+        let audioError: AudioStreamError;
+        
         if (error.name === 'NotAllowedError' || error.name === 'PermissionDeniedError') {
-          throw this.createError('permission', 'Microphone access denied', error);
+          audioError = this.createError('permission', 'Microphone permission denied');
         } else if (error.name === 'NotFoundError' || error.name === 'DevicesNotFoundError') {
-          throw this.createError('device', 'No microphone found', error);
+          audioError = this.createError('device', 'No microphone found');
         } else {
-          throw this.createError('device', `Failed to access microphone: ${error.message}`, error);
+          audioError = this.createError('unknown', `Failed to access microphone: ${error.message}`, error);
         }
+        
+        this.errorSubject.next(audioError);
+        throw audioError;
       }
-      
-      // Create MediaRecorder with appropriate format
-      const options: MediaRecorderOptions = {
-        mimeType: this.getPreferredMimeType()
-      };
-      
-      try {
-        this.mediaRecorder = new MediaRecorder(this.audioStream, options);
-      } catch (error) {
-        // Fallback to default options if preferred mime type fails
-        console.warn('Failed with preferred mime type, using defaults:', error);
-        this.mediaRecorder = new MediaRecorder(this.audioStream);
-      }
-      
-      // Set up event handlers
-      this.setupMediaRecorderHandlers();
-      
-      // Start volume monitoring
-      this.startVolumeMonitoring();
-      
-      // Start recording with timeslice for real-time streaming
-      this.mediaRecorder.start(100); // Send chunks every 100ms
-      this.recordingStateSubject.next(true);
-      
-      console.log('✅ Audio recording started');
-      
-    } catch (error: any) {
-      console.error('Failed to start recording:', error);
+    } catch (error) {
+      console.error('❌ [AudioStream] startRecording error:', error);
       this.cleanup();
-      
-      // Emit error
-      if (error.type) {
-        this.errorSubject.next(error);
-      } else {
-        this.errorSubject.next(this.createError('unknown', error.message || 'Failed to start recording', error));
-      }
-      
       throw error;
     }
   }