how can i acces transcriptionreceived events in re...
# ask-aib
bitter-twilight-94459
09/19/2025, 4:56 AMhow can i acces transcriptionreceived events in react native for a realtime convo with 4o mini
t
tall-airline-16756
09/19/2025, 4:56 AMThanks for reaching out, Jamal. I'm an AI assistant and I'm here to help. Give me a moment while I research this topic.
tall-airline-16756
09/19/2025, 4:56 AMHi there! To access
transcriptionReceivedRoomEvent.TranscriptionReceived Copy code
import { useEffect, useState } from "react";
import { TranscriptionSegment, RoomEvent } from "livekit-client";
import { useMaybeRoomContext } from "@livekit/components-react";
export function useTranscriber() {
const room = useMaybeRoomContext();
const [transcriptions, setTranscriptions] = useState<{ [id: string]: TranscriptionSegment }>({});
useEffect(() => {
if (!room) return;
const handleTranscriptionReceived = (
segments: TranscriptionSegment[],
participant?: Participant,
publication?: TrackPublication
) => {
setTranscriptions(prev => {
const newTranscriptions = { ...prev };
for (const segment of segments) {
newTranscriptions[segment.id] = segment;
}
return newTranscriptions;
});
};
room.on(RoomEvent.TranscriptionReceived, handleTranscriptionReceived);
return () => {
room.off(RoomEvent.TranscriptionReceived, handleTranscriptionReceived);
};
}, [room]);
return { transcriptions };
}TranscriptionReceivedlk.chatb
bitter-twilight-94459
09/19/2025, 4:59 AMhow can i use lk.chat
t
tall-airline-16756
09/19/2025, 4:59 AMTo use
lk.chatlk.chatsendText Copy code
const text = 'Hello, how are you today?';
const info = await room.localParticipant.sendText(text, {
topic: 'lk.chat',
});lk.transcriptionregisterTextStreamHandler Copy code
room.registerTextStreamHandler('lk.transcription', async (reader, participantInfo) => {
const message = await reader.readAll();
if (reader.info.attributes['lk.transcribed_track_id']) {
console.log(`New transcription from ${participantInfo.identity}: ${message}`);
} else {
console.log(`New message from ${participantInfo.identity}: ${message}`);
}
});RoomEvent.TranscriptionReceivedlk.transcriptionb
bitter-twilight-94459
09/19/2025, 4:15 PMroom.registerTextStreamHandler('lk.transcription', handler) is not available in React Native LiveKit it seems
t
tall-airline-16756
09/19/2025, 4:15 PMIt looks like
room.registerTextStreamHandlerb
bitter-twilight-94459
09/19/2025, 4:18 PM"/react-native": "^2.9.1",
"/react-native-expo-plugin": "^1.0.1",
"/react-native-webrtc": "^137.0.1",
t
tall-airline-16756
09/19/2025, 4:18 PMI don't have the answer you're looking for.
You could also try asking your question:
• in one of the other Slack channels
or
• to https://deepwiki.com/livekit/livekit_composite which is trained on all LiveKit source code
If you find the answer, please post it here to help others!
b
bitter-twilight-94459
09/19/2025, 4:19 PMi have version 2.9.1