caution

This page has been deprecated.

We've released a new version of pages with some improvements and smoother experience.

Here is the link of each SDK for this page.

• JS
• React
• React Native
• Android
• iOS
• Flutter

Send Messages

Whenever any participant wants to notify other participants via chat messages or Raise hand, they can simply do it with VideoSDK Meeting.

This guide will provide an overview of how to implement chat and raise hand in a meeting.

1. Chat Message - If a participant wants to inform or notify something in current meeting, they can use sendChatMessage() function by providing {message:"Anything they wish to send"} object argument.

2. Raised Hand - If a participant has some doubts during the meeting and wants to raise hand, they can use sendChatMessage() function by providing {type:"RAISE_HAND"} object argument.

note

sendChatMessage() function only takes string as an argument.

Send Message And Raised Hand

JavaScript

const onPress = () => {
  // Sending Message
  let data = {
    message: "Hello World",
  };

  meeting?.sendChatMessage(JSON.stringify(data));

  // Raising Hand
  meeting?.sendChatMessage(JSON.stringify({ type: "RAISE_HAND", data: {} }));
};

React

const onPress = () => {
  // Sending Message
  let data = {
    message: "Hello World",
  };
  meeting?.sendChatMessage(JSON.stringify(data));

  // Raising Hand
  meeting?.sendChatMessage(JSON.stringify({ type: "RAISE_HAND", data: {} }));
};

ReactNative

const onPress = () => {
  // Sending Message
  let data = {
    message: "Hello World",
  };
  meeting?.sendChatMessage(JSON.stringify(data));

  // Raising Hand
  meeting?.sendChatMessage(JSON.stringify({ type: "RAISE_HAND", data: {} }));
};

Android

COMING SOON!

IOS

COMING SOON!

Flutter

COMING SOON!

Events

1. chat-message - Whenever any participant sending message/raise hand in the meeting, then chat-message event will trigger and return senderId, senderName, timeStamp, text and type (RAISE_HAND/CHAT).

JavaScript

meeting.on("chat-message", (messageData) => {
  const { senderId, senderName, text } = messageData;

  const { type, data } = JSON.parse(text);

  // type can be "CHAT" or "RAISE_HAND"
});

React

import { useMeeting } from "@videosdk.live/react-sdk";

/** useMeeting hooks events */
const {
  /** Methods */
} = useMeeting({
  onChatMessage: (messageData) => {
    const { senderId, senderName, text } = messageData;

    const { type, data } = JSON.parse(text);

    // type can be "CHAT" or "RAISE_HAND"
  },
});

ReactNative

import { useMeeting } from "@videosdk.live/react-native-sdk";

/** useMeeting hooks events */
const {
  /** Methods */
} = useMeeting({
  onChatMessage: (messageData) => {
    const { senderId, senderName, text } = messageData;

    const { type, data } = JSON.parse(text);

    // type can be "CHAT" or "RAISE_HAND"
  },
});

Android

COMING SOON!

IOS

COMING SOON!

Flutter

COMING SOON!