import { TranscriptionView } from '@hiyve/rn-capture';
import { useTranscription, useConnection } from '@hiyve/rn-react';
function TranscriptionPanel() {
const { transcriptions, isTranscribing } = useTranscription();
const { userId } = useConnection();
return (
<TranscriptionView
transcriptions={transcriptions}
localUserId={userId}
isTranscribing={isTranscribing}
/>
);
}
Live transcription display with auto-scrolling and speaker grouping.
Transcription entries from the same consecutive speaker are grouped into visual blocks. Each block shows the speaker name (highlighted in blue for the local user), an optional timestamp, and the transcribed text. Partial (non-final) entries are rendered in lighter, italic text.
A header displays the component title. When
isTranscribingistrue, a green indicator dot and status text signal that live transcription is active. When the transcription list is empty, an empty-state message is shown.