Chat
What's a video without being able to send messages to each other too? 100ms supports chat for every video/audio room you create.
Sending Chat Messages
With the HMSSDK instance call different send message functions.
Broadcast Messages
This will be received by everyone in the room.
// instance acquired from build() method hmsInstance.sendBroadcastMessage('hello everyone!'); // yes it's that simple 😉
Group Messages
This will be received by every peer who is part of the passed in roles.
// instance acquired from build() method // all available Roles can be obtained from hmsInstance using hmsInstance.knownRoles. // it will return an array of HMSRole from which required roles can be selected for this API. hmsInstance.sendGroupMessage('hi folks!', [role1, role2]);
Direct Messages
This will only be received by the peer whom the message was sent to.
// instance acquired from build() method hmsInstance.sendDirectMessage('keep this message a secret!', peer);
Receiving Chat Messages
When you called hmsInstance.join(config) to join a room, add a ON_MESSAGE event listener with callback function onMessageReceived.
// import HMSUpdateListenerActions,HMSMessage classes import { HMSUpdateListenerActions, HMSMessage } from '@100mslive/react-native-hms'; // instance acquired from build() method hmsInstance.addEventListener(HMSUpdateListenerActions.ON_MESSAGE, onMessageReceived); const onMessageReceived = (message: HMSMessage) => { // perform action };
Putting together a list of chat messages.
The UI is completely up to you to decide! You'll also need to hold onto all the received messages if you want to display history.