Spaces:
Paused
Paused
Update flare-ui/src/app/components/chat/realtime-chat.component.html
Browse files
flare-ui/src/app/components/chat/realtime-chat.component.html
CHANGED
@@ -26,19 +26,7 @@
|
|
26 |
<mat-icon>refresh</mat-icon>
|
27 |
</button>
|
28 |
</div>
|
29 |
-
|
30 |
-
<!-- Transcription Display - Her zaman görünür (konuşma aktifse) -->
|
31 |
-
<div class="transcription-area"
|
32 |
-
*ngIf="isConversationActive"
|
33 |
-
[class.active]="currentTranscription"
|
34 |
-
[class.listening]="currentState === 'listening'">
|
35 |
-
<div class="transcription-label">
|
36 |
-
<mat-icon class="pulse-icon">{{ currentTranscription ? 'mic' : 'hearing' }}</mat-icon>
|
37 |
-
<span>{{ currentTranscription ? 'Konuşuyorsunuz...' : 'Sizi dinliyorum...' }}</span>
|
38 |
-
</div>
|
39 |
-
<div class="transcription-text">{{ currentTranscription || 'Konuşmaya başlayabilirsiniz...' }}</div>
|
40 |
-
</div>
|
41 |
-
|
42 |
<!-- Chat Messages -->
|
43 |
<div class="chat-messages" #scrollContainer>
|
44 |
<div *ngFor="let msg of messages; trackBy: trackByIndex"
|
@@ -66,13 +54,12 @@
|
|
66 |
</div>
|
67 |
</div>
|
68 |
|
69 |
-
<!-- Audio Visualizer
|
70 |
<canvas #audioVisualizer
|
71 |
class="audio-visualizer"
|
72 |
width="600"
|
73 |
height="100"
|
74 |
-
[class.active]="
|
75 |
-
[class.recording]="currentTranscription">
|
76 |
</canvas>
|
77 |
</mat-card-content>
|
78 |
|
|
|
26 |
<mat-icon>refresh</mat-icon>
|
27 |
</button>
|
28 |
</div>
|
29 |
+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
30 |
<!-- Chat Messages -->
|
31 |
<div class="chat-messages" #scrollContainer>
|
32 |
<div *ngFor="let msg of messages; trackBy: trackByIndex"
|
|
|
54 |
</div>
|
55 |
</div>
|
56 |
|
57 |
+
<!-- Audio Visualizer -->
|
58 |
<canvas #audioVisualizer
|
59 |
class="audio-visualizer"
|
60 |
width="600"
|
61 |
height="100"
|
62 |
+
[class.active]="isRecording && isConversationActive">
|
|
|
63 |
</canvas>
|
64 |
</mat-card-content>
|
65 |
|