Hiyve Components - v1.0.0
    Preparing search index...

    Interface TranscriptionState

    Transcription state for real-time speech-to-text.

    Contains the list of transcription entries and whether transcription is currently active.

    Like recording, transcription is asynchronous - when startTranscription() is called, the transcription doesn't start immediately. Use isTranscriptionStarting to show a loading indicator.

    Transcription panel with loading state:

    function TranscriptionPanel() {
      const {
        isTranscribing,
        isTranscriptionStarting,
        transcriptions,
        startTranscription,
        stopTranscription
      } = useTranscription();

      return (
        <div>
          <button
            onClick={isTranscribing ? stopTranscription : startTranscription}
            disabled={isTranscriptionStarting}
          >
            {isTranscriptionStarting ? 'Starting...' : isTranscribing ? 'Stop' : 'Start'} Transcription
          </button>
          <div className="transcript">
            {transcriptions.map((t) => (
              <p key={t.id}><strong>{t.userId}:</strong> {t.text}</p>
            ))}
          </div>
        </div>
      );
    }
    interface TranscriptionState {
        isTranscribing: boolean;
        isTranscriptionStarting: boolean;
        transcriptions: TranscriptionEntry[];
    }
    Index

    Properties

    isTranscribing isTranscriptionStarting transcriptions

    Properties

    isTranscribing: boolean

    Whether transcription is currently active

    isTranscriptionStarting: boolean

    Whether a transcription start request is in progress. True from when startTranscription() is called until TRANSCRIPTION_STARTED confirms start.

    transcriptions: TranscriptionEntry[]

    Array of transcription entries

    Settings

    Member Visibility

    On This Page

    Properties