Tencent Cloud

Recent Pages

Flutter

Last updated: 2024-01-31 15:53:29
Overview
All types of messages (text, custom, and rich media messages) are listened for and received with the addAdvancedMsgListener API, with the callbacks defined in the protocol of V2TimAdvancedMsgListener.
Setting Message Listeners
Advanced message listener
Adding a listener
The receiver calls the addAdvancedMsgListener API (details) to add the advanced message listener. It is recommended to call the API early (such as after the chat panel is initialized) to ensure timely message receiving in the application.
Sample code:
    // Create a message listener
    V2TimAdvancedMsgListener listener = V2TimAdvancedMsgListener(
      onRecvC2CReadReceipt: (List<V2TimMessageReceipt> receiptList) {
        // Callback after marking a one-to-one message as read
      },
      onRecvMessageModified: (V2TimMessage message) {
        // `msg` is the modified message object
      },
      onRecvMessageReadReceipts: (List<V2TimMessageReceipt> receiptList) {
        // Callback after marking a group message as read
        receiptList.forEach((element) {
          element.groupID;  // Group ID
          element.msgID; // Message ID
          element.readCount;// Latest group message read count
          element.unreadCount;// Latest group message unread count
          element.userID; //  ID of the other party of the one-to-one message
        });
      },
      onRecvMessageRevoked: (String messageid) {
        // Process the recalled messages among locally maintained messages
      },
      onRecvNewMessage: (V2TimMessage message) async {
        // Process a text message
        if (message.elemType == MessageElemType.V2TIM_ELEM_TYPE_TEXT) {
          message.textElem?.text;
        }
        // Use a custom message
        if (message.elemType == MessageElemType.V2TIM_ELEM_TYPE_CUSTOM) {
          message.customElem?.data;
          message.customElem?.desc;
          message.customElem?.extension;
        }
        // Use an image message
        if (message.elemType == MessageElemType.V2TIM_ELEM_TYPE_IMAGE) {
          message.imageElem
              ?.path; // Image upload path. This field applies only to the message sender who can use it to display the image on the screen in advance to optimize the experience
          message.imageElem?.imageList?.forEach((element) {
            // Traverse large images, original images, and thumbnails
            // Parse image attributes
            element?.height;
            element?.localUrl;
            element?.size;
            element?.type; // Large image, original image, or thumbnail
            element?.url;
            element?.uuid;
            element?.width;
          });
        }
        // Process a video message
        if (message.elemType == MessageElemType.V2TIM_ELEM_TYPE_VIDEO) {
          // Parse the video message attributes such as thumbnail, playback address, width and height, and size
          message.videoElem?.UUID;
          message.videoElem?.duration;
          message.videoElem?.localSnapshotUrl;
          message.videoElem?.localVideoUrl;
          message.videoElem?.snapshotHeight;
          message.videoElem?.snapshotPath;
          // ...
        }
        // Process an audio message
        if (message.elemType == MessageElemType.V2TIM_ELEM_TYPE_SOUND) {
          // Parse the playback address, local address, size, and duration of the audio message.
          message.soundElem?.UUID;
          message.soundElem?.dataSize;
          message.soundElem?.duration;
          message.soundElem?.localUrl;
          message.soundElem?.url;
          // ...
        }
        // Process a file message
        if (message.elemType == MessageElemType.V2TIM_ELEM_TYPE_FILE) {
          // Parse the filename, size, URL and other info of the file message
          message.fileElem?.UUID;
          message.fileElem?.fileName;
          message.fileElem?.fileSize;
          message.fileElem?.localUrl;
          message.fileElem?.path;
          message.fileElem?.url;
        }
        // Process a location message
        if (message.elemType == MessageElemType.V2TIM_ELEM_TYPE_LOCATION) {
          // Parse the geographical location information such as latitude, longitude, and description
          message.locationElem?.desc;
          message.locationElem?.latitude;
          message.locationElem?.longitude;
        }
        // Process an emoji message
        if (message.elemType == MessageElemType.V2TIM_ELEM_TYPE_FACE) {
          message.faceElem?.data;
          message.faceElem?.index;
        }
        // Process a group tip text message
        if (message.elemType == MessageElemType.V2TIM_ELEM_TYPE_GROUP_TIPS) {
          message.groupTipsElem?.groupID; // Group
          message.groupTipsElem?.type; // Group tip type
          message.groupTipsElem?.opMember; // Operator profile
          message.groupTipsElem?.memberList; // User profile being operated
          message.groupTipsElem?.groupChangeInfoList; // Group information change details
          message.groupTipsElem?.memberChangeInfoList; // Group member change information
          message.groupTipsElem?.memberCount; // Number of current online group members
        }
        // Process a combined message
        if (message.elemType == MessageElemType.V2TIM_ELEM_TYPE_MERGER) {
          message.mergerElem?.abstractList;
          message.mergerElem?.isLayersOverLimit;
          message.mergerElem?.title;
          V2TimValueCallback<List<V2TimMessage>> download =
              await TencentImSDKPlugin.v2TIMManager
                  .getMessageManager()
                  .downloadMergerMessage(
                    msgID: message.msgID!,
                  );
          if (download.code == 0) {
            List<V2TimMessage>? messageList = download.data;
          }
        }
        if (message.textElem?.nextElem != null) {
          // Get the next element object through the `nextElem` method of the first element object. If the next object exists, an element object instance is returned; otherwise, `null` is returned.
        }
      },
      onSendMessageProgress: (V2TimMessage message, int progress) {
        // File upload progress callback
      },
    );
    // Add an event listener for advanced messages
    TencentImSDKPlugin.v2TIMManager
        .getMessageManager()
        .addAdvancedMsgListener(listener: listener);
Removing a listener
To stop receiving messages, the receiver calls removeAdvancedMsgListener API (details) to remove the advanced message listener.
Sample code:
// Create a listener
V2TimAdvancedMsgListener listener = V2TimAdvancedMsgListener(
    onRecvC2CReadReceipt: (List<V2TimMessageReceipt> receiptList) {},
    onRecvMessageModified: (V2TimMessage message) {},
    onRecvMessageReadReceipts: (List<V2TimMessageReceipt> receiptList) {},
    onRecvMessageRevoked: (String messageid) {},
    onRecvNewMessage: (V2TimMessage message) {},
    onSendMessageProgress: (V2TimMessage message, int progress) {},
  );
// Register the listener
  TencentImSDKPlugin.v2TIMManager
      .getMessageManager()
      .addAdvancedMsgListener(listener: listener);
// Remove the listener
TencentImSDKPlugin.v2TIMManager.getMessageManager().removeAdvancedMsgListener(listener: listener);
Receiving Text Messages
The receiver can receive a one-to-one or group text message with the advanced message listener in the following steps:
1. Call addAdvancedMsgListener to set the event listener.
2. Listen for the onRecvNewMessage callback (details) that contains the custom message.
3. To stop receiving messages, call removeAdvancedMsgListener to remove the listener. This step is optional and can be performed as needed.
Sample code:
V2TimAdvancedMsgListener listener = V2TimAdvancedMsgListener(
    onRecvC2CReadReceipt: (List<V2TimMessageReceipt> receiptList) {},
    onRecvMessageModified: (V2TimMessage message) {},
    onRecvMessageReadReceipts: (List<V2TimMessageReceipt> receiptList) {},
    onRecvMessageRevoked: (String messageid) {},
    onRecvNewMessage: (V2TimMessage message) {
      // Process a text message
      if(message.elemType == MessageElemType.V2TIM_ELEM_TYPE_TEXT){
        String text = message.textElem.text;
      }
    },
    onSendMessageProgress: (V2TimMessage message, int progress) {},
  );
  TencentImSDKPlugin.v2TIMManager
      .getMessageManager()
      .addAdvancedMsgListener(listener: listener);
Receiving Custom Messages
The receiver can receive a custom one-to-one or group message with the advanced message listener in the following steps:
1. Call addAdvancedMsgListener to set the event listener.
2. Listen for the onRecvNewMessage callback (details) that contains the custom message.
3. To stop receiving messages, call removeAdvancedMsgListener to remove the listener. This step is optional and can be performed as needed.
Sample code:
V2TimAdvancedMsgListener listener = V2TimAdvancedMsgListener(
    onRecvC2CReadReceipt: (List<V2TimMessageReceipt> receiptList) {},
    onRecvMessageModified: (V2TimMessage message) {},
    onRecvMessageReadReceipts: (List<V2TimMessageReceipt> receiptList) {},
    onRecvMessageRevoked: (String messageid) {},
    onRecvNewMessage: (V2TimMessage message) {
      // Use a custom message
      if(message.elemType == MessageElemType.V2TIM_ELEM_TYPE_CUSTOM){
        String data = message.customElem.data;
        String desc = message.customElem.desc;
        String ext = message.customElem.extension;
      }
    },
    onSendMessageProgress: (V2TimMessage message, int progress) {},
  );
  TencentImSDKPlugin.v2TIMManager
      .getMessageManager()
      .addAdvancedMsgListener(listener: listener);
Receiving Rich Media Messages
The receiver can receive a rich media message only with the advanced message listener in the following steps:
1. Call the addAdvancedMsgListener API to set the advanced message listener.
2. Listen for the onRecvNewMessage callback (details) to get the V2TimMessage message.
3. Parse the elemType attribute in the V2TIMMessage message, and then parse the message again according to the type to get the specific content of the elements in the message.
4. To stop receiving messages, call removeAdvancedMsgListener to remove the listener. This step is optional and can be performed as needed.
Image message
The image in an image message can be in three formats: original, large, and thumbnail. The latter two are automatically generated by the SDK during message sending and can be ignored.
Large (large image): A large image is an image obtained after the original image is proportionally compressed. After the compression, the height or width (whichever is shorter) is equal to 720 pixels.
Thumb (thumbnail): A thumbnail is an image obtained after the original image is proportionally compressed. After the compression, the height or width (whichever is shorter) is equal to 198 pixels.
In the SDK for Flutter 5.0.4 or later, multimedia message online URLs (url) will not be returned when users get the message list. They need to be obtained by calling the getMessageOnlineUrl API (details).
In the SDK for Flutter SDK 5.0.4 or later, multimedia message local URLs (localurl) will no longer be returned by default. They will be returned only after you download messages successfully by calling the downloadMessage API (details).
The following sample code demonstrates how to parse the image content from V2TimMessage:
V2TimAdvancedMsgListener listener = V2TimAdvancedMsgListener(
    onRecvC2CReadReceipt: (List<V2TimMessageReceipt> receiptList) {},
    onRecvMessageModified: (V2TimMessage message) {},
    onRecvMessageReadReceipts: (List<V2TimMessageReceipt> receiptList) {},
    onRecvMessageRevoked: (String messageid) {},
    onRecvNewMessage: (V2TimMessage message) async {
      // Use an image message
      if (message.elemType == MessageElemType.V2TIM_ELEM_TYPE_IMAGE) {
        String path = message
            .imageElem.path; // Image upload path. This field applies only to the message sender who can use it to display the image on the screen in advance to optimize the experience
        for (var item in message.imageElem.imageList) { // Traverse large images, original images, and thumbnails
          // Parse image attributes
          int height = item.height;
          String localUrl = item.localUrl;
          int size = item.size;
          int type = item.type; // Large image, thumbnail, or original image
          String url = item.url;
          String uuid = item.uuid;
          int width = item.width;
        }
      }
      // Get the multimedia message URL
      V2TimValueCallback<V2TimMessageOnlineUrl> getMessageOnlineUrlRes =
          await TencentImSDKPlugin.v2TIMManager
              .getMessageManager()
              .getMessageOnlineUrl(
                msgID: '', // Message ID
              );
      if (getMessageOnlineUrlRes.code == 0) {
        // Obtained successfully
      }
﻿
      // Download a multimedia message
      V2TimCallback downloadMessageRes = await TencentImSDKPlugin.v2TIMManager
          .getMessageManager()
          .downloadMessage(
              msgID: '', // Message ID
              messageType: 3, // Message type
              imageType: 0, // Image type. This field is valid only for image messages.
              isSnapshot: false // Whether it is a video thumbnail. This field is valid only for video messages.
              );
      if (downloadMessageRes.code == 0) {
        // Download successful
      }
    },
    onSendMessageProgress: (V2TimMessage message, int progress) {},
  );
  TencentImSDKPlugin.v2TIMManager
      .getMessageManager()
      .addAdvancedMsgListener(listener: listener);
Video message
After a video message is received, a video preview is displayed on the chat page, and the video is played back after the user clicks the message.
The SDK for Flutter will download video messages when free, which can be directly used by you. Local videos and video thumbnails will be cleared when the application is uninstalled. The following sample code demonstrates how to parse video content from V2TimMessage:
In the SDK for Flutter 5.0.4 or later, multimedia message online URLs (url) will not be returned when users get the message list. They need to be obtained by calling the getMessageOnlineUrl API (details).
In the SDK for Flutter SDK 5.0.4 or later, multimedia message local URLs (localurl) will no longer be returned by default. They will be returned only after you download messages successfully by calling the downloadMessage API (details).
     if(message.elemType == MessageElemType.V2TIM_ELEM_TYPE_VIDEO){
              // Parse the video message attributes such as thumbnail, playback address, width and height, and size
        message.videoElem.UUID;
        message.videoElem.duration;
        message.videoElem.localSnapshotUrl;
        message.videoElem.localVideoUrl;
        message.videoElem.snapshotHeight;
        message.videoElem.snapshotPath;
        // ...
      }
﻿
      // Get the multimedia message URL
      V2TimValueCallback<V2TimMessageOnlineUrl> getMessageOnlineUrlRes =
          await TencentImSDKPlugin.v2TIMManager
              .getMessageManager()
              .getMessageOnlineUrl(
                msgID: '', // Message ID
              );
      if (getMessageOnlineUrlRes.code == 0) {
        // Obtained successfully
      }
﻿
      // Download a multimedia message
      V2TimCallback downloadMessageRes = await TencentImSDKPlugin.v2TIMManager
          .getMessageManager()
          .downloadMessage(
              msgID: '', // Message ID
              messageType: 5, // Message type
              imageType: 0, // Image type. This field is valid only for image messages.
              isSnapshot: false // Whether it is a video thumbnail. This field is valid only for video messages.
              );
      if (downloadMessageRes.code == 0) {
        // Download successful
      }
Audio message
The SDK for Flutter will download audio messages when free, which can be directly used by you and will be cleared when the application is uninstalled. The following sample code demonstrates how to parse audio content from V2TimMessage:
In the SDK for Flutter 5.0.4 or later, multimedia message online URLs (url) will not be returned when users get the message list. They need to be obtained by calling the getMessageOnlineUrl API (details).
In the SDK for Flutter SDK 5.0.4 or later, multimedia message local URLs (localurl) will no longer be returned by default. They will be returned only after you download messages successfully by calling the downloadMessage API (details).
    if(message.elemType == MessageElemType.V2TIM_ELEM_TYPE_SOUND){
              // Parse the playback address, local address, size, and duration of the audio message.
        message.soundElem.UUID;
        message.soundElem.dataSize;
        message.soundElem.duration;
        message.soundElem.localUrl;
        message.soundElem.url;
        // ...
        // Get the multimedia message URL
        V2TimValueCallback<V2TimMessageOnlineUrl> getMessageOnlineUrlRes =
            await TencentImSDKPlugin.v2TIMManager
                .getMessageManager()
                .getMessageOnlineUrl(
                  msgID: '', // Message ID
                );
        if (getMessageOnlineUrlRes.code == 0) {
          // Obtained successfully
        }
﻿
        // Download a multimedia message
        V2TimCallback downloadMessageRes = await TencentImSDKPlugin.v2TIMManager
            .getMessageManager()
            .downloadMessage(
                msgID: '', // Message ID
                messageType: 4, // Message type
                imageType: 0, // Image type. This field is valid only for image messages.
                isSnapshot: false // Whether it is a video thumbnail. This field is valid only for video messages.
                );
        if (downloadMessageRes.code == 0) {
          // Download successful
        }
    }
File message
The SDK for Flutter will download file messages when free, which can be directly used by you and will be cleared when the application is uninstalled. The following sample code demonstrates how to parse file message content from V2TimMessage:
In the SDK for Flutter 5.0.4 or later, multimedia message online URLs (url) will not be returned when users get the message list. They need to be obtained by calling the getMessageOnlineUrl API (details).
In the SDK for Flutter SDK 5.0.4 or later, multimedia message local URLs (localurl) will no longer be returned by default. They will be returned only after you download messages successfully by calling the downloadMessage API (details).
﻿
    if(message.elemType == MessageElemType.V2TIM_ELEM_TYPE_FILE){
              // Parse the filename, size, URL and other info of the file message
        message.fileElem.UUID;
        message.fileElem.fileName;
        message.fileElem.fileSize;
        message.fileElem.localUrl;
        message.fileElem.path;
        message.fileElem.url;
        // Get the multimedia message URL
        V2TimValueCallback<V2TimMessageOnlineUrl> getMessageOnlineUrlRes =
            await TencentImSDKPlugin.v2TIMManager
                .getMessageManager()
                .getMessageOnlineUrl(
                  msgID: '', // Message ID
                );
        if (getMessageOnlineUrlRes.code == 0) {
          // Obtained successfully
        }
﻿
        // Download a multimedia message
        V2TimCallback downloadMessageRes = await TencentImSDKPlugin.v2TIMManager
            .getMessageManager()
            .downloadMessage(
                msgID: '', // Message ID
                messageType: 6, // Message type
                imageType: 0, // Image type. This field is valid only for image messages.
                isSnapshot: false // Whether it is a video thumbnail. This field is valid only for video messages.
                );
        if (downloadMessageRes.code == 0) {
          // Download successful
        }
    }
Geographical location message
After receiving the geographical location message, the receiver can parse the latitude and longitude information directly from locationElem.
The following sample code demonstrates how to parse the geographical location content from V2TimMessage:
﻿
if(message.elemType == MessageElemType.V2TIM_ELEM_TYPE_LOCATION){
              // Parse the geographical location information such as latitude, longitude, and description
        message.locationElem.desc;
        message.locationElem.latitude;
        message.locationElem.longitude;
}
Emoji message
The SDK only provides a message passthrough channel for an emoji message. For message content fields, see faceElem (details), where the contents of index and data are customized by the user.
For example, the sender can set index to 1 and data to x12345 to indicate the smile emoji.
The receiver parses the received emoji message as 1 and x12345 and displays the message as the smile emoji according to the preset rules.
The following sample code demonstrates how to parse the emoji content from V2TIMMessage:
if (message.elemType == MessageElemType.V2TIM_ELEM_TYPE_FACE) {
        message.faceElem.data;
        message.faceElem.index;
}
Group tip message
Group tip messages are tips received by users other than ordinary messages in a group chat, such as "The admin removed alice from the group chat" and "bob renamed the group "xxxx"".
Note: 
 Group tip messages apply to group members only.
There are many types of group tip messages. For more information, see the definition of V2TIMGroupTipsType (details).
After receiving a group tip message, the receiver generally needs to:
1. Parse all fields in V2TIMGroupTipsElem.
2. Identify the message type according to type.
3. Merge other fields into the content for display according to the type.
Example:
V2TIM_GROUP_TIPS_TYPE_GROUP_INFO_CHANGE is parsed from the type, indicating that this is a notification of group profile change.
The receiver can get the operator information from opMember and the new group name from groupChangeInfoList.
At this point, the receiver can merge the "operator" and "new group name" to create a group tip, such as "Alice renamed the group as "group123"".
The following sample code demonstrates how to parse the tip content from V2TIMMessage:
if(message.elemType == MessageElemType.V2TIM_ELEM_TYPE_GROUP_TIPS){
        message.groupTipsElem.groupID; // Group
        message.groupTipsElem.type; // Group tip type
        message.groupTipsElem.opMember; // Operator profile
        message.groupTipsElem.memberList; // User profile being operated
        message.groupTipsElem.groupChangeInfoList; // Group information change details
        message.groupTipsElem.memberChangeInfoList; // Group member change information
        message.groupTipsElem.memberCount; // Number of current online group members
}
Receiving Messages Containing Multiple Element Objects
1. Parse the first element object from the Message object.
2. Get the next element object through the nextElem method of the first element object. If the next object exists, an element object instance is returned; otherwise, null is returned.
Sample code:
if(message.textElem.nextElem!=null){
   // There is a next message
}
Contact Us
Contact our sales team or business advisors to help your business.
Technical Support
Open a ticket if you're looking for further assistance. Our Ticket is 7x24 avaliable.
7x24 Phone Support
tencent cloud

Recent Pages

Flutter

Overview

Setting Message Listeners

Advanced message listener

Adding a listener

Removing a listener

Receiving Text Messages

Receiving Custom Messages

Receiving Rich Media Messages

Image message

Video message

Audio message

File message

Geographical location message

Emoji message

Group tip message

Receiving Messages Containing Multiple Element Objects

Was this page helpful?

Was this page helpful?

tencent cloud

Sign Up

Log in

Recent Pages

Flutter

Overview

Setting Message Listeners

Advanced message listener

Adding a listener

Removing a listener

Receiving Text Messages

Receiving Custom Messages

Receiving Rich Media Messages

Image message

Video message

Audio message

File message

Geographical location message

Emoji message

Group tip message

Receiving Messages Containing Multiple Element Objects

Was this page helpful?

Was this page helpful?
