Skip to main content

Sending a chat message

As mentioned in introduction, there are 3 types of chat messages - text messages, images, and files. There is a method in meeting.chat to send a message of each type.

Send a text message​

To send a text message, the meeting.chat.sendTextMessage() method can be used. This accepts a string message and sends it to the room.

const message = 'Is this the real life?';
await meeting.chat.sendTextMessage(message);

Send an image​

You can send an image with the help of meeting.chat.sendImageMessage(). This accepts an image of type File, and sends it to the participants in the meeting.

async function onSendImage() {
  // Get the image uri and create an object with the following fields
  const res = await DocumentPicker.pickSingle({
    type: [DocumentPicker.types.images],
  });
  const image = {
    uri: res.uri,
    name: res.name,
    size: res.size,
    type: res.type,
  };
  await meeting.chat.sendImageMessage(image);
}

Send a file​

Sending a file is quite similar to sending an image. The only difference is that when you send an image, a preview will be shown in the meeting chat, which is not the case for sending files. That being said, an image can be sent as a file too using meeting.chat.sendFileMessage().

async function onSendFile() {
  // Get the file uri and create an object with the following fields
  const res = await DocumentPicker.pickSingle({
    type: [DocumentPicker.types.allFiles],
  });
  const file = {
    uri: res.uri,
    name: res.name,
    size: res.size,
    type: res.type,
  };
  await meeting.chat.sendFileMessage(file);
}

Extra​

There is also a common method called meeting.chat.sendMessage() that can be used to send any of the 3 types of messages displayed above. It essentially calls one of the methods from above depending upon the type of payload you send to the method. The sendMessage() method accepts a parameter message of the following type:

async function sendMessage(
    message: { type: 'text', message: string }
        | { type: 'image', image: File }
        | { type: 'file', file: File },
) {...}

Here's how you would use the sendMessage() method to send a text message.

const message = 'Is this just fantasy?';
await meeting.chat.sendMessage({ type: 'text', message });