Method, device and equipment for displaying message bubble and storage medium

Abstract

This application discloses a method, apparatus, device, and storage medium for displaying message bubbles, relating to the field of computer technology. The method includes: displaying at least one message bubble, each message bubble being used to display one message; and, when a first message in a first message bubble meets a trigger condition, displaying a first extension element extending from the first message bubble to perform a first interactive action; wherein the first message bubble is one of at least one message bubble. The first extension element extending from the first message bubble enriches the display form of the first message bubble, and displaying the first extension element extending from the first message bubble to perform the first interactive action enriches the interface display content of the chat interface and improves the interface interaction effect of the chat interface.

Description

Technical Field

[0001] This application relates to the field of computer technology, and in particular to a method, apparatus, device and storage medium for displaying message bubbles. Background Technology

[0002] With the development of social applications, people often chat with others on these applications and send messages such as voice, video, pictures, and text over the internet.

[0003] In related technologies, messages sent by users in social applications are typically distinguished by the position of the user's avatar, the color of the message bubble, and the direction of the small corner on the message bubble. Furthermore, user-sent messages are usually sorted from top to bottom on the display interface, with adjacent message bubbles spaced at fixed intervals, and the size of each message bubble varies in height and width according to the size of the message content.

[0004] However, the message bubble format in the above methods is relatively simple. Summary of the Invention

[0005] This application provides a method, apparatus, device, and storage medium for displaying message bubbles. The technical solution provided by this application is as follows:

[0006] According to one aspect of the embodiments of this application, a method for displaying message bubbles is provided, the method comprising:

[0007] Display at least one message bubble, each message bubble being used to display one message;

[0008] When the first message in the first message bubble meets the triggering condition, the first extended element extending from the first message bubble is displayed to perform the first interactive action;

[0009] The first message bubble is one of the at least one message bubbles.

[0010] According to one aspect of the embodiments of this application, a display device for message bubbles is provided, the device comprising:

[0011] A bubble display module is used to display at least one message bubble, wherein each message bubble is used to display one message.

[0012] An interactive display module is used to display a first extended element extending from the first message bubble to perform a first interactive action when the first message in the first message bubble meets the triggering condition.

[0013] The first message bubble is one of the at least one message bubbles.

[0014] According to one aspect of the embodiments of this application, a terminal device is provided, the terminal device including a processor and a memory, the memory storing a computer program, the computer program being loaded and executed by the processor to implement the above-described message bubble display method.

[0015] According to one aspect of the embodiments of this application, a computer-readable storage medium is provided, wherein a computer program is stored in the computer-readable storage medium, the computer program being loaded and executed by a processor to implement the above-described message bubble display method.

[0016] According to one aspect of the embodiments of this application, a computer program product is provided, the computer program product including a computer program, the computer program being loaded and executed by a processor to implement the above-described message bubble display method.

[0017] The technical solution provided in this application can bring the following beneficial effects:

[0018] By triggering a change in the shape of the first message bubble when the first message meets the conditions, and then extending it with an additional element, the display of the first message bubble is enriched, providing users with a differentiated and engaging chat experience. The extended element then executes an interactive action, allowing it to interact with other elements in the chat interface, resulting in dynamic changes and enriching the content and interactivity of the chat interface. Furthermore, by displaying the interactive action of the extended element when the first message meets the trigger conditions, the user controls the display of this interaction, enriching their emotional expression while fulfilling their chat needs. This helps increase user engagement and participation in sending messages, promotes interaction between users on the same platform and others, and enhances user stickiness. Attached Figure Description

[0019] Figure 1 This is a schematic diagram of the implementation environment of a solution provided in one embodiment of this application;

[0020] Figure 2 This is a flowchart of a message bubble display method provided in one embodiment of this application;

[0021] Figure 3 This is a schematic diagram of a chat interface provided in one embodiment of this application;

[0022] Figure 4 This is a flowchart of a method for displaying a first interactive action according to an embodiment of this application;

[0023] Figure 5 This is a schematic diagram illustrating the display of a first interactive action at different locations according to an embodiment of this application;

[0024] Figure 6 This is a schematic diagram of the process of semantically displaying a first limb element and a second limb element performing a first interactive action based on a first message, provided in one embodiment of this application.

[0025] Figure 7 This is a schematic diagram illustrating the process of semantically displaying a first limb element and a second limb element performing a first interactive action based on a second message, according to an embodiment of this application.

[0026] Figure 8 This is a flowchart of a method for displaying a first interactive action provided in one embodiment of this application and another embodiment;

[0027] Figure 9 This is a schematic diagram illustrating the process of a first limb element performing a first interactive action between itself and a second message bubble, provided in one embodiment of this application.

[0028] Figure 10 This is a schematic diagram illustrating the process of displaying a second interactive action between a second extended element and a first message bubble, provided in one embodiment of this application;

[0029] Figure 11 This is a schematic diagram of a process for displaying a first interactive action when a first message references a second message, provided in one embodiment of this application;

[0030] Figure 12 This is a schematic diagram illustrating the process of a third interactive action being performed between a first limb element and a second limb element, provided in one embodiment of this application.

[0031] Figure 13 This is a flowchart of a method for displaying a first interactive action provided in another embodiment of this application;

[0032] Figure 14 This is a schematic diagram illustrating the process of displaying a first interactive action between a first extended element and a first message bubble, provided in one embodiment of this application.

[0033] Figure 15 This is a schematic diagram of interactive action data provided in one embodiment of this application;

[0034] Figure 16 This is a schematic diagram of interactive actions displayed based on image data, provided in one embodiment of this application;

[0035] Figure 17 This is a schematic diagram of the interaction process between a client and a server provided in one embodiment of this application;

[0036] Figure 18 This is a flowchart of a method for displaying message bubbles in the social field, provided in one embodiment of this application;

[0037] Figure 19 This is a flowchart of a method for displaying message bubbles in the gaming field, provided in one embodiment of this application;

[0038] Figure 20 This is a block diagram of a message bubble display device provided in one embodiment of this application;

[0039] Figure 21 This is a structural block diagram of a terminal device provided in one embodiment of this application. Detailed Implementation

[0040] To make the objectives, technical solutions, and advantages of this application clearer, the embodiments of this application will be described in further detail below with reference to the accompanying drawings.

[0041] Please refer to Figure 1 This diagram illustrates an implementation environment provided by one embodiment of the present application. This implementation environment can be implemented as a message bubble display system. The implementation environment may include: a terminal device 10 and a server 20.

[0042] There may be one or more terminal devices 10. Terminal devices 10 may be electronic devices such as mobile phones, tablets, laptops, desktop computers, game consoles, e-book readers, multimedia playback devices, wearable devices, smart voice interaction devices, smart home appliances, vehicle terminals, aircraft, etc.

[0043] The terminal device 10 can install a client of the target application, which provides application functions such as sending messages with the local user account and chatting with other user accounts. This application does not limit the type of the target application, and includes, but is not limited to, social applications, game applications, video applications, etc. Optionally, the application can be an application that requires downloading and installation, or it can be an application that can be used instantly; this application does not limit the type of application.

[0044] Server 20 provides background services to clients of the target application installed and running on terminal device 10. For example, server 20 can be a background server for the aforementioned target application. Server 20 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDN (Content Delivery Network), and big data and artificial intelligence platforms, but is not limited to these. Optionally, server 20 can simultaneously provide background services to applications on multiple terminal devices 10. Terminal devices 10 and server 20 can communicate with each other via a network.

[0045] In this embodiment, a local user account and one or more peer user accounts send messages to chat in a target application. The chat interface in the target application displays at least one message bubble, including message bubbles for the local user account and message bubbles for the peer user account, with each message bubble containing one message. When the first message in the first message bubble meets a trigger condition, a first extension element extending from the first message bubble is displayed to perform a first interactive action. The first message bubble is one of at least one message bubble.

[0046] Please refer to Figure 2 The diagram illustrates a flowchart of a message bubble display method according to an embodiment of this application. The execution entity for each step of the method can be a terminal device. The method may include at least one of the following steps 210-220:

[0047] Step 210: Display at least one message bubble, each message bubble being used to display one message.

[0048] A chat interface is displayed in the target application, where the local user account and the peer user account send messages to chat. Optionally, the chat interface can be a one-to-one chat interface, in which the local user account and the peer user account send messages to chat; alternatively, the chat interface can also be a group chat interface, in which the local user account and multiple peer user accounts send messages to chat.

[0049] The chat interface displays a message input box. When the user enters a message to be sent in the message input box, a message bubble corresponding to the message to be sent is displayed in response to the sending operation. The message bubble contains the message to be sent.

[0050] In response to an action on the message input field, at least one message bubble is displayed in the chat interface. Optionally, the at least one message bubble may include only message bubbles sent and displayed by the local user account, or it may include only message bubbles sent and displayed by one or more peer user accounts, or it may include message bubbles sent and displayed by the local user account and one or more message bubbles sent and displayed by peer user accounts.

[0051] Each message bubble is used to display one message, which may include, but is not limited to, text messages, voice messages, image messages, video messages, and document messages.

[0052] Step 220: If the first message in the first message bubble meets the triggering condition, display the first extended element extending from the first message bubble to perform the first interactive action.

[0053] The first message bubble is one of at least one message bubble. Optionally, the first message bubble can be a message bubble sent and displayed by the local user account or a message bubble sent and displayed by the remote user account. The first message can be a message sent at the moment. In this embodiment, the discussion will be based on the examples of the first message bubble being a message bubble sent and displayed by the local user account and the first message being a message sent at the moment.

[0054] Optionally, the first message satisfying the triggering condition can be that the semantics of the first message satisfy the triggering condition. For example, the semantics of the first message satisfying the triggering condition means that the first message contains a specific word, such as "pat on the head," "make a heart gesture," "thank you," "great," or "me too." For example, the first message may contain words with similar meanings to the specific word. For instance, if the specific word is "make a heart gesture," and the first message contains "pen refill," whose meaning is similar to "make a heart gesture," then the semantics of the first message satisfy the triggering condition. For example, the semantics of the first message may be related to a specific emotion, such as happiness, excitement, sadness, melancholy, or pain. For example, if the first message is "Hey! I gained 5 pounds today!", then the semantics of the first message are related to the specific emotion "sadness," and the semantics of the first message satisfy the triggering condition.

[0055] Optionally, the first message fulfilling the trigger condition can be achieved by the sending operation of the first message fulfilling the trigger condition. For example, the first message sending operation fulfilling the trigger condition means that the first message is sent by referencing other messages. In this case, if the first message successfully references and sends other messages, the first message sending operation fulfills the trigger condition. Here, "other messages" refers to messages in any message bubble other than the first message bubble. Another example is that the first message sending operation fulfilling the trigger condition means that the first message is sent by forwarding other messages. In this case, if the first message successfully forwards and sends other messages, the first message sending operation fulfills the trigger condition. Here, "other messages" can be other messages in the current chat interface or messages in other chat interfaces outside the current chat interface. Yet another example is that the first message sending operation fulfilling the trigger condition means that the first message is successfully sent.

[0056] The first extended element extending from the first message bubble can be an anthropomorphic extended element. For example, the first extended element is a limb element based on a human body part, including but not limited to hands, feet, eyes, hair, etc. Optionally, the first extended element can be a realistic limb element based on a human body part, meaning the first extended element is highly similar to the corresponding human limb part. Optionally, the first extended element can also be a cartoon limb element based on a human body part, meaning the first extended element is a limb element obtained by cartoonizing the corresponding human limb part, and the shape of the first extended element is the same as the shape of the corresponding human limb part.

[0057] The first extended element derived from the first message bubble can also be a non-anthropomorphic extended element, meaning it is not a limb element based on a human body part, but rather an element based on the tissue or organ of another object. For example, the first extended element could be an extended element based on the tissue or organ of a plant, including but not limited to elements such as leaves, petals, roots, and fruits. Optionally, the first extended element could be a simulated element based on the tissue or organ of a plant, meaning it is highly similar to the corresponding plant tissue or organ. Optionally, the first extended element could also be a cartoon element based on the tissue or organ of a plant, meaning it is an element obtained by cartoonizing the corresponding plant tissue or organ.

[0058] Displaying the first extended element performing the first interactive action means displaying the action process of the first extended element performing the first interactive action. The first interactive action is an action process with a time length. The first interactive action includes multiple interactive action images. Each interactive action image includes an image of one execution action of the first extended element. The images of the first extended element included in different interactive action images are different.

[0059] The first extending element extends from the first message bubble. Therefore, the process of the first extending element performing the first interactive action includes the process of the first extending element extending from the first message bubble. Thus, at the initial stage of the first extending element performing the first interactive action, the first extending element and the first message bubble are in contact. However, during the overall execution of the first interactive action, the first extending element and the first message bubble can either remain in contact throughout, or, after the initial stage, there may be a portion of the execution phase where the first extending element and the first message bubble are not in contact. That is, after extending from the first message bubble, the first extending element can maintain the state of extending from the first message bubble, or it can detach from the first message bubble after extending, or it can detach from the first message bubble and then re-enter contact with the first message bubble after detaching. Therefore, at the end stage of the first extending element performing the first interactive action, the first extending element and the first message bubble can be in contact or not in contact.

[0060] Optionally, the first interactive action performed by the first extended element can be an interactive action between the first extended element and the second extended element, an interactive action between the first extended element and the second message bubble, or an interactive action between the first extended element and the first message bubble. Here, the second message bubble is another message bubble besides the first message bubble in at least one message bubble, the second extended element is an extended element extending from the second message bubble, and the second message is a message within the second message bubble. Furthermore, the second message is sent earlier than the first message, meaning that in the chat interface, the second message bubble is displayed above the first message bubble. And, if the first message bubble is a message bubble sent and displayed by the local user account, the second message bubble is a message bubble sent and displayed by the remote user account. The specific display process of the first interactive action can be referred to in the following embodiments, and will not be described here.

[0061] In some embodiments, the first extended element is a first limb element that extends from the first message bubble. When the first message in the first message bubble meets the triggering condition, the first limb element is displayed to perform the first interactive action.

[0062] The first extended element is the first limb element, indicating that the first extended element is an anthropomorphic extended element. Optionally, the first limb element can be a simulated limb element based on human body parts, or a cartoon limb element based on human body parts.

[0063] When the first extended element is the first limb element, the first interactive action is a human-like interactive action performed by the first limb element. The human-like interactive action is an interactive action formed based on actions that humans can perform, such as hugging, making a heart shape with your hands, giving a thumbs up, kissing, etc.

[0064] Optionally, if the first interactive action is an interaction between the first extended element and the second extended element, then the first interactive action is an interaction between the first limb element and the second limb element. If the first interactive action is an interaction between the first extended element and the second message bubble, then the first interactive action is an interaction between the first limb element and the second message bubble. If the first interactive action is an interaction between the first extended element and the first message bubble, then the first interactive action is an interaction between the first limb element and the first message bubble. The display of the first interactive action performed by the first limb element can be referred to the following embodiments, which will not be described here.

[0065] For example, a schematic diagram of the chat interface can be referred to Figure 3 As shown, the chat interface 300 displays the account avatar 303 of the local user account, the account avatar 301 of the remote user account, a first message bubble 304 sent by the local user account, a second message bubble 302 sent by the remote user account, a first extended element 305, a message input box 306, and a message sending control 307. The first message bubble 304 sent by the local user account displays the first message, and the second message bubble 302 sent by the remote user account displays the second message. Figure 3 The first extended element 305 is the first limb element that extends from the first message bubble, such as Figure 3 As shown, the first limb element is a cartoon limb element based on a human hand. And in Figure 3 The text displays the first limb element (first extended element 305) performing the first interactive action. The first interactive action is the interaction between the first limb element and the first message bubble 304, such as... Figure 3 As shown, the first interactive action is an anthropomorphic hug of the first message bubble 304.

[0066] By displaying the first interactive action performed by the first limb element, the familiarity and intimacy between the first interactive action and the user can be improved, thereby enhancing the fun of chatting and helping to increase the user's enthusiasm and participation in sending messages.

[0067] In some embodiments, when a first message in a first message bubble satisfies a first trigger condition and a second message in a second message bubble satisfies a second trigger condition, a first extended element extending from the first message bubble is displayed to perform a first interactive action, wherein the first trigger condition and the second trigger condition are associated. Optionally, the first interactive action performed by the first extended element can be an interactive action between the first extended element and the second extended element, or it can be an interactive action between the first extended element and the second message bubble.

[0068] Optionally, the first message satisfying the first triggering condition means that the semantics of the first message satisfy the first triggering condition, and the second message satisfying the second triggering condition means that the semantics of the second message satisfy the second triggering condition, and the semantics of the first message and the second message are related. For example, the first message satisfying the first triggering condition and the second message satisfying the second triggering condition mean that the first message and the second message contain the same specific word. For instance, if the first message contains the specific word "gratitude," and the second message also contains the specific word "gratitude," then the first message satisfies the first triggering condition, and the second message satisfies the second triggering condition. Alternatively, the first message satisfying the first triggering condition and the second message satisfying the second triggering condition mean that the first message and the second message contain words with similar meanings to the same specific word. For instance, if the first message contains the specific word "heart gesture," and the second message contains "pen refill," then the first message satisfies the first triggering condition, and the second message satisfies the second triggering condition. For example, the first message satisfying the first triggering condition and the second message satisfying the second triggering condition mean that the semantics of the first message and the semantics of the second message are related to the same specific emotion. For example, if the second message is "Hey! I gained 5 pounds today!" and the first message is "I also gained 5 pounds today", then the first message satisfies the first triggering condition, and the second message satisfies the second triggering condition. For example, the first message satisfying the first triggering condition and the second message satisfying the second triggering condition mean that the first message and the second message have a continuous relationship, then the semantics of the first message is a message connected to the semantics of the second message. For example, the first message and the second message are two consecutive lines of poetry, such as the second message "Viewed horizontally, it's a ridge; viewed from the side, it's a peak," and the first message "Different views, near and far, high and low, each different." Another example is that the first message and the second message are a matching couplet, such as the second message "The fragrance of ink lingers through the ages," and the first message "Poetic sentiment lasts ten thousand years, and the affection is even longer," then the first message satisfies the first triggering condition, and the second message satisfies the second triggering condition.

[0069] Optionally, the first message satisfying the first triggering condition means that the sending operation of the first message satisfies the first triggering condition, and the second message satisfying the second triggering condition means that the semantics of the second message satisfy the second triggering condition. Therefore, if the semantics of the second message satisfy the second triggering condition, the first message is successfully sent, meaning that both the first and second messages satisfy the first and second triggering conditions. For example, if the second message is a question message, such as "Is today sunny?", then if the first message is successfully sent as a reply to the second message, the triggering condition is satisfied.

[0070] Optionally, the first message satisfying the first triggering condition means that the semantics of the first message satisfy the first triggering condition, and the second message satisfying the second triggering condition means that the sending operation of the second message satisfies the second triggering condition. Therefore, if the second message is successfully sent, the semantics of the first message satisfy the first triggering condition, meaning that both the first message and the second message satisfy the second triggering condition. For example, the second message can be any message, and the first message is a question to the second message; in this case, if the first message is a question to the second message, the triggering condition is satisfied.

[0071] In some embodiments, where satisfying the triggering condition means that the semantics of the first message satisfy the triggering condition, the action type of the interactive action is related to the semantics of the target message. The target message is the first message, or the second message, or both the first message and the second message.

[0072] When the first interactive action involves the second message bubble, i.e., when the first interactive action is an interaction between the first extended element and the second extended element, or when the first interactive action is an interaction between the first extended element and the second message bubble, the target message is the first message, or the second message, or both the first message and the second message. That is, the action type of the first interactive action is related to the semantics of the first message; or, is related to the semantics of the second message; or, is related to the semantics of the merging of the first message and the second message.

[0073] If the action type of the first interactive action is related to the semantics of the first message, then the first interactive action can be used to visually represent the semantics of the first message. When the first message satisfies the triggering condition (meaning the semantics of the first message satisfy the triggering condition), the action type of the first interactive action is related to the triggering condition satisfied by the first message. For example, if the first message contains a specific word, then the action type of the first interactive action is related to that specific word. For instance, if the first message contains the specific word "make a heart shape with your hands," then the action type of the first interactive action is related to "make a heart shape with your hands," and the first interactive action could be an action representing making a heart shape with your hands. If the first message contains words with similar meanings to the specific word, then the action type of the first interactive action is related to the specific word with similar meanings in the first message. If the semantics of the first message are related to a specific emotion, then the action type of the first interactive action is related to the specific emotion contained in the first message. For instance, if the first message is "Hey! I gained 5 pounds today!", then the action type of the first interactive action is related to the emotion of "sadness," and the first interactive action could be an action used to express comfort.

[0074] If the action type of the first interactive action is related to the semantics of the second message, then the first interactive action can be used to visualize the semantics of the second message. For example, if the second message contains a specific word, or a word with a similar meaning, then the action type of the first interactive action is used to visualize the semantics of the specific word; if the semantics of the second message is related to a specific emotion, then the action type of the first interactive action is used to visualize the semantics of the specific emotion.

[0075] The action type of the first interactive action is related to the combined semantics of the first and second messages. Therefore, the first interactive action can be used to visually represent the combined semantics of the first and second messages. For example, if the combined semantics of the first and second messages represent praise, the first interactive action could be a thumbs-up gesture; if the combined semantics of the first and second messages represent sadness, the first interactive action could be a gesture of comfort. Optionally, the first interactive action can also be used to represent the combined relationship between the first and second messages. For example, if the first and second messages are two consecutive lines of poetry or a matching couplet, the action type of the first interactive action is related to the combined relationship between the first and second messages. For instance, the first interactive action could be a handshake gesture, a fist bump gesture, or a fist bump gesture, etc.

[0076] In some embodiments, where the first interactive action does not involve the second message bubble, i.e., where the first interactive action is an interaction between the first extended element and the first message bubble, the target message is the first message. That is, the action type of the first interactive action is related to the semantics of the first message.

[0077] By displaying the first interactive action based on the semantics of the message, the first interactive action can accurately reflect the chat emotions of the local or remote user. This allows users to receive timely visual feedback on messages while chatting in the chat interface, which helps to enrich users' emotional expression and increase their enthusiasm and participation in sending messages.

[0078] In some embodiments, when the first message satisfies the trigger condition (meaning the sending operation of the first message satisfies the trigger condition), the action type of the first interactive action is related to the sending operation of the first message. For example, if the first message is sent by referencing other messages, the action type of the first interactive action is the action type of the referencing action; if the first message is sent by forwarding other messages, the action type of the first interactive action is the action type of the forwarding action.

[0079] In some embodiments, prior to step 220, the method further includes the following steps: displaying at least one selection control, each selection control corresponding to an interactive action; and determining a first interactive action in response to a selection operation on the first selection control.

[0080] If the first message satisfies the trigger condition (meaning the semantics of the first message meet the trigger condition), at least one selection control is displayed after the first message bubble is displayed. If the first message satisfies the trigger condition (meaning the sending operation of the first message meets the trigger condition), at least one selection control is displayed after the second message bubble is displayed and before the first message bubble is displayed.

[0081] Each selection control displays a control display identifier for an interactive action, and each interactive action control display identifier is used to indicate an interactive action. The interactive action control display identifier includes at least one of the following: a thumbnail identifier for the interactive action, and a text identifier for the interactive action. The thumbnail identifier for the interactive action is used to graphically indicate the interactive action, and the text identifier for the interactive action is used to textually indicate the interactive action.

[0082] The first selection control is any one of at least one selection controls. The selection operation on the first selection control is an operation performed by the user to trigger the first selection control. For example, the selection operation on the first selection control could be the user clicking the first rotation control. In response to the rotation operation on the first selection control, a first interactive action is determined to be the interactive action corresponding to the first selection control.

[0083] The at least one selection control displayed on the chat interface is related to the semantics of the first message; or, related to the semantics of the second message; or, related to the combined semantics of the first message and the second message. The specific determination process of the at least one selection control can be referred to the following embodiments, which will not be described here.

[0084] By displaying at least one selection control in the chat interface, users are given the option to choose an interactive action. This ensures that the first interactive action displayed is in line with the user's expectations, thereby increasing user satisfaction with the chat request and boosting user enthusiasm and participation in sending messages.

[0085] The technical solution provided in this application embodiment displays at least one message bubble in the chat interface. When the first message in the first message bubble meets a trigger condition, the first message bubble undergoes a shape change, and a first extended element extends from it, enriching the display form of the first message bubble and providing users with a differentiated and engaging chat experience. The first extended element then executes a first interactive action, allowing it to interact with other interface elements in the chat interface, causing dynamic changes in the interface elements and enriching the content displayed, thus enhancing the interactive effect. Furthermore, by displaying the first extended element executing the first interactive action when the first message meets the trigger condition, the display of the first interactive action is controlled by the user. This not only meets the user's chat needs but also enriches their emotional expression, helping to increase user enthusiasm and participation in sending messages, promoting interaction between users on the same device and other users, and improving user stickiness.

[0086] The display process of the first interactive action includes the following three examples, which are described below.

[0087] The first type:

[0088] Please refer to Figure 4 The diagram illustrates a flowchart of a method for displaying a first interactive action according to an embodiment of this application. The method may include at least one of the following steps 410-420:

[0089] Step 410: Display at least one message bubble, each message bubble being used to display one message.

[0090] Step 420: If the first message in the first message bubble meets the triggering condition, display the first interaction action between the first extended element and the second extended element.

[0091] The second extension element is an extension element that extends from the second message bubble, which is another of at least one message bubble.

[0092] The first message satisfying the trigger condition in step 420 includes one of the following: the first message satisfies the trigger condition; the first message satisfies the first trigger condition; and the second message satisfies the second trigger condition. The satisfaction of the trigger conditions can be referred to the above embodiments, and will not be repeated here.

[0093] The second extended element can be either anthropomorphic or non-anthropomorphic. The first and second extended elements can be of the same type; for example, both can be anthropomorphic or both can be non-anthropomorphic. Alternatively, the first and second extended elements can be of different types, in which case one can be anthropomorphic and the other non-anthropomorphic.

[0094] When the first extended element and the second extended element are of the same type, they can be identical. For example, if both the first and second extended elements are anthropomorphic, they can both be limb elements based on hands. Alternatively, the first and second extended elements can be different. For example, if both are anthropomorphic, the first extended element can be a limb element based on hands, and the second extended element can be a limb element based on feet.

[0095] If the first interactive action displayed in step 420 is performed between the first extended element and the second extended element, then the first interactive action is an interactive action formed by the cooperation of the first extended element and the second extended element. The first extended element and the second extended element in the first interactive action may or may not be in contact with each other. For example, if the first interactive action is a heart-making gesture between the first extended element and the second extended element, then the first extended element and the second extended element are in contact with each other; if the first interactive action is a mutual "like" gesture between the first extended element and the second extended element, then the first extended element and the second extended element are not in contact with each other.

[0096] In some embodiments, the action type of the first interactive action is related to the semantics of the first message; or, related to the semantics of the second message; or, related to the combined semantics of the first and second messages. The second message is the message within the second message bubble. Refer to the above embodiments; further details are omitted here.

[0097] Optionally, the action type of the first interactive action may be related only to the semantics of the first message, or only to the semantics of the second message, or to the combined semantics of the first and second messages.

[0098] If the action type of the first interactive action is only related to the semantics of the first message, then if the first message in the first message bubble meets the triggering condition, at least one interactive action corresponding to the semantics of the first message is determined according to the semantics of the first message, at least one selection control corresponding to the at least one interactive action is displayed, and the first interactive action is determined in response to the selection operation of the first selection control.

[0099] If the action type of the first interactive action is only related to the semantics of the second message, then if the first message in the first message bubble meets the triggering condition, at least one interactive action corresponding to the semantics of the second message is determined according to the semantics of the second message, at least one selection control corresponding to the at least one interactive action is displayed, and the first interactive action is determined in response to the selection operation of the first selection control.

[0100] If the action type of the first interactive action is related to the merging semantics of the first message and the second message, then when the first message in the first message bubble meets the triggering condition, the merging semantics of the first message and the second message are obtained according to the first message and the second message. Based on the merging semantics, at least one interactive action corresponding to the merging semantics is determined, and at least one selection control corresponding to the at least one interactive action is displayed. In response to the selection operation on the first selection control, the first interactive action is determined.

[0101] When the first message in the first message bubble meets the triggering condition, the first extended element and the second extended element are displayed to perform a first interactive action, causing both the first and second message bubbles to change shape and the first and second extended elements to interact. This enriches the display effect of the message bubble, enhances the fun of chatting, and thus increases the user's enthusiasm and participation in sending messages.

[0102] In some embodiments, a first interaction action is performed between a first extended element and a second extended element displayed next to the first message bubble. See also... Figure 5As shown in Figure (1), message bubble 501 is a message bubble sent and displayed by the peer user account, and message bubble 502 is a message bubble sent and displayed by the local user account. A first interactive action 503 is performed between the first extended element and the second extended element displayed to the left of message bubble 502. In the above situation, if the display area occupied by the first message bubble in the chat interface conflicts with the display area to be occupied by the first interactive action in the chat interface, then according to the display specifications of the first interactive action, the first message bubble with a transformed form is displayed. The display specifications of the first interactive action refer to the length and width of the display area occupied by the interactive action in the chat interface. The first message bubble with a transformed form is used to make way for the first interactive action's display area. Then, according to the display area of ​​the first message bubble with a transformed form in the chat interface, the first interactive action is displayed beside the first message bubble with a transformed form. Here, length refers to the horizontal distance of the terminal device, and width refers to the vertical distance of the terminal device. For example, if the display area occupied by the first message bubble in the chat interface conflicts with the display area to be occupied by the first interactive action, the first message can be wrapped, the length of the first message bubble can be shortened, or the length of the first message bubble can be increased to make way for the display area of ​​the first interactive action. Figure 5 As shown in Figure (1), the message in message bubble 502 was originally displayed as one line. To make room for the first interactive action 503, the message in message bubble 502 was changed to two lines, and the shape of message bubble 502 was changed simultaneously so that the first interactive action 503 could be displayed on the left side of message bubble 502. If the display area occupied by the first message bubble in the chat interface does not conflict with the display area to be occupied by the first interactive action in the chat interface, the first interactive action is displayed directly next to the first message bubble.

[0103] In some embodiments, a first interaction action is performed between the first extended element and the second extended element displayed next to the second message bubble. See also... Figure 5As shown in Figure (2), message bubble 504 is a message bubble sent and displayed by the peer user account, and message bubble 505 is a message bubble sent and displayed by the local user account. The first interactive action 506 is performed between the first extended element and the second extended element displayed to the right of message bubble 504. In the above case, if the display area occupied by the second message bubble in the chat interface conflicts with the display area to be occupied by the first interactive action in the chat interface, the second message bubble after form transformation is displayed according to the display specifications of the first interactive action. The display specifications of the first interactive action refer to the length and width of the display area to be occupied by the interactive action in the chat interface. The second message bubble after form transformation is used to give up the display area for the first interactive action. Then, according to the display area of ​​the second message bubble after form transformation in the chat interface, the first interactive action is displayed next to the second message bubble after form transformation. For example, if the display area occupied by the second message bubble in the chat interface conflicts with the display area to be occupied by the first interactive action in the chat interface, the second message can be wrapped, the length of the second message bubble can be shortened, or the length of the second message bubble can be increased to give up the display area for the first interactive action. Figure 5 As shown in Figure (2), the messages in message bubble 504 were originally displayed in two lines. To make room for the first interactive action 506, the messages in message bubble 504 were changed to three lines, and the shape of message bubble 504 was changed simultaneously so that the first interactive action 506 could be displayed on the right side of message bubble 504. If the display area occupied by the second message bubble in the chat interface does not conflict with the display area to be occupied by the first interactive action in the chat interface, the first interactive action will be displayed directly next to the second message bubble.

[0104] In some embodiments, the first extension element is a first limb element extending from the first message bubble, and the second extension element is a second limb element extending from the second message bubble. Then step 420 may include substep 421.

[0105] Sub-step 421: If the first message in the first message bubble meets the triggering condition, display the first interaction action between the first limb element and the second limb element.

[0106] Optionally, the first limb element and the second limb element can be limb elements formed based on the same body part of a person. For example, both the first limb element and the second limb element can be limb elements formed based on a person's hand. Alternatively, the first limb element and the second limb element can be limb elements formed based on different body parts of a person. For example, the first limb element can be a limb element formed based on a person's hand, and the second limb element can be a limb element formed based on a person's foot.

[0107] Optionally, the first limb element and the second limb element can both be simulated limb elements based on human body parts, or both can be cartoon limb elements based on human body parts, or one of the first limb element and the other can be a simulated limb element based on human body parts and the other can be a cartoon limb element based on human body parts.

[0108] Since the first and second limb elements are anthropomorphic extensions of human body parts, the first interactive action performed between them is a human-like interactive action. This first interactive action is based on actions that humans can perform, such as hugging, making a heart shape with your hands, giving a thumbs-up, and kissing.

[0109] For example, if both the first limb element and the second limb element are cartoon limb elements formed based on a human hand, then in one example, the process of determining the first interactive action based on the semantics of the first message and displaying the first interactive action in sub-step 421 can be referred to Figure 6 As shown. Figure 6 As shown in Figure (1), a second message bubble 601 sent by the other user account is displayed in the chat interface 600. The user can enter the first message 602 "Hey! Love you! Sending love!" in the message input box of the chat interface 600 to reply to the second message in the second message bubble 601. Figure 6 As shown in Figure (2), when the user clicks the send control, a first message bubble 603 is displayed in the chat interface 600. The first message in the first message bubble 603 is displayed as a single line. Furthermore, the first message in the first message bubble 603 meets the triggering conditions. Based on the semantics of the first message, at least one interactive action corresponding to the semantics of the first message is determined, and at least one selection control 604 corresponding to the at least one interactive action is displayed, including selection controls corresponding to interactive actions such as "Give a heart," "Thank you very much," and "Give a high five." Figure 6 As shown in Figure (3), in response to the selection operation of the first selection control 605, the first interactive action is determined to be the interactive action corresponding to "make a heart", that is, the first interactive action is the heart-making interactive action. Since the display area occupied by the first message bubble 603 in the chat interface 600 conflicts with the display area to be occupied by the first interactive action in the chat interface 600, according to the display specifications of the first interactive action, the first message bubble 606 after the form change is displayed. The first message in the first message bubble 606 after the form change is displayed in two lines, and the length of the first message bubble 606 after the form change is shortened and the width is increased, so as to better give up the display area for the first interactive action. Figure 6As shown in Figure (4), based on the display area of ​​the first message bubble 606 after its shape transformation in the chat interface 600, a first interactive action 607 is displayed on the left side of the first message bubble 606 after its shape transformation. The first interactive action 607 is a human-like heart-making gesture performed between the first extended element of the first message bubble 606 after its shape transformation and the second extended element of the second message bubble 601. The heart-making gesture is related to the semantics of the first message "Hey! Love you! Heart!"

[0110] For example, if both the first limb element and the second limb element are cartoon limb elements formed based on a human hand, then in another example, the process of determining the first interactive action based on the semantics of the second message and displaying the first interactive action in sub-step 421 can be referred to Figure 7 As shown. Figure 7 As shown in Figure (1), a second message bubble 701 sent by the other user account is displayed in the chat interface 700. The second message in the second message bubble 701 is "Great! I want to buy it too!". The user can enter the first message 702 in the message input box in the chat interface 700 to reply to the second message in the second message bubble 701. Figure 7 As shown in Figure (2), when the user clicks the send control, a first message bubble 703 is displayed in the chat interface 700. The first message in the first message bubble 703 is displayed as a single line. Furthermore, the first message in the first message bubble 703 meets the triggering condition. Based on the semantics of the second message, at least one interactive action corresponding to the semantics of the second message is determined, and at least one selection control 704 corresponding to the at least one interactive action is displayed, including selection controls corresponding to interactive actions such as "Give me a high five," "Give me a hug," and "Give me a heart." Figure 7 As shown in Figure (3), in response to the selection operation of the first selection control 705, the first interactive action is determined to be the interactive action corresponding to "Give a high five", that is, the first interactive action is the high five interactive action. Since the display area occupied by the first message bubble 703 in the chat interface 700 conflicts with the display area to be occupied by the first interactive action in the chat interface 700, according to the display specifications of the first interactive action, the first message bubble 706 after the form change is displayed. The first message in the first message bubble 706 after the form change is displayed in two lines, and the length of the first message bubble 706 after the form change is shortened and the width is increased, so as to better give up the display area for the first interactive action. Figure 7As shown in Figure (4), based on the display area of ​​the first message bubble 706 after its shape transformation in the chat interface 700, a first interactive action 707 is displayed on the left side of the first message bubble 706 after its shape transformation. The first interactive action 707 is a human-like high-five action performed between the first extended element of the first message bubble 706 after its shape transformation and the second extended element of the second message bubble 701. The high-five action is semantically related to the second message "Great! I want to buy it too!"

[0111] By displaying a human-like first interactive action between the first and second limb elements, the familiarity and intimacy between the first interactive action and the user can be increased, thereby enhancing the fun of chatting and helping to increase the user's enthusiasm and participation in sending messages.

[0112] The second type:

[0113] Please refer to Figure 8 The diagram illustrates a flowchart of a method for displaying a first interactive action according to another embodiment of this application. This method may include at least one of the following steps 810-820:

[0114] Step 810: Display at least one message bubble, each message bubble being used to display one message.

[0115] Step 820: If the first message in the first message bubble meets the triggering condition, display the first extended element and perform the first interactive action between the second message bubble.

[0116] The second message bubble is another message bubble among at least one other message bubble.

[0117] The first message in step 820 satisfying the trigger condition includes one of the following: the first message satisfies the trigger condition; the first message satisfies the first trigger condition; and the second message satisfies the second trigger condition. The satisfaction of the trigger conditions can be referred to the above embodiments, and will not be repeated here.

[0118] If the first interactive action shown in step 820 is performed between the first extended element and the second message bubble, then this first interactive action is an interactive action formed by the cooperation of the first extended element and the second message bubble. The first extended element and the second message bubble in the first interactive action may or may not be in contact with each other. For example, if the first interactive action is the action of the first extended element touching the second message bubble, then the first extended element and the second message bubble are in contact; if the first interactive action is the action of the first extended element lifting the second message bubble, then the first extended element and the second message bubble are not in contact.

[0119] In some embodiments, the action type of the first interactive action is related to the semantics of the first message; or, related to the semantics of the second message; or, related to the combined semantics of the first and second messages. The method for determining the first interactive action can be referred to the above embodiments, and will not be repeated here.

[0120] When the first message in the first message bubble meets the triggering condition, the first extended element is displayed to perform the first interactive action between the first message bubble and the second message bubble. This causes the first message bubble to change shape and allows the first extended element and the second message bubble to interact, thereby increasing the diversity of interactions between message bubbles and enhancing the fun of chatting. This helps to increase users' enthusiasm and participation in sending messages.

[0121] Optionally, a first interactive action can be performed between a first extended element displayed next to a first message bubble and a second message bubble, or a first interactive action can be performed between a first extended element displayed next to a second message bubble and a second message bubble.

[0122] In some embodiments, the first extending element is a first limb element extending from the first message bubble. Then step 820 may include substep 821.

[0123] Sub-step 821: If the first message in the first message bubble meets the triggering condition, display the first limb element to perform the first interactive action between the second message bubble.

[0124] Since the first limb element is an anthropomorphic extension of a human body part, the first interactive action performed between the first limb element and the second message bubble is a human-like interactive action. This first interactive action is based on actions that humans can perform, such as touching, hugging, making a heart shape with your hands, giving a thumbs-up, and kissing.

[0125] For example, if the first limb element is a cartoon limb element formed based on a human hand, then in one example, the process of determining the first interactive action based on the semantics of the first message and displaying the first interactive action in sub-step 821 can be referred to Figure 9 As shown. Figure 9 As shown in Figure (1), a second message bubble 901, sent by the other user's account, is displayed in the chat interface 900. The user can enter the first message 902, "Hey! Love you! Sending love!", in the message input box of the chat interface 900 to reply to the second message in the second message bubble 901. Figure 9As shown in Figure (2), when the user clicks the send control, a first message bubble 903 is displayed in the chat interface 900. The first message in the first message bubble 903 is displayed as a single line. Furthermore, the first message in the first message bubble 903 meets the triggering condition. Based on the semantics of the first message, at least one interactive action corresponding to the semantics of the first message is determined, and at least one selection control 904 corresponding to the at least one interactive action is displayed, including selection controls corresponding to interactive actions such as "Give a heart," "Thank you very much," and "Give a high five." Figure 9 As shown in Figure (3), in response to the selection operation of the first selection control 905, the first interactive action is determined to be the interactive action corresponding to "thank you very much", that is, the first interactive action is an interactive action to express gratitude. Since the display area occupied by the first message bubble 903 in the chat interface 900 conflicts with the display area to be occupied by the first interactive action in the chat interface 900, according to the display specifications of the first interactive action, the first message bubble 906 with a changed form is displayed. The first message in the first message bubble 906 with a changed form is displayed in two lines, and the length of the first message bubble 906 with a changed form is shortened and the width is increased, so as to better make way for the display area of ​​the first interactive action. Figure 9 As shown in Figure (4), based on the display area of ​​the first message bubble 906 after its shape transformation in the chat interface 900, a first interactive action 907 is displayed on the left side of the first message bubble 906 after its shape transformation. The first interactive action 907 is a human-like thank-you action performed between the first extended element of the first message bubble 906 after its shape transformation and the second message bubble 901. This human-like thank-you action is a waving gesture. The thank-you action is related to the semantics of the first message "Hey! Love you! Heart!"

[0126] By displaying a human-like first interactive action between the first limb element and the second message, the familiarity and intimacy between the first interactive action and the user can be increased, thereby enhancing the fun of chatting and helping to increase the user's enthusiasm and participation in sending messages.

[0127] In some embodiments, step 820 is followed by step 830.

[0128] Step 830: A second interaction action is performed between the second extended element and the first message bubble. The second extended element is an extended element that extends from the second message bubble.

[0129] If the first message in the first message bubble meets the triggering condition, after displaying the first extended element and the second message bubble to perform the first interactive action, the second extended element and the first message bubble can also be displayed to perform the second interactive action.

[0130] If the first interactive action shown in step 830 is performed between the second extended element and the first message bubble, then the second interactive action is an interactive action formed by the cooperation of the second extended element and the first message bubble. The second extended element and the first message bubble in the second interactive action may or may not be in contact with each other. For example, if the second interactive action is the second extended element touching the first message bubble, then the second extended element and the first message bubble are in contact; if the second interactive action is the second extended element greeting the second message bubble, then the second extended element and the first message bubble are not in contact.

[0131] In some embodiments, the action type of the second interactive action is related to the semantics of the first message; or, related to the semantics of the second message; or, related to the combined semantics of the first and second messages. The method for determining the second interactive action can be referred to the above embodiments, and will not be repeated here.

[0132] Optionally, the second interactive action can be related to the first interactive action. For example, both the second and first interactive actions are semantically related to the first message, or both are semantically related to the second message, or both are semantically related to the merging of the first and second messages. For instance, the second interactive action can be an action responding to the first interactive action. For example, if the first interactive action is the action of the first extended element touching the second message bubble, then the second interactive action can be the action of the second extended element touching the first message bubble. For instance, the second interactive action can be an action continuing from the first interactive action. For example, if the first interactive action is the action of the first extended element making a heart shape with its hands towards the second message bubble, then the second interactive action can be the action of the second extended element showing the heart shape breaking open towards the first message bubble.

[0133] Optionally, the second interactive action may be unrelated to the first interactive action. For example, the first interactive action may be related to the semantics of the first message, and the second interactive action may be related to the semantics of the second message, or the combined semantics of the first and second messages. Alternatively, the first interactive action may be related to the semantics of the second message, and the second interactive action may be related to the semantics of the first message, or the combined semantics of the first and second messages. For example, the first interactive action may be determined as a heart gesture based on the semantics of the first message, and the second interactive action may be determined as a like gesture based on the semantics of the second message.

[0134] Optionally, a second interactive action can be performed between the second extended element displayed next to the second message bubble and the first message bubble, or a first interactive action can be performed between the second extended element displayed next to the first message bubble and the first message bubble. In one example, if a first interactive action is performed between the first extended element displayed next to the first message bubble and the second message bubble, then a second interactive action is performed between the second extended element displayed next to the second message bubble and the first message bubble; if a first interactive action is performed between the first extended element displayed next to the second message bubble and the second message bubble, then a first interactive action is performed between the second extended element displayed next to the first message bubble and the first message bubble.

[0135] In some embodiments, after the first message in the first message bubble meets the triggering condition, and the first limb element performs a first interactive action to the second message bubble, the second limb element and the first message bubble may also perform a second interactive action.

[0136] Since the second limb element is an anthropomorphic extension based on human body parts, the second interactive action performed between the second limb element and the first message bubble is a human-like interactive action. This second interactive action is based on actions that humans can perform, such as touching, hugging, making a heart shape with your hands, giving a thumbs-up, and kissing.

[0137] For example, if the second limb element is a cartoon limb element based on a human hand, then in one example, the process of displaying the second interactive action can be referred to Figure 10 As shown, Figure 10 Based on Figure 9 The process shown depicts the second interactive action following the first interactive action. Figure 10 Figures (1), (2), and (3) in the middle are... Figure 9 The consistency shown in the figure. For example... Figure 10As shown in Figure (4), the first interactive action 907 is displayed to the left of the first message bubble 906 after the shape transformation. Since the display area occupied by the second message bubble 901 in the chat interface 900 conflicts with the display area to be occupied by the second interactive action in the chat interface 900, the second message bubble 908 after the shape transformation is displayed according to the display specifications of the second interactive action. The second message in the second message bubble 908 after the shape transformation is displayed in three lines, and the length of the second message bubble 908 after the shape transformation is shortened and the width is increased to better make way for the display area of ​​the second interactive action. According to the display area of ​​the second message bubble 908 after the shape transformation in the chat interface 900, the second interactive action 909 is displayed to the right of the second message bubble 908 after the shape transformation. The second interactive action 909 is a human-like reply action performed between the second extended element of the second message bubble 908 after the shape transformation and the first message bubble 903. The human-like reply action is a waving action to reply to the first interactive action.

[0138] By displaying a second interactive action between the second extended element and the first message bubble, allowing the second extended element to provide feedback after the first extended element and the first message bubble interact, the content displayed on the chat interface is enriched, and the interactive effect of the chat interface is improved.

[0139] In some embodiments, in the first and second methods of displaying the first interactive action described above, the position between the first message bubble and the second message bubble changes during the execution of the first interactive action.

[0140] The first interactive action needs to occupy a portion of the display area in the chat interface. Therefore, the position between the first message bubble and the second message bubble needs to be adjusted according to the display specifications of the first interactive action.

[0141] As described above, when a first interactive action is performed between a first extended element and a second extended element displayed beside a first message bubble, the first message bubble with a transformed shape is displayed according to the length in the display specifications of the first interactive action, allowing the transformed first message bubble to provide display area in the length direction for the first interactive action. Simultaneously, the position between the first and second message bubbles needs to change according to the width in the display specifications of the first interactive action. For example, if the interval between the first and second message bubbles is insufficient to display the first interactive action, the first message bubble needs to move vertically away from the second message bubble, i.e., move downwards, allowing the transformed first message bubble to provide display area in the width direction for the first interactive action. Then, based on the display areas of the transformed and repositioned first message bubbles in the chat interface, the first interactive action is displayed beside the transformed and repositioned first message bubbles.

[0142] When a first interactive action is performed between the first and second extended elements displayed next to the second message bubble, the second message bubble with a transformed shape is displayed according to the length specified in the display specifications of the first interactive action, allowing the transformed second message bubble to make way for the display area in the length direction of the first interactive action. Simultaneously, the position between the first and second message bubbles needs to change according to the width specified in the display specifications of the first interactive action. For example, if the gap between the first and second message bubbles is insufficient to display the first interactive action, the first message bubble needs to move vertically away from the second message bubble, i.e., move downwards, allowing the changed first message bubble to make way for the display area in the width direction of the first interactive action. Then, based on the display area of ​​the transformed second message bubble in the chat interface and the display area of ​​the position-changed first message bubble in the chat interface, the first interactive action is displayed next to the transformed second message bubble.

[0143] By changing the position between the first and second message bubbles, display area is made available for the first interactive action, allowing it to be displayed more reasonably and naturally in the chat interface. This avoids the message bubbles and interactive actions being displayed too narrowly due to insufficient display area, thus ensuring the display effect of the first interactive action.

[0144] In some embodiments, in the first and second methods of displaying the first interactive action described above, during the execution of the first interactive action, an interactive action between bodies with a first message bubble as the first body and a second message bubble as the second body is displayed.

[0145] The interaction between a first message bubble (as the first body) and a second message bubble (as the second body) refers to an interaction between the first and second message bubbles. Optionally, the interaction can be an interaction where the first and second message bubbles come into contact with each other. For example, the interaction could be an interaction where the first and second message bubbles touch and then separate, or an interaction where the first and second message bubbles exchange positions and then return to their original positions. Optionally, the interaction can also be an interaction where the first and second message bubbles do not come into contact with each other. For example, the interaction could be an interaction where the first and second message bubbles shake in their respective positions, or an interaction where the first and second message bubbles move parallel to each other for a distance and then return to their original positions.

[0146] Optionally, the interaction between the bodies with the first message bubble as the first body and the second message bubble as the second body can be displayed before the first interactive action is displayed, or the interaction between the bodies with the first message bubble as the first body and the second message bubble as the second body can be displayed after the first interactive action is displayed, or the interaction between the bodies with the first message bubble as the first body and the second message bubble as the second body can be displayed at the same time as the first interactive action is displayed.

[0147] By displaying the interactive actions between the first message bubble as the first body and the second message bubble as the second body, the dynamic changes of the elements within the interface are expanded, the content displayed in the chat interface is enriched, and the interactive effect of the chat interface is further enhanced.

[0148] In some embodiments, sub-step 821 may include sub-step 8211.

[0149] Sub-step 8211 involves, when the first message references the second message, displaying a first limb element extending to the display position of the second message bubble, and a first interactive action whereby the first limb element drags a copy of the second message bubble to the display position of the first message bubble. Here, the second message is the message within the second message bubble.

[0150] When the first message references the second message, it means that the first message is a reply to the second message, and when the first message replies, a copy of the second message bubble will be displayed above the first message bubble. The copy of the second message bubble is a message bubble derived from the second message bubble, and the content displayed in the copy of the second message bubble is the same as that of the second message bubble. The bubble style of the copy of the second message bubble can be the same as or different from that of the second message bubble.

[0151] If the bubble style of the copy of the second message bubble is the same as that of the second message bubble, then the copy of the second message bubble is a message bubble obtained by copying the second message bubble, and the copy of the second message bubble and the second message bubble can completely overlap. If the bubble style of the copy of the second message bubble is different from that of the second message bubble, then the copy of the second message bubble and the second message bubble cannot completely overlap. For example, the copy of the second message bubble can be a message bubble whose bubble size has changed.

[0152] "Displaying the first limb element extending to the display position of the second message bubble" refers to the interactive action of displaying the first limb element extending from the first message bubble to the display position of the second message bubble. "Displaying the first limb element dragging a copy of the second message bubble to the display position of the first message bubble" refers to the interactive action of displaying the first limb element touching the second message bubble, dragging the second message bubble, dragging out a copy of the second message bubble, and then dragging the copy of the second message bubble to the display position of the first message bubble.

[0153] In some embodiments, the first interactive action in sub-step 8211 is related to the sending operation of the first message.

[0154] Different sending operations correspond to at least one different interactive action, and these at least one interactive action are pre-set. If the sending operation of the first message is an operation that references other messages, then the at least one interactive action is the at least one interactive action corresponding to the reference operation. After the second message bubble is displayed, in response to the reference operation for the second message, the at least one interactive action corresponding to the reference operation is determined, and at least one selection control corresponding to the at least one interactive action is displayed. In response to the selection operation of the first selection control, the first interactive action is determined. If the sending operation of the first message is an operation that forwards other messages, then the at least one interactive action is the at least one interactive action corresponding to the forwarding operation. After the second message bubble is displayed, in response to the reference operation for the second message, the at least one interactive action corresponding to the forwarding operation is determined, and at least one selection control corresponding to the at least one interactive action is displayed. In response to the selection operation of the first selection control, the first interactive action is determined.

[0155] The first interactive action in sub-step 8211 is an interactive action among at least one interactive action corresponding to the reference operation.

[0156] For example, if the first limb element is a cartoon limb element based on a human hand, then in one example, the process of sub-step 8211 displaying the first interactive action can be referred to Figure 11 As shown. Figure 11As shown in Figure (1), a second message bubble 1101, indicating a message sent by the other user's account, is displayed in the chat interface 1100. When the user clicks the second message bubble 1101, at least one selection control 1102 is displayed in the chat interface 1100. Different selection controls are used to indicate different interactive actions. When the user clicks one of the selection controls, a second message is displayed above the message input box in the chat interface 1100, indicating that the message being replied to is a reference to the second message. The user can then enter the first message 1104 in the message input box based on the second message displayed above the message input box. Figure 11 As shown in Figure (2), when the user clicks the send control, the first message bubble 1105 is displayed in the chat interface 1100. If the first message, referencing the second message, is successfully sent, then the first message meets the trigger condition and displays the first interactive action 1106. The first interactive action 1106 is a human-like interactive action where the first limb element extends to the display position of the second message bubble 1101, and the first limb element drags a copy of the second message bubble to the display position of the first message bubble 1105. For example... Figure 11 As shown in Figure (3), the position of the first message bubble changes. After the first interactive action drags the copy 1108 of the second message bubble to the display position of the first message bubble 1105, the first message bubble 1105 moves downward according to the display position of the copy 1108 of the second message bubble, and the first message bubble after the position is moved is displayed. The bubble style of the copy 1108 of the second message bubble is the same as the bubble style of the second message bubble 1101.

[0157] By displaying the interactive actions of extending and dragging the first limb element, the process of the first message referencing the second message is visualized, increasing the fun of the interface display, improving the interactive effect of the chat interface, and helping to increase users' enthusiasm and participation in referencing messages.

[0158] In some embodiments, after displaying the first interactive action, a fourth interactive action may also be performed between a copy of the first limb element and the second message bubble, the fourth interactive action being a human-like interactive action.

[0159] For example, such as Figure 11 As shown in Figure (3), after displaying the first interactive action 1106, a fourth interactive action 1109 is displayed in the chat interface 1100, in which a copy of the first limb element surrounds the second message bubble, and a copy of the first limb element is bound to the second message bubble. The fourth interactive action 1109 is a human-like interactive action. Figure 11As shown in Figure (4), the reference message bubble 1110 is displayed after the fourth interactive action 1109 is completed. The reference message bubble 1110 includes a copy 1108 of the first message bubble and the second message bubble after the position is moved.

[0160] In some embodiments, after displaying the first interactive action, a fifth interactive action, which is a humanoid interactive action, may also be displayed between the second limb element and the first message bubble. The second limb element is a second extension element extending from a copy of the second message bubble. For example, a humanoid fifth interactive action may be displayed, showing the second limb element surrounding the first message bubble and the second limb element binding the first message bubble.

[0161] In some embodiments, after displaying the first interactive action, a fourth interactive action may be displayed between the first limb element and a copy of the second message bubble, and a fifth interactive action may be displayed between the second limb element and the first message bubble. For example, a fourth interactive action may be displayed, in which the first limb element surrounds a copy of the second message bubble and the first limb element is bound to a copy of the second message bubble, and a fifth interactive action may be displayed, in which the second limb element surrounds the first message bubble and the second limb element is bound to the first message bubble.

[0162] In some embodiments, sub-step 821 may further include sub-step 8212.

[0163] Sub-step 8212 shows the execution of a third interaction action between the first limb element and the second limb element. The second limb element is a second extension element derived from a copy of the second message bubble.

[0164] For example, if the first limb element is a cartoon limb element based on a human hand, then in one example, the process of sub-step 8212 displaying the third interactive action can be referred to Figure 12 As shown. Figure 12 As shown in Figure (1), a second message bubble 1201 indicating a message sent by the other user's account is displayed in the chat interface 1200. When the user clicks the second message bubble 1201, at least one selection control 1202 is displayed in the chat interface 1200. Different selection controls are used to indicate different interactive actions. When the user clicks one of the selection controls, a second message is displayed above the message input box in the chat interface 1200. The user then enters the first message 1204 in the message input box. Figure 12 As shown in Figure (2), when the user clicks the send control, the first message bubble 1205 is displayed in the chat interface 1200. If the first message, which references the second message, is successfully sent, then the first message meets the triggering condition and the first interactive action 1206 is displayed. Figure 12As shown in Figure (3), the position of the first message bubble changes. After the first interactive action drags the copy 1208 of the second message bubble to the display position of the first message bubble 1205, the first message bubble 1205 moves downward according to the display position of the copy 1208 of the second message bubble, and the first message bubble after the position change is displayed. After displaying the first interactive action 1206, the third interactive action 1209, in which the first limb element and the second limb element touch each other, is displayed in the chat interface 1200. Figure 12 As shown in Figure (4), the reference message bubble 1210 is displayed after the third interactive action 1209 is completed. The reference message bubble 1210 includes a copy 1208 of the first message bubble and the second message bubble after the position is moved.

[0165] By displaying a third, human-like interactive action between the first and second limb elements when the first message references the second message, the possibilities for implementing interactive actions are expanded, further increasing the fun of the interface display and helping to improve the interactive effect of the chat interface.

[0166] In some embodiments, during the execution of a first interactive action, a second message bubble of the first style and a copy of the second message bubble of the second style are displayed. The brightness of the bubble color corresponding to the first style is less than the brightness of the bubble color corresponding to the second style; or, the border of the bubble corresponding to the first style is displayed as a dashed line, and the border of the bubble corresponding to the second style is displayed as a solid line.

[0167] The second message bubble displays the first style, and the second message bubble displays the second style; the first style and the second style are different. For example... Figure 11 As shown in Figure (3), a second message bubble of the first style 1107 and a copy of the second message bubble of the second style 1108 are displayed in the chat interface 1100. The bubble color of the second message bubble 1107 is light gray, and the bubble color of the copy of the second message bubble 1108 is dark gray. Therefore, the brightness of the bubble color of the second message bubble 1107 is less than that of the bubble color of the copy of the second message bubble 1108. Furthermore, the bubble border of the second message bubble 1107 is displayed as a dashed line, while the bubble border of the copy of the second message bubble 1108 is displayed as a solid line. (See also...) Figure 12 In Figure (3), the brightness of the bubble color of the second message bubble 1207 is less than the brightness of the bubble color of the copy of the second message bubble 1208, and the bubble border of the second message bubble 1207 is displayed as a dashed line, while the bubble border of the copy of the second message bubble 1208 is displayed as a solid line.

[0168] By differentiating the display styles of the second message bubble and its copy, users can intuitively see the referenced and referenced messages in the chat interface, enriching the display methods of message bubbles, increasing their display forms, and enhancing the fun of the interface display.

[0169] In some embodiments, during the execution of the first interactive action, the positions of the first message bubble and the copy of the second message bubble are aligned.

[0170] The display of the first message bubble and its copy being aligned refers to the interactive action of gradually moving the first message bubble and its copy closer together until they are perfectly aligned. After the first action is completed, there is no display gap between the first message bubble and its copy. Figure 11 As shown in Figure (3), the copy 1108 of the second message bubble and the first message bubble 1105 are attached to each other, and there is no display interval between the copy 1108 of the second message bubble and the first message bubble 1105.

[0171] By aligning the copies of the first and second message bubbles, the referencing relationship between the second and first messages is clearly shown, and the display area occupied by the copies of the first and second message bubbles in the chat interface is saved, improving the harmony and fun of the interface display.

[0172] The third type:

[0173] Please refer to Figure 13 This illustrates a flowchart of a method for displaying a first interactive action according to another embodiment of this application. The method may include at least one of the following steps 1310-1320:

[0174] Step 1310: Display at least one message bubble, each message bubble being used to display one message.

[0175] Step 1320: If the first message in the first message bubble meets the triggering condition, display the first extended element and perform the first interactive action between the first message bubble.

[0176] The first interactive action shown in step 1320 is performed between the first extended element and the first message bubble. Therefore, this first interactive action is an interactive action formed by the cooperation of the first extended element and the first message bubble. The first extended element and the first message bubble in the first interactive action may or may not be in contact with each other. For example, if the first interactive action is the action of the first extended element embracing the first message bubble, then the first extended element and the first message bubble are in contact. If the first interactive action is the action of the first extended element surrounding the first message bubble, then the first extended element and the first message bubble may not be in contact.

[0177] In some embodiments, the action type of the first interactive action is related to the semantics of the first message, as can be found in the above embodiments, which will not be repeated here.

[0178] In some embodiments, if the first message in the first message bubble meets the triggering condition, a first interactive action is performed between the first limb element and the first message bubble.

[0179] For example, if the first limb element is a cartoon limb element formed based on a human hand, then in one example, the first interactive action is determined based on the semantics of the first message. The process of displaying the first interactive action in step 1320 can be referred to... Figure 14 As shown. Figure 14 As shown in Figure (1), a second message bubble 1401 sent by the other user account is displayed in the chat interface 1400. The user can enter the first message 1402 "Great! I want to buy it too!" in the message input box of the chat interface 1400. Figure 14 As shown in Figure (2), when the user clicks the send control, a first message bubble 1403 is displayed in the chat interface 1400. The first message in the first message bubble 1403 meets the triggering condition. Based on the semantics of the first message, at least one interactive action corresponding to the semantics of the first message is determined, and at least one selection control 1404 corresponding to the at least one interactive action is displayed, including selection controls corresponding to interactive actions such as "Give me a high five," "Give me a hug," and "Give me a heart." Figure 14 As shown in Figure (3), in response to the selection operation on the first selection control 1405, the first interactive action is determined to be the interactive action corresponding to "give a hug", that is, the first interactive action is the interactive action representing a hug. Figure 14 As shown in Figure (4), a first interactive action 1406 is performed between the first extended element and the first message bubble 1403. The first interactive action 1406 is a human-like gesture representing a hug, which is related to the semantics of the first message.

[0180] By displaying the first interactive action between the first extended element and the first message bubble, the display methods of interactive actions are enriched, and the fun of the interface display is enhanced.

[0181] The following describes the backend execution process for displaying at least one selection control.

[0182] In some embodiments, when the action type of the interactive action is related to the semantics of the first message, at least one word in the first message is obtained; similarity matching is performed on at least one word and at least one keyword in the keyword library to obtain a target keyword, wherein the similarity between the target keyword and the target word in at least one word is greater than or equal to a preset threshold, and the similarity is the maximum value among at least one similarity between at least one word and at least one keyword; interactive action data corresponding to the target keyword is obtained, wherein the interactive action data includes data of at least one interactive action.

[0183] For example, the similarity between at least one word and at least one keyword is calculated to obtain at least one similarity score. The maximum value among the at least one similarity score is then obtained. If the maximum value is greater than or equal to a preset threshold, the keyword corresponding to the maximum value is determined as the target keyword. The server pre-sets interactive action data corresponding to at least one keyword. After determining the target keyword, the interactive action data corresponding to the target keyword is obtained. The interactive action data corresponding to the target keyword includes data for at least one interactive action. This application does not limit the preset threshold.

[0184] Based on the interactive action data corresponding to the target keyword, at least one selection control is displayed, and each selection control corresponds to an interactive action. In response to a selection operation on the first selection control, a first interactive action is determined, and the data of the first interactive action is obtained from the interactive action data. Then, the first interactive action is displayed based on the data of the first interactive action.

[0185] By acquiring interactive action data using the above method, at least one interactive action data obtained is semantically matched with the first message, allowing the displayed interactive action to conform to the semantics of the first message, providing timely visual feedback on the first message, and improving the display effect of the interface.

[0186] In some embodiments, when the action type of the interactive action is related to the semantics of the second message, at least one word in the second message is obtained; similarity matching is performed on at least one word and at least one keyword in the keyword library to obtain a target keyword, wherein the similarity between the target keyword and the target word in at least one word is greater than or equal to a preset threshold, and the similarity is the maximum value among at least one similarity between at least one word and at least one keyword; interactive action data corresponding to the target keyword is obtained, wherein the interactive action data includes data of at least one interactive action.

[0187] In some embodiments, when the action type of the interactive action is related to the combined semantics of the first message and the second message, at least one word in the first message and the second message is obtained; similarity matching is performed on at least one word and at least one keyword in the keyword library to obtain a target keyword, wherein the similarity between the target keyword and the target word in at least one word is greater than or equal to a preset threshold, and the similarity is the maximum value among at least one similarity between at least one word and at least one keyword; interactive action data corresponding to the target keyword is obtained, wherein the interactive action data includes data of at least one interactive action.

[0188] In some embodiments, when the action type of the interactive action is related to the combined semantics of the first message and the second message, the relationship between the first message and the second message is determined by a semantic analysis model, and the corresponding interactive action data is obtained based on the relationship between the first message and the second message. For example, if the first message and the second message are a matching poem relationship, then the interactive action data corresponding to the poem relationship is obtained.

[0189] In some embodiments, when the action type of the interactive action is related to the sending operation of the first message, the corresponding interactive action data is obtained according to the sending operation of the first message. For example, if the sending operation of the first message is an operation in which the first message references the sending of other messages, then the interactive action data corresponding to the reference operation is obtained.

[0190] In some embodiments, the data of the interactive action includes a control display identifier for the interactive action and image data of the interactive action. The control display identifier is used to display a selection control corresponding to the interactive action, and the image data of the interactive action is used to display the interactive action. The control display identifier for the interactive action includes at least one of the following: a thumbnail identifier for the interactive action, or a text identifier for the interactive action. The image data of the interactive action includes image data of a first extended element, and, if the interactive action includes a second extended element, the image data of the interactive action further includes image data of the second extended element.

[0191] Optionally, the control display identifier for the interactive action may include only the thumbnail identifier of the interactive action, only the text identifier of the interactive action, or both the thumbnail identifier and the text identifier of the interactive action. Figure 6 At least one selection control 604 is displayed as a thumbnail icon of the interactive action and a text icon of the interactive action. Figure 11 At least one selection control 1102 is displayed as a thumbnail icon of an interactive action.

[0192] When the interactive action includes a first extended element, the image data of the interactive action includes the image data of the first extended element. When the interactive action includes a second extended element, the image data of the interactive action includes the image data of the second extended element. When the interactive action includes both a first extended element and a second extended element, the image data of the interactive action includes the image data of both the first extended element and the second extended element. For example, the image data includes resource links to at least one image; that is, the image data of the first extended element includes resource links to at least one image of the first extended element, and the image data of the second extended element includes resource links to at least one image of the second extended element.

[0193] For example, interactive motion data can be referenced Figure 15 As shown, the interactive action data includes data for at least one interactive action, such as data for interactive action 1, data for interactive action 2, etc. The data for interactive action 1 includes a thumbnail identifier for interactive action 1, a text identifier for interactive action 1, image data for the first extended element of interactive action 1, and image data for the second extended element of interactive action 1. The data for interactive action 2 includes a thumbnail identifier for interactive action 2, a text identifier for interactive action 2, image data for the first extended element of interactive action 2, and image data for the second extended element of interactive action 2.

[0194] When the interactive action includes a first extension element and a second extension element, the image data of the first extension element and the image data of the second extension element are obtained. The images of at least one first extension element and at least one second extension element are stitched together to obtain at least one interactive action image. The interactive action is obtained by displaying the at least one interactive action image in sequence.

[0195] Figure 16 This diagram illustrates interactive actions based on image data. Figure 16 In Figure (1), the first interactive action includes a first extended element and a second extended element. The image 1602 of the first extended element and the image 1601 of the second extended element are then stitched together to obtain the interactive action image. Figure 16In Figure (2), if the first interactive action only includes the first extended element, then the image 1603 of the first extended element is used as the interactive action image.

[0196] By setting the image data of the first extended element and the image data of the second extended element respectively, the first extended element and the second extended element can be displayed together or displayed separately, which provides more possibilities for the realization of interactive actions and enriches the display effect of interactive actions.

[0197] Figure 17 This diagram illustrates the interaction flow between the client and server. The message backend and the extended element recommendation backend are located on the server. The process of matching interactive actions based on the semantics of the first message includes the following steps S1-S11: Step S1: The user edits the first message on the client. Step S2: The user triggers the send control to send the first message. Step S3: The client sends a message request command to the message backend, requesting the backend to perform a validity check on the first message. Step S4: After receiving the first message, the message backend performs a validity check on it. Step S5: The message backend sends the message status to the client based on the validity check result. Step S6: If the first message passes the validity check, it is sent to the extended element recommendation backend. Step S7: If the first message passes the validity check, the message is displayed; if the first message fails the validity check, a message sending failure message is displayed. Step S8: The extended element recommendation backend matches keywords based on the semantics of the first message. Step S9: The interactive action data corresponding to the keywords is obtained. Step S10: The extended element recommendation backend sends the interactive action data to the client. Step S11: The client displays the selection control based on the interaction action data.

[0198] Application scenario examples:

[0199] The message bubble display method provided in this application embodiment can be applied to the social field, the gaming field, the video field, etc. The message bubble display method applied to the social field and the gaming field will be introduced below.

[0200] Applications in the social sphere:

[0201] In one application scenario, the method of displaying message bubbles can be applied to the social networking field. Figure 18 A flowchart illustrating a method for displaying message bubbles in a social networking field, according to an embodiment of this application, is shown. The execution entity for each step of this method can be a terminal device. The method may include at least one of the following steps 1810-1820.

[0202] Step 1810: In the chat interface of the social application, at least one message bubble is displayed, and each message bubble in the at least one message bubble is used to display one message.

[0203] Step 1820: If the first message in the first message bubble meets the triggering condition, display the first extended element extending from the first message bubble to perform the first interactive action; wherein, the first message bubble is one of at least one message bubble.

[0204] In some embodiments, when the first message in the first message bubble meets the triggering condition, a first interactive action is performed between the first extended element and the second extended element; wherein the second extended element is an extended element that extends from the second message bubble, and the second message bubble is another of at least one message bubble.

[0205] In some embodiments, if the first message in the first message bubble meets the triggering condition, a first interactive action is performed between the first extended element and the first message bubble.

[0206] In some embodiments, if the first message in the first message bubble meets the triggering condition, a first interactive action is performed between the first extended element and the second message bubble; wherein the second message bubble is another of at least one message bubble.

[0207] In some embodiments, a second interaction is performed between the second extended element and the first message bubble; wherein the second extended element is an extended element that extends from the second message bubble.

[0208] In some embodiments, the first extension element is a first limb element extending from the first message bubble, and the second extension element is a second limb element extending from the second message bubble.

[0209] In some embodiments, the action type of the interactive action is related to the semantics of the target message; the target message is a first message, or a second message, or a first message and a second message; wherein, the second message is a message in a second message bubble, and the second message bubble is another message bubble in at least one message bubble.

[0210] In some embodiments, at least one selection control is displayed, each selection control corresponding to an interactive action; in response to a selection operation on a first selection control, a first interactive action is determined.

[0211] In some embodiments, during the execution of the first interactive action, the position between the first message bubble and the second message bubble changes.

[0212] In some embodiments, during the execution of a first interactive action, an interactive action between bodies, with a first message bubble as the first body and a second message bubble as the second body, is displayed.

[0213] In some embodiments, when the first message references the second message, a first interactive action is performed whereby the first limb element extends to the display position of the second message bubble, and the first limb element drags a copy of the second message bubble to the display position of the first message bubble; wherein the second message is a message in the second message bubble.

[0214] In some embodiments, a third interactive action is performed between a first limb element and a second limb element; wherein the second limb element is a second extension element extending from a copy of the second message bubble.

[0215] In some embodiments, during the execution of a first interactive action, a second message bubble of the first style and a copy of the second message bubble of the second style are displayed; wherein the brightness of the bubble color corresponding to the first style is less than the brightness of the bubble color corresponding to the second style; or, the bubble border corresponding to the first style is displayed as a dashed line, and the bubble border corresponding to the second style is displayed as a solid line.

[0216] In some embodiments, during the execution of the first interactive action, the positions of the first message bubble and the copy of the second message bubble are aligned.

[0217] In some embodiments, if the action type of the interactive action is related to the semantics of the first message, then at least one word in the first message is obtained; similarity matching is performed on at least one word and at least one keyword in the keyword library to obtain a target keyword, wherein the similarity between the target keyword and the target word in at least one word is greater than or equal to a preset threshold, and the similarity is the maximum value among at least one similarity between at least one word and at least one keyword; interactive action data corresponding to the target keyword is obtained, wherein the interactive action data includes data of at least one interactive action.

[0218] In some embodiments, the data of the interactive action includes a control display identifier for the interactive action and image data of the interactive action. The control display identifier for the interactive action is used to display a selection control corresponding to the interactive action, and the image data of the interactive action is used to display the interactive action. The control display identifier for the interactive action includes at least one of the following: a thumbnail identifier for the interactive action and a text identifier for the interactive action. The image data of the interactive action includes image data of a first extended element, and, if the interactive action includes a second extended element, the image data of the interactive action further includes image data of the second extended element.

[0219] The message bubble display method provided in this application, applied to the social networking field, causes a shape change in the first message bubble when the first message in the first message bubble meets the trigger condition. A first extended element extending from the first message bubble enriches its display form, providing users with a differentiated and engaging social chat experience. Furthermore, the first extended element extending from the first message bubble executes a first interactive action, allowing it to interact with other interface elements in the chat interface of the social application. This causes dynamic changes in the interface elements, enriching the content displayed and enhancing the interactive effect of the chat interface. Moreover, by displaying the first extended element executing the first interactive action when the first message meets the trigger condition, the display of the first interactive action is controlled by the user. This not only meets the user's chat needs but also enriches their emotional expression, helping to increase user enthusiasm and participation in sending messages, promoting interaction between users on the same platform and other users, and enhancing user stickiness.

[0220] Applications in the gaming industry:

[0221] In one application scenario, the method of displaying message bubbles can be applied to the gaming industry. Figure 19 A flowchart illustrating a method for displaying message bubbles in the gaming field according to an embodiment of this application is shown. The execution entity for each step of this method can be a terminal device. The method may include at least one of the following steps 1910-1920.

[0222] Step 1910: In the chat interface of the game application, at least one message bubble is displayed, and each message bubble in the at least one message bubble is used to display one message.

[0223] Step 1920: If the first message in the first message bubble meets the triggering condition, display the first extended element extending from the first message bubble to perform the first interactive action; wherein, the first message bubble is one of at least one message bubble.

[0224] In some embodiments, when the first message in the first message bubble meets the triggering condition, a first interactive action is performed between the first extended element and the second extended element; wherein the second extended element is an extended element that extends from the second message bubble, and the second message bubble is another of at least one message bubble.

[0225] In some embodiments, if the first message in the first message bubble meets the triggering condition, a first interactive action is performed between the first extended element and the first message bubble.

[0226] In some embodiments, if the first message in the first message bubble meets the triggering condition, a first interactive action is performed between the first extended element and the second message bubble; wherein the second message bubble is another of at least one message bubble.

[0227] In some embodiments, a second interaction is performed between the second extended element and the first message bubble; wherein the second extended element is an extended element that extends from the second message bubble.

[0228] In some embodiments, the first extension element is a first limb element extending from the first message bubble, and the second extension element is a second limb element extending from the second message bubble.

[0229] In some embodiments, the action type of the interactive action is related to the semantics of the target message; the target message is a first message, or a second message, or a first message and a second message; wherein, the second message is a message in a second message bubble, and the second message bubble is another message bubble in at least one message bubble.

[0230] In some embodiments, at least one selection control is displayed, each selection control corresponding to an interactive action; in response to a selection operation on a first selection control, a first interactive action is determined.

[0231] In some embodiments, during the execution of the first interactive action, the position between the first message bubble and the second message bubble changes.

[0232] In some embodiments, during the execution of a first interactive action, an interactive action between bodies, with a first message bubble as the first body and a second message bubble as the second body, is displayed.

[0233] In some embodiments, when the first message references the second message, a first interactive action is performed whereby the first limb element extends to the display position of the second message bubble, and the first limb element drags a copy of the second message bubble to the display position of the first message bubble; wherein the second message is a message in the second message bubble.

[0234] In some embodiments, a third interactive action is performed between a first limb element and a second limb element; wherein the second limb element is a second extension element extending from a copy of the second message bubble.

[0235] In some embodiments, during the execution of a first interactive action, a second message bubble of the first style and a copy of the second message bubble of the second style are displayed; wherein the brightness of the bubble color corresponding to the first style is less than the brightness of the bubble color corresponding to the second style; or, the bubble border corresponding to the first style is displayed as a dashed line, and the bubble border corresponding to the second style is displayed as a solid line.

[0236] In some embodiments, during the execution of the first interactive action, the positions of the first message bubble and the copy of the second message bubble are aligned.

[0237] In some embodiments, if the action type of the interactive action is related to the semantics of the first message, then at least one word in the first message is obtained; similarity matching is performed on at least one word and at least one keyword in the keyword library to obtain a target keyword, wherein the similarity between the target keyword and the target word in at least one word is greater than or equal to a preset threshold, and the similarity is the maximum value among at least one similarity between at least one word and at least one keyword; interactive action data corresponding to the target keyword is obtained, wherein the interactive action data includes data of at least one interactive action.

[0238] In some embodiments, the data of the interactive action includes a control display identifier for the interactive action and image data of the interactive action. The control display identifier for the interactive action is used to display a selection control corresponding to the interactive action, and the image data of the interactive action is used to display the interactive action. The control display identifier for the interactive action includes at least one of the following: a thumbnail identifier for the interactive action and a text identifier for the interactive action. The image data of the interactive action includes image data of a first extended element, and, if the interactive action includes a second extended element, the image data of the interactive action further includes image data of the second extended element.

[0239] The message bubble display method applied to the gaming field provided in this application embodiment causes a shape change in the first message bubble when the first message in the first message bubble meets the trigger condition. The first extended element extending from the first message bubble enriches its display form, providing users with a differentiated and fun gaming chat experience. Furthermore, the first extended element extending from the first message bubble executes a first interactive action, allowing the first extended element to interact with other interface elements in the game application's chat interface. This causes dynamic changes in the interface elements, enriching the content displayed in the chat interface and enhancing its interactive effect. Moreover, by displaying the first extended element executing the first interactive action when the first message meets the trigger condition, the display of the first interactive action is controlled by the user. This not only meets the user's chat needs but also enriches the user's emotional expression, helping to increase the user's enthusiasm and participation in sending messages, promoting interaction between users on the same device and other users, and improving user stickiness.

[0240] The following are embodiments of the apparatus described in this application, which can be used to execute the embodiments of the method described in this application. For details not disclosed in the apparatus embodiments of this application, please refer to the embodiments of the method described in this application.

[0241] Please refer to Figure 20This diagram illustrates a block diagram of a message bubble display device according to an embodiment of this application. The device has the function of implementing the aforementioned message bubble display method; this function can be implemented in hardware or by hardware executing corresponding software. The device can be the terminal device described above, or it can be installed within a terminal device. For example... Figure 20 As shown, the device 2000 may include a bubble display module 2010 and an interactive display module 2020.

[0242] Bubble display module 2010 is used to display at least one message bubble, each message bubble being used to display one message;

[0243] The interactive display module 2020 is used to display a first extended element extending from the first message bubble to perform a first interactive action when the first message in the first message bubble meets the triggering condition.

[0244] The first message bubble is one of the at least one message bubbles.

[0245] In some embodiments, the interactive display module 2020 is configured to:

[0246] When the first message in the first message bubble meets the triggering condition, the first interactive action is executed between the first extended element and the second extended element.

[0247] Wherein, the second extending element is an extending element extending from the second message bubble, and the second message bubble is another of the at least one message bubble. In some embodiments, the interactive display module 2020 is configured to:

[0248] When the first message in the first message bubble meets the triggering condition, the first interaction action is executed between the first extended element and the first message bubble.

[0249] In some embodiments, the interactive display module 2020 is configured to:

[0250] When the first message in the first message bubble meets the triggering condition, the first interactive action is executed between the first extended element and the second message bubble.

[0251] The second message bubble is another of the at least one message bubble.

[0252] In some embodiments, the interactive display module 2020 is configured to:

[0253] The second interaction action is performed between the second extended element and the first message bubble;

[0254] The second extended element is an extended element that extends from the second message bubble.

[0255] In some embodiments, the first extending element is a first limb element extending from the first message bubble.

[0256] In some embodiments, the first extending element is a first limb element extending from the first message bubble, and the second extending element is a second limb element extending from the second message bubble. In some embodiments, the action type of the interactive action is related to the semantics of the target message; the target message is the first message, or the second message, or both the first message and the second message.

[0257] Wherein, the second message is a message in the second message bubble, and the second message bubble is another of the at least one message bubble.

[0258] In some embodiments, the device 2000 further includes an interactive selection module, the interactive selection module being configured to:

[0259] Display at least one selection control, and each selection control corresponds to an interactive action;

[0260] In response to a selection operation on the first selection control, the first interactive action is determined.

[0261] In some embodiments, the interactive display module 2020 is configured to:

[0262] During the execution of the first interactive action, the position between the first message bubble and the second message bubble changes.

[0263] In some embodiments, the interactive display module 2020 is configured to:

[0264] During the execution of the first interactive action, an interactive action between the bodies with the first message bubble as the first body and the second message bubble as the second body is displayed.

[0265] In some embodiments, the first extending element is a first limb element extending from the first message bubble; the interactive display module 2020 is configured to:

[0266] When the first message references the second message, the first interactive action is to display the first limb element extending to the display position of the second message bubble, and to display the first limb element dragging a copy of the second message bubble to the display position of the first message bubble.

[0267] The second message is the message in the second message bubble.

[0268] In some embodiments, the interactive display module 2020 is configured to:

[0269] This displays a third interactive action being performed between the first limb element and the second limb element;

[0270] The second limb element is a second extension element derived from a copy of the second message bubble.

[0271] In some embodiments, the interactive display module 2020 is configured to:

[0272] During the execution of the first interactive action, a second message bubble of the first style and a copy of the second message bubble of the second style are displayed;

[0273] Wherein, the brightness of the bubble color corresponding to the first style is less than the brightness of the bubble color corresponding to the second style; or, the bubble border corresponding to the first style is displayed as a dashed line, and the bubble border corresponding to the second style is displayed as a solid line.

[0274] In some embodiments, the interactive display module 2020 is configured to:

[0275] During the execution of the first interactive action, the positions of the first message bubble and the copy of the second message bubble are aligned.

[0276] In some embodiments, the action type of the interactive action is related to the semantics of the first message; the device 2000 further includes an interaction matching module, the interaction matching module being configured to:

[0277] Obtain at least one word from the first message;

[0278] Perform similarity matching on the at least one word and at least one keyword in the keyword library to obtain a target keyword, wherein the similarity between the target keyword and the target word in the at least one word is greater than or equal to a preset threshold, and the similarity is the maximum value among the at least one similarity between the at least one word and the at least one keyword;

[0279] Obtain the interactive action data corresponding to the target keyword, wherein the interactive action data includes data of at least one interactive action.

[0280] In some embodiments, the data of the interactive action includes a control display identifier for the interactive action and image data of the interactive action. The control display identifier for the interactive action is used to display a selection control corresponding to the interactive action, and the image data of the interactive action is used to display the interactive action.

[0281] The control display identifier for the interactive action includes at least one of the following: a thumbnail identifier for the interactive action, or a text identifier for the interactive action;

[0282] The image data of the interactive action includes the image data of the first extended element, and, if the interactive action includes a second extended element, the image data of the interactive action also includes the image data of the second extended element.

[0283] It should be noted that the apparatus provided in the above embodiments is only illustrated by the division of the above functional modules when implementing its functions. In actual applications, the above functions can be assigned to different functional modules as needed, that is, the content structure of the device can be divided into different functional modules to complete all or part of the functions described above. In addition, the apparatus and method embodiments provided in the above embodiments belong to the same concept, and the specific implementation process can be found in the method embodiments, which will not be repeated here.

[0284] Please refer to Figure 21 This diagram illustrates a structural block diagram of a terminal device 2100 provided in one embodiment of this application. The terminal device 2100 can be any electronic device capable of data calculation, processing, and storage. The terminal device 2100 can be used to implement the message bubble display method provided in the above embodiments.

[0285] Typically, terminal device 2100 includes a processor 2101 and a memory 2102.

[0286] Processor 2101 may include one or more processing cores, such as a quad-core processor, an octa-core processor, etc. Processor 2101 may be implemented using at least one hardware form selected from DSP (Digital Signal Processing), FPGA (Field Programmable Gate Array), and PLA (Programmable Logic Array). Processor 2101 may also include a main processor and a coprocessor. The main processor, also known as a CPU (Central Processing Unit), is used to process data in the wake-up state; the coprocessor is a low-power processor used to process data in the standby state. In some embodiments, processor 2101 may integrate a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content to be displayed on the screen. In some embodiments, processor 2101 may also include an AI (Artificial Intelligence) processor, which is used to handle computational operations related to machine learning.

[0287] The memory 2102 may include one or more computer-readable storage media, which may be non-transitory. The memory 2102 may also include high-speed random access memory and non-volatile memory, such as one or more disk storage devices or flash memory devices. In some embodiments, the non-transitory computer-readable storage media in the memory 2102 is used to store a computer program configured to be executed by one or more processors to implement the above-described message bubble display method.

[0288] Those skilled in the art will understand that Figure 21 The structure shown does not constitute a limitation on the terminal device 2100, and may include more or fewer components than shown, or combine certain components, or use different component arrangements.

[0289] In an illustrative embodiment, a computer-readable storage medium is also provided, wherein a computer program is stored in the storage medium, and the computer program, when executed by the processor of a terminal device, implements the above-described message bubble display method. Optionally, the above-described computer-readable storage medium may be ROM (Read-Only Memory), RAM (Random Access Memory), CD-ROM (Compact Disc Read-Only Memory), magnetic tape, floppy disk, and optical data storage device, etc.

[0290] In an exemplary embodiment, a computer program product is also provided, comprising a computer program stored in a computer-readable storage medium. A processor of a terminal device reads the computer program from the computer-readable storage medium and executes the computer program, causing the terminal device to perform the aforementioned message bubble display method.

[0291] It should be noted that this application may display prompt interfaces, pop-ups, or output voice prompts before and during the collection of user data. These prompt interfaces, pop-ups, or voice prompts are used to inform users that their data is being collected. This ensures that the application only begins the steps for collecting user data after receiving confirmation from the user regarding the prompt interface or pop-up; otherwise (i.e., without receiving confirmation from the user), the steps for collecting user data end, meaning no user data is collected. In other words, all user data collected by this application is processed strictly in accordance with the requirements of relevant national laws and regulations. The informed consent or separate consent of the data subject is obtained only with the user's consent and authorization. Subsequent data use and processing are conducted within the scope of laws, regulations, and the data subject's authorization, and the collection, use, and processing of relevant user data must comply with the relevant laws, regulations, and standards of the relevant countries and regions.

[0292] It should be understood that "multiple" as used herein refers to two or more. "And / or" describes the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A alone, A and B simultaneously, or B alone. The character " / " generally indicates that the preceding and following related objects are in an "or" relationship. Furthermore, the step numbers described herein are merely illustrative of one possible execution order. In some other embodiments, the steps may not be executed in numerical order, such as two steps with different numbers being executed simultaneously, or two steps with different numbers being executed in the reverse order of the illustration. This application does not limit this.

[0293] The above description is merely an exemplary embodiment of this application and is not intended to limit this application. Any modifications, equivalent substitutions, improvements, etc., made within the spirit and principles of this application should be included within the protection scope of this application.

Claims

1. A method for displaying message bubbles, characterized in that, The method includes: Display at least one message bubble, each message bubble being used to display one message; When the first message in the first message bubble meets the triggering condition, the first extended element extending from the first message bubble is displayed to perform the first interactive action; The first message bubble is one of the at least one message bubbles.

2. The method of claim 1, wherein, When the first message in the first message bubble meets the triggering condition, the first extended element extending from the first message bubble is displayed to perform a first interactive action, including: When the first message in the first message bubble meets the triggering condition, the first interactive action is executed between the first extended element and the second extended element. Wherein, the second extension element is an extension element that extends from the second message bubble, and the second message bubble is another of the at least one message bubble.

3. The method of claim 1, wherein, When the first message in the first message bubble meets the triggering condition, the first extended element extending from the first message bubble is displayed to perform a first interactive action, including: When the first message in the first message bubble meets the triggering condition, the first interaction action is executed between the first extended element and the first message bubble.

4. The method of claim 1, wherein, When the first message in the first message bubble meets the triggering condition, the first extended element extending from the first message bubble is displayed to perform a first interactive action, including: When the first message in the first message bubble meets the triggering condition, the first interactive action is executed between the first extended element and the second message bubble. The second message bubble is another of the at least one message bubble.

5. The method of claim 4, wherein, The method further includes: The second interaction action is performed between the second extended element and the first message bubble; The second extended element is an extended element that extends from the second message bubble.

6. The method according to any one of claims 1 to 4, characterized in that, The first extended element is the first limb element that extends from the first message bubble.

7. The method according to claim 2 or 5, characterized in that, The first extended element is a first limb element that extends from the first message bubble, and the second extended element is a second limb element that extends from the second message bubble.

8. The method according to any one of claims 1 to 7, characterized in that, The action type of the interactive action is related to the semantics of the target message; the target message is the first message, or the second message, or the first message and the second message. Wherein, the second message is a message in the second message bubble, and the second message bubble is another of the at least one message bubble.

9. The method according to any one of claims 1 to 8, characterized in that, The method further includes: Display at least one selection control, and each selection control corresponds to an interactive action; In response to a selection operation on the first selection control, the first interactive action is determined.

10. The method of claim 2 or 4, wherein, The method further includes: During the execution of the first interactive action, the position between the first message bubble and the second message bubble changes.

11. The method according to claim 2 or 4, characterized in that, The method further includes: During the execution of the first interactive action, an interactive action between the bodies with the first message bubble as the first body and the second message bubble as the second body is displayed.

12. The method according to claim 4, characterized in that, The first extended element is a first limb element that extends from the first message bubble; When the first message in the first message bubble meets the trigger condition, the first interaction action is executed between the first extended element and the second message bubble, including: When the first message references the second message, the first interactive action is to display the first limb element extending to the display position of the second message bubble, and to display the first limb element dragging a copy of the second message bubble to the display position of the first message bubble. The second message is the message in the second message bubble.

13. The method of claim 12, wherein, The method further includes: This displays a third interactive action being performed between the first limb element and the second limb element; The second limb element is a second extension element derived from a copy of the second message bubble.

14. The method according to claim 12 or 13, characterized in that, The method further includes: During the execution of the first interactive action, a second message bubble of the first style and a copy of the second message bubble of the second style are displayed; Wherein, the brightness of the bubble color corresponding to the first style is less than the brightness of the bubble color corresponding to the second style; or, the bubble border corresponding to the first style is displayed as a dashed line, and the bubble border corresponding to the second style is displayed as a solid line.

15. The method according to any one of claims 12 to 14, characterized in that, The method further includes: During the execution of the first interactive action, the positions of the first message bubble and the copy of the second message bubble are aligned.

16. The method of any one of claims 1 to 15, wherein, The action type of the interactive action is related to the semantics of the first message; the method further includes: Obtain at least one word from the first message; Perform similarity matching on the at least one word and at least one keyword in the keyword library to obtain a target keyword, wherein the similarity between the target keyword and the target word in the at least one word is greater than or equal to a preset threshold, and the similarity is the maximum value among the at least one similarity between the at least one word and the at least one keyword; Obtain the interactive action data corresponding to the target keyword, wherein the interactive action data includes data of at least one interactive action.

17. The method of claim 16, wherein, The data of the interactive action includes the control display identifier of the interactive action and the image data of the interactive action. The control display identifier of the interactive action is used to display the selection control corresponding to the interactive action, and the image data of the interactive action is used to display the interactive action. The control display identifier for the interactive action includes at least one of the following: a thumbnail identifier for the interactive action, or a text identifier for the interactive action; The image data of the interactive action includes the image data of the first extended element, and, if the interactive action includes a second extended element, the image data of the interactive action also includes the image data of the second extended element.

18. A message bubble display device, characterized in that, The device includes: A bubble display module is used to display at least one message bubble, wherein each message bubble is used to display one message. An interactive display module is used to display a first extended element extending from the first message bubble to perform a first interactive action when the first message in the first message bubble meets the triggering condition. The first message bubble is one of the at least one message bubbles.

19. A terminal device, comprising: The terminal device includes a processor and a memory, the memory storing a computer program, which is loaded and executed by the processor to implement the message bubble display method as described in any one of claims 1 to 17.

20. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program, which is loaded and executed by a processor to implement the message bubble display method as described in any one of claims 1 to 17.

21. A computer program product, characterised in that, The computer program product includes a computer program that is loaded and executed by a processor to implement the message bubble display method as described in any one of claims 1 to 17.

Images