toki/mattermost-mobile
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[MM-60291] Fix rendering of live captions (#8185) (#8187)

Browse source 
* Load jobs state from call state

* Fix rendering of live captions overlay

(cherry picked from commit 13ca346155)

Co-authored-by: Claudio Costa <cstcld91@gmail.com>
This commit is contained in:
Mattermost Build 2024-08-28 15:53:20 +02:00 committed by GitHub
parent ca69ba8c38
commit d5b8e17b7c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/products/calls/components/captions.tsx
View file

@ -21,11 +21,15 @@ const styles = StyleSheet.create({
captionContainer: {
display: 'flex',
height: 400,
bottom: -352, // 48-400, to place the bottoms at the same place
bottom: 400 - 48, // to place the bottoms at the same place
gap: 8,
alignItems: 'center',
flexDirection: 'column-reverse',
overflow: 'hidden',
// needed so that events (e.g., long press on participants)
// still work when the captions overlay is rendered on top
pointerEvents: 'none',
},
caption: {
paddingTop: 1,

8
app/products/calls/connection/websocket_event_handlers.ts
View file

@ -250,5 +250,13 @@ export const handleCallState = (serverUrl: string, msg: WebSocketMessage<CallSta
const call = createCallAndAddToIds(msg.data.channel_id, callState);
setCallForChannel(serverUrl, msg.data.channel_id, call);
if (callState.recording) {
setRecordingState(serverUrl, msg.data.channel_id, callState.recording);
}
if (callState.live_captions) {
setCaptioningState(serverUrl, msg.data.channel_id, callState.live_captions);
}
};