Chat message display method and device, storage medium and electronic equipment

Abstract

The invention relates to the technical field of internet, in particular to a chat message display method and device, a storage medium and electronic equipment, in the method, in response to a background setting operation triggered for an original dialogue interface, a dialogue preview interface is presented, the dialogue preview interface comprises a background image containing at least one main body element, original chat messages in an original dialogue interface and an anti-shielding control, then responding to a selection operation triggered for the anti-shielding control, presenting a target dialogue interface, and the target dialogue interface comprises the background image, the chat messages and the anti-shielding control. The target chat messages are generated after the presentation format of the original chat messages is adjusted, the target chat messages and at least one main body element in the background image are presented in the target dialogue interface in a complete and unshielded mode, and the target chat messages and the main body elements are not overlapped, so that the target chat messages and the main body elements are not overlapped on the basis of the main body elements. And the presentation format of the chat message is adjusted, so that the chat experience of the object is optimized.

Description

Technical Field

[0001] The present application relates to the field of Internet technology, and in particular to a method, device, storage medium and electronic device for displaying chat messages. Background Art

[0002] Chatting is a fundamental feature of social products. For example, users can chat with other users through some instant messaging apps. With the widespread use of instant messaging apps, users not only send and receive chat messages but also often customize their chat backgrounds.

[0003] However, during an actual chat, chat messages sent and received by the subject will be indiscriminately overlaid on the subject's self-set chat background, resulting in blocking valuable content in the chat background, thereby affecting the user's conversation experience during the chat. Summary of the Invention

[0004] The present application provides a method, device, storage medium and electronic device for displaying chat messages, which are used to adjust the presentation format of chat messages, enhance the diversity of chat background settings, and thus optimize the chat experience of the subject.

[0005] In a first aspect, the present application provides a method for displaying a chat message, comprising:

[0006] In response to a background setting operation triggered on the original conversation interface, a conversation preview interface is presented; the conversation preview interface includes: a background image containing at least one main element, each original chat message in the original conversation interface, and an anti-blocking control;

[0007] In response to a selection operation triggered on the anti-blocking control, a target conversation interface is presented; the target conversation interface includes: the background image, and each target chat message generated by adjusting the presentation format of each original chat message;

[0008] In the target object interface, the target chat messages and the at least one main element in the background image are presented completely and without obstruction, wherein the target chat messages and the at least one main element do not overlap with each other.

[0009] In a second aspect, the present application provides a chat message display device, comprising:

[0010] A first response unit, configured to present a conversation preview interface in response to a background setting operation triggered on the original conversation interface; the conversation preview interface comprising: a background image including at least one main element, each original chat message in the original conversation interface, and an anti-blocking control;

[0011] The second response unit is used to present a target dialogue interface in response to a selection operation triggered by the anti-occlusion control; the target dialogue interface includes: the background image, and each target chat message generated after adjusting the presentation format of each original chat message; in the target object interface, the target chat messages and the at least one main element in the background image are presented completely and without obstruction, wherein the target chat messages and the at least one main element do not overlap with each other.

[0012] In a third aspect, the present application provides a computer device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the computer program, the method for displaying a chat message described in any one of the first aspects above is implemented.

[0013] In a fourth aspect, the present application provides a computer storage medium, wherein the computer-readable storage medium stores computer program instructions, and the computer program instructions are executed by a processor to implement any one of the chat message display methods described in the first aspect.

[0014] In a fifth aspect, an embodiment of the present application provides a computer program product, comprising computer program instructions, which, when executed by a processor, implement any one of the chat message display methods in the first aspect.

[0015] The beneficial effects of this application are as follows:

[0016] The embodiment of the present application provides a method, device, storage medium and electronic device for displaying chat messages. In the embodiment of the present application, when the subject wants to customize the chat background, the background setting operation can be triggered in the original conversation interface. In the conversation preview interface presented according to the background setting operation, the subject can browse the set background image containing at least one main element, the original chat messages in the original conversation interface, the coverage of at least one main element in the background image by each original chat message, and the anti-occlusion control; furthermore, the subject can trigger the anti-occlusion control and browse at least one main element in the background image completely and without obstruction in the target conversation interface presented according to the anti-occlusion control, and each target chat message generated after adjusting the presentation format of each original chat message. Since each target chat message does not overlap with at least one main element, this not only increases the diversity and convenience of personalized chat background settings, but also can focus on the main elements that the target subject is concerned about, as well as chat messages related to itself, avoiding wasting unnecessary operations on sliding chat messages to browse the main elements covered by the chat messages, thereby improving the subject's chat experience. In addition, this convenient operation, interesting expression, and immersive experience can also increase the stickiness and spread rate of the subject to a certain extent.

[0017] Other features and advantages of the present application will be described in the following description, and in part will become apparent from the description, or will be understood by practicing the present application. The purposes and other advantages of the present application can be realized and obtained by the structures particularly pointed out in the written description, claims, and drawings. BRIEF DESCRIPTION OF THE DRAWINGS

[0018] The drawings described herein are used to provide a further understanding of the present application and constitute a part of the present application. The illustrative embodiments of the present application and their descriptions are used to explain the present application and do not constitute an improper limitation on the present application. In the drawings:

[0019] Figure 1 A schematic diagram of a possible application scenario in an embodiment of the present application;

[0020] Figure 2 Schematic diagrams of some specific application scenarios in the embodiments of this application;

[0021] Figure 3 A flowchart of a method for displaying chat messages provided in an embodiment of the present application;

[0022] Figure 4 A schematic diagram of a possible trigger background setting operation process in an embodiment of the present application;

[0023] Figure 5 A schematic diagram of a possible process of presenting a conversation preview interface in an embodiment of the present application;

[0024] Figure 6 A schematic diagram of a possible trigger element editing operation process in an embodiment of the present application;

[0025] Figure 7A A schematic diagram of a possible trigger element modification operation process in an embodiment of the present application;

[0026] Figure 7B A schematic diagram of a process for adding a possible trigger element in an embodiment of the present application;

[0027] Figure 8 A schematic diagram of a possible process of splitting a background image in an embodiment of the present application;

[0028] Figure 9 A schematic diagram of a possible process of splitting a background image in an embodiment of the present application;

[0029] Figure 10 A schematic diagram of a possible process of generating a target chat message in an embodiment of the present application;

[0030] Figures 11A to 11C Provides a schematic diagram of presenting possible target chat messages for an embodiment of the present application;

[0031] Figure 12 A schematic diagram of a possible process of obtaining a target dialogue interface in an embodiment of the present application;

[0032] Figures 13A and 13B Schematic diagram of possible target message bubbles in an embodiment of the present application;

[0033] Figure 14 A schematic diagram of a possible target dialogue interface in an embodiment of the present application;

[0034] Figures 15A and 15B A schematic diagram of a possible process of selecting a display area for a target chat message in an embodiment of the present application;

[0035] Figure 16 A process diagram of a possible method for displaying chat messages in an embodiment of the present application;

[0036] Figure 17 A schematic diagram of the structure of a chat message display device provided in an embodiment of the present application;

[0037] Figure 18 A schematic diagram of the structure of a computer device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0038] In order to make the purpose, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application.

[0039] In the embodiments of the present application, the collection, storage, use, processing, transmission, provision and disclosure of user personal information involved comply with the provisions of relevant laws and regulations and do not violate public order and good morals.

[0040] To facilitate understanding of the technical solutions provided in the embodiments of the present application, some key terms used in the embodiments of the present application are first explained.

[0041] Subject elements: The subject is the main object of attention in the image, and the elements are the main components of the picture composition. The subject elements refer to the main embodiment of the concentrated visual center and the content of the picture, or the entry point for assisting in understanding the content of the image. In the embodiment of the present application, the subject elements can be used to characterize the image content and construct the image. For example, from the perspective of the representation of the image content, the subject constituted by the subject elements can be a person, including: portraits, human bodies, faces, expressions, etc. The subject elements can also be objects, including: food, animals, buildings, etc., and even the subject elements can be some abstract objects, including: text, etc. For another example, from the perspective of the construction of the image, the subject elements can be refined into points, lines, and surfaces. The subject constituted by the subject elements can serve as the behavioral center of the image composition, that is, the various elements in the image composition are all centered around the subject elements.

[0042] Dialog Interfaces: A hybrid user interface that can interact with users in a variety of ways, such as chat, voice, and other natural language methods. These methods generally use graphical UI (interface design) elements such as buttons, images, menus, and videos. In the embodiments of this application, the main explanation is based on the dialogue interface for object interaction, such as the original dialogue interface, dialogue preview interface, and target dialogue interface for object interaction. In the dialogue interface, the object can operate the dialogue interface by clicking, triggering, etc. Correspondingly, the dialogue interface will provide corresponding feedback information based on the operation triggered by the object. The type of feedback information may include: sound prompts, touch, text prompts, visual prompts, and various other types and combinations thereof, which are not specifically limited here.

[0043] The embodiments of the present application relate to AI and machine learning technology (ML), and are designed based on computer vision technology and machine learning in artificial intelligence.

[0044] Artificial intelligence technology mainly includes computer vision technology (CV), natural language processing (NLP) technology, as well as machine learning / deep learning, autonomous driving, smart transportation and other major directions. With the research and progress of artificial intelligence technology, artificial intelligence has been studied and applied in many fields, such as common smart homes, smart customer service, virtual assistants, smart speakers, smart marketing, unmanned driving, autonomous driving, robots, smart medical care, etc. It is believed that with the development of technology, artificial intelligence will be applied in more fields and play an increasingly important role. The chat message display method in the embodiment of the present application can combine artificial intelligence with the generation task of the target dialogue interface in these fields to intelligently identify and extract at least one main element in the background image, and intelligently generate a target chat message that does not block at least one main element in the background image.

[0045] Deep learning is a machine learning method in the field of artificial intelligence that is based on artificial neural network models. Deep learning processes data in layers, from simple feature extraction to complex representations, and uses large amounts of data for training to achieve efficient learning and prediction. Deep learning has achieved remarkable results in many fields, such as computer vision, natural language processing, and speech recognition. For example, when the target chat message is classified into topics in the embodiments of the present application, it further involves the processing of information such as images, videos, and voice. The processing of this information can be combined with the above-mentioned computer video, natural language processing, speech recognition and other technologies to improve message processing efficiency.

[0046] Optionally, in an embodiment of the present application, the recognition and extraction of at least one main element in the background image can be achieved based on computer vision technology, that is, using a camera and a computer to replace the human eye to perform machine vision such as target recognition, measurement and segmentation, and further perform graphic processing so that the computer processing becomes an image that is more suitable for human eye observation or transmission to an instrument for detection. Furthermore, with the development of large model technology, pre-trained models in the visual field such as Swin-Transformer (a visual transformer), ViT (VisualTransformer, transformer model), V-MOE (mixture of experts model), MAE (Mean Absolute Error), etc., can be applied to image processing tasks such as image processing, image recognition, image semantic understanding, image retrieval, OCR, virtual reality, augmented reality, etc. after fine tuning of the task, thereby extracting at least one main element from the background image.

[0047] Optionally, in an embodiment of the present application, the generation of the target dialogue interface can be achieved based on artificial intelligence generated content (AI Generated Content, AIGC) technology, that is, using artificial intelligence technology to generate content. The basic principle is to use "target recognition technology", "target segmentation technology", "natural language processing", "speech recognition", "machine learning", "deep learning" and other technologies in artificial intelligence technology to analyze, learn and simulate large amounts of language data, thereby realizing the understanding and generation of natural language.

[0048] In the embodiments of the present application, the term "module" or "unit" refers to a computer program or a part of a computer program that has a predetermined function and works together with other related parts to achieve a predetermined goal, and can be implemented in whole or in part by using software, hardware (such as processing circuits or memories) or a combination thereof. Similarly, a processor (or multiple processors, or memories) can be used to implement one or more modules or units. In addition, each module or unit can be part of an overall module or unit that includes the function of the module or unit.

[0049] The following is a brief introduction to the design concept of the embodiments of this application.

[0050] Chat has become a fundamental feature of social networks. Users can use instant messaging apps to communicate with each other through speech, text, and images. With the widespread use of instant messaging apps, users often customize their chat backgrounds within the chat interface to meet visual needs.

[0051] However, in the actual chat process, the chat messages sent and received by the subject will be indiscriminately overlaid on the self-set chat background, blocking the valuable content in the chat background, causing the subject to be unable to focus on the valuable content in the chat background while chatting, thereby affecting the subject's conversation experience during the chat process.

[0052] For example, object A uses a mobile phone to log in to an instant messaging software to communicate with object B, and the conversation interface 1 of the instant messaging software is used to display chat messages between object A and object B. When object A sets a specified image as the chat background of the conversation interface 1, in the conversation interface 1, the chat messages between the two objects will be presented indiscriminately above the specified image. Especially in a scene with dense chat messages, these chat messages will cover most of the image elements in the specified image. In this way, it is difficult for object A to directly see the valuable content in the chat background from the dense chat messages. Usually, it is necessary to slide the interface to see the valuable content in the chat background from the non-dense chat messages in the conversation interface 1 that changes according to the interface sliding operation. What's more, if the chat messages generated between object A and object B are dense, even if object A triggers the interface sliding operation, it will not be able to see the valuable content in the chat background.

[0053] In summary, how to improve the diversification of chat background settings and optimize the chat experience of the target party under the premise of effectively sending and receiving chat messages is an urgent problem to be solved.

[0054] In view of this, the embodiments of the present application provide a method, device, storage medium and electronic device for displaying chat messages. In the embodiments of the present application, the subject can browse the background image set by the background setting operation triggered for the original conversation interface and the original chat messages in the original conversation interface through the conversation preview interface, and intuitively obtain the coverage of the original chat message for at least one main element in the background image; and the subject can browse the at least one main element in the background image completely and without obstruction in the target conversation interface presented according to the anti-obstruction control by triggering the conversation preview interface, and the target chat messages generated after the presentation format of each original chat message is adjusted. Since each target chat message does not overlap with at least one main element, this not only increases the diversity and convenience of personalized chat background settings, but also can focus on the main elements that the subject is concerned about, chat messages related to itself, etc., avoiding wasting unnecessary operations on sliding chat messages to browse the main elements covered by the chat messages, thereby improving the subject's chat experience. In addition, this convenient operation, interesting expression, and immersive experience can also increase the stickiness and spread rate of the object to a certain extent.

[0055] The preferred embodiments of the present application are described below in conjunction with the drawings in the specification. It should be understood that the preferred embodiments described herein are only used to illustrate and explain the present application and are not used to limit the present application. In addition, the embodiments and features in the embodiments of the present application can be combined with each other if there is no conflict.

[0056] like Figure 1, which is a schematic diagram of a possible application scenario in an embodiment of the present application. The application scenario diagram includes two terminal devices 110 and a server 120.

[0057] In the embodiment of the present application, the terminal device 110 includes but is not limited to mobile phones, tablet computers, laptop computers, desktop computers, e-book readers, intelligent voice interaction devices, smart home appliances, car-mounted terminals and other devices; a client with a chat function can be installed on the terminal device, and the client can be a software (such as a browser, a chat application, a short video software, or any software with a chat function), or a web page, a small program, etc. The server 120 is a background server corresponding to the software or web page, small program, etc., or a server specifically used for displaying and processing chat messages, which is not specifically limited in this application. The server 120 can be an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content delivery networks (CDNs), and basic cloud computing services such as big data and artificial intelligence platforms.

[0058] Specifically, the chat message display method in each embodiment of the present application can be executed by an electronic device, which may be a terminal device 110 or a server 120, that is, the method can be executed by the terminal device 110 or the server 120 alone, or can be executed jointly by the terminal device 110 and the server 120.

[0059] For example, taking the joint execution of the terminal device 110 and the server 120 as an example, assuming that a client with a chat function is installed on the terminal device 110, the subject can view the original conversation interface through the client with a chat function, and the original conversation interface can display the original chat messages of the subject. When the subject wants to customize the chat background, the background setting operation can be triggered in the original conversation interface; the chat application sends a request to the server 120 through the terminal device 110; the server 120 obtains the chat background set by the subject, generates a conversation preview interface based on the chat background, the original chat messages in the original conversation interface and the preset anti-blocking control, and displays the background setting operation in the original conversation interface through the terminal device 110. Feedback is sent to the chat application, and the original conversation interface presented by the chat application is switched to the conversation preview interface; in the conversation preview interface, the object generates an anti-occlusion request by triggering a selection operation on the anti-occlusion control; the chat application sends the anti-occlusion request to the server 120 through the terminal device 110; based on the received anti-occlusion request, the server 120 obtains each target chat message generated after adjusting the presentation format of each original chat message, which does not obstruct at least one main element in the background image, and generates a target conversation interface based on the target chat message and the background image, and feeds back to the chat application through the terminal device 110, and switches the conversation preview interface presented by the chat application to the target conversation page.

[0060] In some specific application scenarios, the above-mentioned trigger operation and selection operation are triggered by the same target object, and the target object can perform interface interaction operations with a client with a chat function through the terminal device 110, for example, the background setting operation triggered by the original dialogue interface, the selection operation triggered by the anti-occlusion control in the dialogue preview interface, the interface synchronization operation triggered by the target dialogue interface, etc.

[0061] Furthermore, the original chat message in the target dialogue interface may be generated based on the dialogue interaction between the target object and N (N≥2) other objects.

[0062] See also Figure 2 As shown, a schematic diagram of some specific application scenarios of the embodiment of the present application is provided, including Scenario 1 and Scenario 2. Scenario 1 illustrates a two-person conversation scenario, and Scenario 2 illustrates a multi-person conversation scenario. Specifically, for the target object, in both Scenario 1 and Scenario 2, the terminal device 110 can implement interface interaction operations with a client having a chat function. Furthermore, based on the interaction operations triggered by the target object, the original conversation interface, conversation preview interface, target conversation interface, etc. are presented on the corresponding terminal device 110.

[0063] The two-person conversation scene corresponding to the above scenario 1 can be a chat scene in which a separate message channel is established for the two objects, which can specifically include various scenes such as a one-to-one chat scene and a two-person group chat scene. Figure 2 In the scenario shown in FIG1, the target object can implement interface interaction operations for a client with a chat function through the terminal device 110, and then establish a message channel with the terminal device 110 of another object through the communication network 130 to implement a dialogue interaction between the target object and the other object.

[0064] The multi-person conversation scenario corresponding to the above scenario 2 can be a chat scenario in which separate message channels are established for multiple objects, which can specifically include various scenarios such as one-to-many chat scenarios, group chat scenarios of three or more people, forum chat scenarios of three or more people, and multi-person comment scenarios of multimedia information. Figure 2 In the second scenario shown, the target object can implement interface interaction operations for a client with a chat function through the terminal device 110, and then establish a message channel with the terminal devices 110 of N other objects through the communication network 130 to realize dialogue interaction between the target object and N other objects.

[0065] It is easy to understand that the terminal device 110 and the server 120 can communicate with each other through the communication network 130. The communication network 130 can be a wired network or a wireless network.

[0066] It should be noted that Figure 1 or Figure 2 For illustrative purposes, the number of terminal devices and servers is actually not limited and is not specifically limited in the embodiments of this application.

[0067] In an embodiment of the present application, when there are multiple servers, the multiple servers can be formed into a blockchain, and the servers are nodes on the blockchain; as disclosed in the embodiment of the present application, the chat message display method, wherein the data related to the display of the chat message can be stored on the blockchain; for example: the original chat message, the message bubble used to carry the original chat message, the target chat message generated after adjusting the presentation format of the original chat message, the message bubble used to carry the target chat message, the directional information of the message bubble, the background image containing at least one main element, the first layer generated by splitting at least one main element in the background image, the second layer generated by splitting the part of the background image other than at least one main element, the third layer containing at least the target chat message, the merged result of the first layer, the second layer and the third layer, the target dialogue interface, the synchronization information of the target dialogue interface, etc.

[0068] In addition, the embodiments of the present application can be applied to a variety of display scenarios involving chat messages, including technical, content, and social. For example, technical application scenarios include but are not limited to Internet technology, communication technology, cloud technology, artificial intelligence, smart transportation, and assisted driving. For example, content application scenarios include but are not limited to social media, e-commerce shopping, financial payments, games, health and fitness, education, news media, tourism, map navigation, social music, entertainment, and live broadcasts. For another example, social application scenarios include but are not limited to social network application scenarios, instant messaging application scenarios, social media application scenarios, professional social application scenarios, and dating and friendship application scenarios. This article mainly takes the instant messaging application scenario as an example to further illustrate the chat message display method provided by the embodiment of the present application. This solution is also applicable to other display scenarios involving chat messages.

[0069] It is easy to understand that in the specific implementation of the present application, user data is involved, such as chat messages between objects (such as: original chat messages and target chat messages generated after the presentation format is adjusted), the publishing objects of chat messages, relationship labels between objects (such as: intimate relationships, etc.), at least one main element of the background image and the subject it constitutes (such as: portrait subject, face subject, etc.), and other related data. When the above embodiments of the present application are applied to specific products or technologies, user permission or consent must be obtained, and the collection, use and processing of relevant data must comply with relevant laws, regulations and standards of relevant countries and regions.

[0070] The following describes the chat message display method provided by the exemplary embodiment of the present application in combination with the application scenarios described above and with reference to the accompanying drawings. It should be noted that the above application scenarios are only shown to facilitate understanding of the spirit and principles of the present application, and the implementation methods of the present application are not limited in this respect.

[0071] See Figure 3 As shown in FIG, a flowchart of a method for displaying chat messages provided in an embodiment of the present application is provided. Taking a terminal device as an example, the specific implementation process of the method is as follows:

[0072] Step 301: The terminal device presents a conversation preview interface in response to a background setting operation triggered on the original conversation interface; the conversation preview interface includes: a background image containing at least one main element, each original chat message in the original conversation interface, and an anti-occlusion control.

[0073] In an embodiment of the present application, the terminal device can be any electronic device, and the original dialogue interface can be displayed through a chat application running on the device; for example, the chat application can be an instant messaging application, a social networking application, a social media application, a professional social application, or a dating application, but is not limited thereto.

[0074] In one embodiment, the background setting operation can be triggered by the user object directly or indirectly interacting with the terminal device. For example, the user object directly activates a chat application on the terminal device and enters a trigger instruction carrying the background setting operation in the chat application, and the terminal device responds to the trigger instruction of the background setting operation and presents a corresponding conversation preview interface. For another example, the user object sends a trigger instruction carrying the background setting operation to the terminal device through another communication device connected to the terminal device, and the terminal device responds to the trigger instruction of the background setting operation, activates the chat application, and presents a corresponding application conversation preview interface.

[0075] See also Figure 4 As shown, it is a schematic diagram of the process of triggering the background setting operation, including the original dialogue interface 31, the dialogue setting interface 32, the background setting interface 33, the background mall interface 34, and the background upload interface 35. The triggering process of the background setting operation can refer to S1 to S5. The following takes the user as the target object as an example, and the details are as follows:

[0076] S1: The original conversation interface 31 includes a conversation settings control 311. A target user selects the conversation settings control 311, which triggers the terminal device to present the corresponding conversation settings interface 32 in response to the selection. The conversation settings control 311, serving as the entry point for the conversation interface, may be located in the upper left corner of the original conversation interface 31, below the original conversation interface 31, or at another desired location, without specific limitation herein.

[0077] Optionally, the original dialogue interface 31 may also include a setting search entry for the dialogue interface. The target object can trigger a selection operation for the dialogue setting control 311 by performing an input operation on the setting search entry (such as entering text keywords, entering voice keywords, entering preset gestures).

[0078] S2: The conversation settings interface 32 includes a personalization control 321. A target user selects the personalization control 321, which triggers the terminal device to respond to the selection and present the corresponding background settings interface 33. Personalization control 321, serving as a personalization entry, may be located in a designated area of ​​the conversation settings interface 32 as a floating layer, window, bubble, or selection box. It may also be displayed as a selectable icon at an angle or other custom location on the conversation settings interface 32, without further limitation.

[0079] Optionally, the dialogue setting interface 32 may also include a search entry for personalized settings, and the target object may trigger a selection operation for the personalized settings control 321 by performing an input operation on the search entry (such as entering text keywords, entering voice keywords, entering preset gestures).

[0080] S3: Background setting interface 33 includes background setting control 331. A target subject selects background setting control 331, which triggers the terminal device to respond to the selection and present the corresponding background mall interface 34. Background setting control 331, serving as the background setting entry, can be located in a designated area of ​​background mall interface 34 as a floating layer, window, bubble, or selection box, or can be displayed as a selectable icon at an angle or other custom location on background mall interface 34, without further limitation.

[0081] Optionally, the background setting interface 33 may also include a search entry for background settings. The target object can trigger a selection operation for the background setting control 331 by performing an input operation on the search entry (such as entering text keywords, voice keywords, or preset gestures).

[0082] S4: Background mall interface 34 includes background upload control 341. A target subject selects background upload control 341, which triggers the terminal device to respond to the selection and present a corresponding background upload interface 35. Background upload control 341, serving as a background upload entry, can be located in a designated area of ​​background upload interface 35 in the form of a floating layer, window, bubble, or selection box. It can also be displayed as a selectable icon at an angled position or other custom location on background upload interface 35, without further limitation.

[0083] Optionally, the background mall interface 34 may also include at least one preset background image. The target object can select a preset background image to trigger a background setting operation for the original dialogue interface, thereby triggering the terminal device to receive the background setting operation and obtain the background image set by the target object for the original dialogue interface. Based on this, to improve the efficiency of selecting the target object, the background mall interface 43 may include a search entry for preset background images. The target object can trigger the background setting operation for the original dialogue interface by inputting an operation (such as entering a text keyword, a voice keyword, or a preset gesture) into the search entry.

[0084] S5: The background upload interface 35 includes a selected background image 351 and a confirmation control 352. The target object browses the images to be uploaded in the background upload interface, selects the background image 351 that meets the customized requirements, and triggers the selection of the confirmation control 352. This can trigger the terminal device to respond to the selection operation to implement the background setting operation triggered for the original dialogue interface, and then trigger the terminal device to receive the background setting operation and obtain the background image set by the target object for the original dialogue interface.

[0085] Optionally, the background upload interface 35 may also include a content search portal for each uploaded image, and the target object can perform input operations (such as entering text keywords, voice keywords, or preset gestures) through the content search portal to trigger the screening and display of each image to be uploaded.

[0086] It should be noted that, in Figure 4 During the triggering of the background setting operation shown, the execution of S1 to S2 is not mandatory, and either S3 or S4 can be performed selectively. Optionally, during the execution of S1, the terminal device directly presents the background mall interface 34 or the background upload interface 35 in response to a selection operation on the dialogue setting control 311. Furthermore, the interactive operations triggered by S1 to S5 can be implemented through touch, mouse, or other methods.

[0087] Furthermore, in an embodiment of the present application, after obtaining the background setting operation triggered by the target object for the original conversation interface, the terminal device presents a conversation preview interface in response to the background setting operation. The conversation preview interface includes: a background image containing at least one main element, each original chat message in the original conversation interface, and an anti-occlusion control.

[0088] See also Figure 5 As shown, a schematic diagram of the process of presenting a conversation preview interface is shown. In response to a background setting operation triggered by a target subject on the original conversation interface 31 (e.g., clicking on a conversation setting control 311), the terminal device obtains a background image 352 containing architectural elements set by the target subject and presents a conversation preview interface 36 containing the background image 352 and the original chat messages 312 in the original conversation interface 31. Specifically, the background image 352 and the original chat messages 312 overlaid thereon are presented in the conversation preview interface 36 using the presentation format of the original chat messages 312 in the original conversation interface 31.

[0089] As an optional implementation, in order to effectively reduce the occlusion of the background image 352, as Figure 5 As shown, the original conversation interface 31 includes avatar information representing the respective publishing objects of each original chat message 312, while the corresponding switched conversation preview interface 36 may not include these avatar information.

[0090] As an optional implementation, in order to distinguish the respective publishing objects of each original chat message 312, such as Figure 5As shown, the conversation preview interface 36 also includes directional information for the original chat message determined based on the publishing object. For example, in the conversation preview interface 36 for the target object interaction, the original chat message 312 sent by the target object is indicated horizontally to the right, and the original chat message 312 received by the target object (i.e., the original chat message 312 sent by another object) is indicated horizontally to the right. Generally speaking, the directional information for the original chat message 312 sent and received by the target object points in different directions, such as opposite directions. Of course, this can also be set based on actual application scenarios and the customized needs of the target object, and this is not specifically limited.

[0091] Furthermore, in an embodiment of the present application, in order to achieve diversified customization capabilities for the chat background, the user object can also trigger an element editing operation on the background image, and then the terminal device responds to the element editing operation triggered on the background image, and presents a background image containing at least one edited main element in the conversation preview interface.

[0092] In one embodiment, the element editing operation can be triggered by using an object to interact directly or indirectly with a terminal device to obtain a background image. The interaction between the object and the terminal device can be understood as the object editing the elements in the background image through mouse keys, touch, etc. in the dialogue preview interface; it can also be understood as the object sending an element editing instruction (used to represent the aforementioned editing operation) triggered for the background image to the terminal device through other communication devices connected to the terminal device. For example, the terminal device of the target object is the execution subject, and it can also receive element editing instructions triggered by other objects synchronously editing elements in the background image, so as to facilitate multiple objects to synchronously edit the same background image and improve the customization capability of the background image.

[0093] Specifically, the above-mentioned element editing operations can include element modification operations and element addition operations. For example, a user can modify the subject identifiers of various image elements of the background image in the conversation preview interface so that the edited subject elements meet the conversation requirements. For another example, a user can add new subject elements that meet the conversation requirements to the background image presented in the conversation preview interface, so that the edited subject elements meet the conversation requirements.

[0094] See also Figure 6As shown, a schematic diagram of a possible process of triggering element editing operations in an embodiment of the present application is shown. The dialogue preview interface 36 also includes an element editing control 361. The user selects the element editing control 361, and the terminal device responds to the selection operation. The dialogue preview interface further includes the following presentation content: background image, modification control 3611, addition control 3612, and confirmation control 3613. Among them, modification control 3611 and addition control 3612 can trigger element modification operations and element addition operations on the background image, and confirmation control 3613 can further present: the background image adjusted by the main element based on the element editing operation.

[0095] It's important to note that a user object can perform either element modification or element addition operations, or a combination thereof, depending on its dialog needs. The order in which these operations are performed is not restricted. The following, using the target object as an example, is divided into two sections: the operational flow and results of element modification operations, and the operational flow and results of element addition operations.

[0096] Part 1: The operation process and presentation results of element modification operations.

[0097] In an embodiment of the present application, the terminal device responds to the selection operation triggered by the target object on the modification control 3611, and the dialogue preview interface further displays the hide control 36111 and the display control 36112, wherein the hide control 36111 can be triggered to hide the main elements in the background image, and the display control 36112 can be triggered to display non-main elements in the background image, or hidden main elements.

[0098] See also Figure 7A As shown in FIG, a process diagram of triggering an element modification operation is shown. The dialogue preview interface 36 further includes a modification control 3611. The target object can select at least one main element associated with the dialogue requirement by selecting the modification control 3611. Figure 7A As shown, it can be seen that after the modification control 3611 is triggered using the object, the further presented hide control 3611 is selected, and the background image is selected to hide the main elements displayed therein; after selecting the partial area in the upper right corner of the hidden building, the further presented display control 3612 is selected, and the background image is selected to display the hidden main elements therein, that is, the partial area in the upper right corner of the displayed building is selected; then, the object is used to select the further presented confirmation control 3613 to trigger the element editing operation of the background image. No specific limitation is made here on the specific execution content and execution order of the element modification operation.

[0099] Part II: Operational procedures and results of element addition operations;

[0100] In an embodiment of the present application, in response to the selection operation triggered by the target object for the add control 3612, the terminal device further displays the sticker control 36121 and the upload control 36122 on the conversation preview interface, wherein the sticker control 36121 can trigger a newly added main element for further presenting the selected target object in the background image, and the upload control 36122 can trigger a newly added main element for further presenting the uploaded target object in the background image, thereby satisfying the target object's conversation needs for a customized background image.

[0101] See also Figure 7B As shown in FIG, it is a schematic diagram of the process of triggering element adding operation. The conversation preview interface 36 further includes an add control 3612. The target object can add at least one main element associated with the conversation requirement by selecting the add control 3612. Figure 7B As shown, it can be seen that after triggering the add control 3612, the user selects the further presented sticker control 36121 and triggers the background image to display the selected sticker as the newly added main element in the background image, until the confirmation control 3613 is triggered to trigger the element editing operation for the background image. Of course, after triggering the add control 3612, the user can also select the further presented upload control 36122 and use the selected uploaded image element to trigger the background image to display the uploaded image element as the newly added main element in the background image. The specific execution content and execution order of the element addition operation are not specifically limited here.

[0102] To sum up, in the implementation of the present application, by setting the chat background of the original conversation interface, a background image containing at least one main element can be obtained. Since at least one main element in the background image meets the conversation needs of the target object, the conversation preview interface further includes a block control to provide the ability to focus on at least one main element in the background image. In this way, the embodiment of the present application further processes each original chat message in the original conversation interface based on the background image, thereby achieving a degree of integration between the chat background and the chat message. While focusing on the main elements that the target object is concerned about, as well as chat messages related to itself, it avoids wasting unnecessary operations in sliding chat messages to browse the main elements covered by the chat messages, so as to enhance the chat experience of the object.

[0103] Step 302: The terminal device presents a target conversation interface in response to a selection operation triggered by an anti-occlusion control; the target conversation interface includes: a background image, and target chat messages generated by adjusting the presentation format of the original chat messages; in the target object interface, the target chat messages and the at least one main element in the background image are presented completely and without occlusion, wherein the target chat messages and the at least one main element do not overlap with each other.

[0104] In an embodiment of the present application, the selection operation triggered by the occlusion control can be automatically triggered each time the background setting operation is triggered to present the conversation preview interface, or it can be triggered in response to a confirmation instruction sent to the user through a mouse key or touch. Furthermore, in response to the selection operation, the terminal device identifies at least one main element in the background image according to a preset execution process, divides the background image into: a main element area consisting of the at least one main element, and a non-main element area excluding the at least one main element, and adjusts the presentation format of each original chat message in the original conversation interface, obtains each corresponding target chat message after the adjustment, and presents a target conversation interface containing the background image and the target chat message.

[0105] In one embodiment, in order to more conveniently and intelligently identify the main elements in the background image, the terminal applies machine learning technology to intelligently scan the background image and divide the background image into a foreground representing the main element area and a background representing the non-main element area.

[0106] See also Figure 8 As shown, it is a schematic diagram of the possible process of splitting the background image in an embodiment of the present application. First, the terminal device determines the main elements and non-main elements in the background image by scanning each pixel in the background image and using a preset recognition algorithm. Specifically, in order to improve the recognition efficiency, the aforementioned recognition algorithm may include one or a combination of focus analysis, proportion analysis and contrast analysis. For example, a focus analysis is performed on the background image to determine the main category of the image content (for example: building subject, portrait subject, face subject, food subject, etc.); a proportion analysis is performed on the background image to determine the main elements whose actual proportion of the constructed subject meets the preset proportion; a contrast analysis is performed on the background image to determine that the pixel points above the brightness threshold correspond to the main elements, and the speed limit points below the brightness threshold correspond to the non-main elements.

[0107] like Figure 8 As shown, for the background image with the main elements identified, the terminal device obtains the main body composed of the main elements and the secondary body composed of the non-main elements, obtains the foreground representing the main element area based on the main body, and obtains the background representing the non-main element area based on the secondary body.

[0108] Optionally, in order to provide a better integration between the chat background and the chat message, and enhance the realism and fun experience of the subject during the chat, after obtaining the subject composed of the subject elements, the following processing can be performed: portrait recognition is performed on the subject to obtain the portrait recognition result, thereby splitting the portrait subject and other subjects in the subject.

[0109] like Figure 8 As shown, for a background image in which no main elements are identified, the terminal device uses a preset supplementary recognition algorithm to further identify the main elements and non-main elements in the background image, and split the background image into a main body composed of the main elements and a sub-body composed of the corresponding non-main elements. Specifically, to improve recognition efficiency, the aforementioned supplementary recognition algorithm may include one or a combination of color change analysis and light and shadow analysis. For example, a color change analysis is performed on the background image to determine the main body and sub-body of the background image based on the change information of the color blocks composed of the colors of each pixel in the background image; a light and shadow analysis is performed on the background image to determine the main body and sub-body of the background image based on the light and shadow information of the background image.

[0110] For a specific example of splitting a background image, see Figure 9 As shown in FIG. 1 , a schematic diagram of a possible process of splitting a background image in an embodiment of the present application is shown. For a background image containing architectural elements, the terminal device scans each pixel in the background and uses the aforementioned recognition method (such as Figure 8 As shown in FIG, the architectural elements and non-architectural elements in the background image are determined, and then the foreground (main element area) composed of the architectural elements and the background (non-main element area) composed of the non-architectural elements are obtained.

[0111] Furthermore, embodiments of the present application also provide a method for adjusting the presentation format of each original chat message to generate corresponding target chat messages. For example, based on the non-subject element area in the background image, the presentation length and width of each target chat message are calculated in real time to obtain the presentation format of each target chat message. The presentation length and width of each target chat message represents the length and width of the target message bubble used to carry the corresponding target chat message. Each presentation length and width is obtained by real-time adaptive calculation of the non-subject element area and can also be used to limit the display range of the corresponding target chat message.

[0112] Specifically, the above presentation format includes but is not limited to presentation position, presentation font, presentation paragraph, presentation length and width, and presentation text box, among which presentation font includes: presentation font size, presentation font color, presentation font style, presentation character spacing, presentation text effect, etc., presentation paragraph includes: presentation paragraph indentation, presentation paragraph spacing, presentation line break and paging, presentation Chinese layout, etc., presentation text box includes: horizontal text box, vertical text box, etc.

[0113] See also Figure 10 As shown, it is a schematic diagram of the possible process of generating a target chat message in an embodiment of the present application, taking the adjustment of the presentation position and length and width of the original chat message as an example.

[0114] like Figure 10 The conversation preview interface shown in (a) above displays a background image of a building and the original conversation messages displayed above it. One original chat message, "I heard it's crowded at night, so I need to make an appointment," is overlaid on top of the building in the background image due to the presentation format. It should be noted that the avatar information used for the recipient of each original chat message is optional and is not specifically limited here.

[0115] like Figure 10 The target dialogue interface shown in (b) is presented in response to a selection operation triggered by the anti-blocking control in the dialogue preview interface. Figure 10 In the target dialogue interface shown in (b), we can see that according to the non-main element area, we can target Figure 10 In (a), the presentation position and width of the original chat message "I heard that there are more people at night, so I need to make an appointment" are adaptively adjusted in real time so that Figure 10 In (b), two lines of text are displayed, and other original chat information is adjusted accordingly. After the adjustment, each target chat message is obtained that does not cover the main body of the building, and the content in the target chat message is not affected by the presentation format adjustment.

[0116] like Figure 10 The conversation preview interface shown in (c) is displayed in response to the generation of a new chat message, or in response to a sliding operation triggered on a target chat message. Figure 10 The presentation position of the target chat message in (b) "I heard that there are a lot of people at night, so I need to make an appointment" changes from the bottom of the presentation interface to the top of the presentation interface. Based on the current non-main element area, the presentation length and width of the target message after the position change will be calculated in real time. Figure 10 In (c), you can see the target chat message after the length and width are adjusted: "I heard that there are more people at night, so you need to make an appointment." Figure 10 In (b), the two lines of text are changed to Figure 10 The text shown in (c) is displayed in one line, thereby improving the reading efficiency of the subject's dialogue.

[0117] Optionally, in an embodiment of the present application, the background image may include static images and dynamic images. When the background image is a dynamic image, the main elements therein may also be dynamic. For the dynamic subject composed of dynamic main elements, in an embodiment of the present application, each target chat message is presented below the target dialogue interface in the order of sending (or receiving) time, and the one sent (or received) first is presented above the target dialogue interface; and the target chat message sent last (received last) is presented in the surrounding area of ​​the dynamic subject.

[0118] like Figure 11A As shown, this is a schematic diagram of presenting a possible target chat message according to an embodiment of the present application. Taking the main elements in the background image as an example, the dynamic moving kitten is presented on the left, and the target chat message sent by object B is presented on the right. The dynamic moving kitten moves from left to right. Figure 11A As shown, it can be seen that the latest target chat message sent is sent by object A, and is presented as two lines of text "See you at the dinner party tonight~" above the kitten's head, and the target chat message points to the kitten from left to right; when the kitten moves to the right, the presentation position of the last target chat message sent is first determined based on the kitten's position, and combined with the non-main element area and the visual area of ​​the horizontal direction where the presentation position is determined, the presentation length and width of the last target chat message sent are adaptively calculated, and the originally two lines of text "See you at the dinner party tonight~" are adjusted to one line of text for presentation to adapt to the current presentation scene.

[0119] like Figure 11B FIG. 1 is a schematic diagram showing a possible target chat message in an embodiment of the present application, wherein: Figure 11B and Figure 11A The difference is that the target chat message sent last is sent by object B, such as Figure 11B As shown, it can be seen that different message presentation colors are used here to distinguish the target chat message sent by object A from the target chat message sent by object B.

[0120] Optionally, embodiments of the present application also provide a method for displaying historical chat messages, wherein historical chat messages can overlap with at least one main element in a target conversation interface. Specifically, in response to a sliding operation triggered on the target conversation interface, the terminal device updates the target conversation interface. The updated target conversation interface includes: a background image and each historical chat message obtained according to the sliding operation. In the target conversation interface, each non-overlapping historical chat message is presented completely and unobstructed, wherein there is overlap between the historical chat message and at least one main element. In other words, in response to a sliding operation triggered by a target object on the target conversation interface, the terminal device obtains the historical chat messages to be displayed according to the sliding operation, and uses the presentation area of ​​the background image as the presentation area of ​​each historical chat message. Based on the real-time calculated presentation length and width of each historical chat message, these historical chat messages are displayed in the target conversation interface to meet the user's browsing needs for historical chat messages. In this way, it is possible for the user to more conveniently and comprehensively view historical records (each historical chat message), improve the efficiency of viewing historical records, and optimize the user experience.

[0121] In one embodiment, to improve browsing efficiency for the target audience, the presentation format of the historical chat messages can be adaptively calculated based on at least the size of the background image and the width and height of each historical chat message. Of course, the method for obtaining the presentation format of historical chat messages is not limited here, and reference can also be made to the method for obtaining the presentation format of original chat messages, etc.

[0122] like Figure 11C As shown, a schematic diagram of presenting possible target chat messages is provided for an embodiment of the present application. Figure 11C In the target conversation interface shown in the middle left figure, the last target chat message sent, "See you at dinner tonight~", is displayed in the area surrounding the kitten formed by the main element; Figure 11C The target conversation interface shown in the middle left figure, through the downward sliding operation, wants to browse the historical chat messages sent previously; the terminal device responds to the sliding operation, recalculates the presentation length and width of each historical chat message to be displayed according to the size of the background image, and then displays the calculated presentation length and width in the following manner: Figure 11C In the target conversation interface shown in the middle right picture, the historical chat messages of the kitten composed of the covering main element are displayed.

[0123] Optionally, an embodiment of the present application provides a method for obtaining a target conversation interface. Generally speaking, based on the hierarchical relationship between the background image and the original chat message, the presentation format of each original chat message is adjusted to obtain a target conversation interface containing each adjusted target chat message. In this target conversation interface, each target chat message and each subject element can be presented completely and unobstructed, and each target chat message and each subject element do not overlap. The aforementioned non-overlapping meaning includes: each target chat message does not overlap with each other, each subject element does not overlap with each other, and each target chat message does not overlap with each subject element.

[0124] Specifically, the terminal device divides the background image into a first layer containing at least one main element and a second layer that does not contain at least one main element, and then adjusts the presentation format of each original chat message based on the visible area in the second layer to obtain a third layer containing the adjusted target chat message, and then based on the merging result of the third layer with the first layer and the second layer, obtains a target dialogue interface for presenting the merged result.

[0125] See also Figure 12 The figure shows a possible process for obtaining a target conversation interface in an embodiment of the present application. Here, a reorganized message panel can be used to generate the target conversation interface. First, a first-level original chat message and a second-level background image (foreground + background) are obtained. Then, the foreground and background in the background image are split into a first layer and a second layer respectively. Based on the visible area of ​​the second image, the presentation format of the original chat message is adjusted to obtain a third layer of the target chat message. The three layers obtained above are then merged to obtain a merged result, achieving hierarchical fusion. The result is then split into a first layer of the target chat message and foreground, and a second layer of the background, achieving re-layering of the merged result to ensure the integrity of the interface presentation.

[0126] Optionally, it is not necessary to obtain the above-mentioned third layer. After obtaining the merged result of the original chat message of the first level and the background image of the second level (foreground + background), the hierarchical relationship can be redivided according to the merged result, and the original chat message and the foreground can be divided into one level. Based on the mutually exclusive relationship displayed between the original chat message and the foreground, and based on the main shape of the foreground, the presentation format of the corresponding target chat message (such as: the display position, display length and width, etc. of each target chat message) can be calculated instantly, and combined with the background corresponding to the second level to obtain the target dialogue interface.

[0127] It should be noted that the display priority of the first layer is higher than that of the second layer, and the display priority of the third layer is higher than that of the first and second layers. The execution subject of the above-mentioned acquisition process can be a terminal device, which performs the above-mentioned calculation operation in the background of the terminal device, and then transmits the obtained target dialogue interface to the front-end display. Of course, the execution subject of the above-mentioned acquisition process can also be a server. When the execution subject is a server, the terminal device receives the display information of the target dialogue interface fed back by the server, and presents the received display information on the device display screen, or projects the received display information onto other display media. The display method of the terminal device is not specifically limited here.

[0128] In one embodiment, each target chat message in the embodiment of the present application is carried in a corresponding target message bubble. The previous adjustment of the presentation format of each original chat message is the determination of the presentation format of the target message bubble. It should be noted that the presentation format of the target message bubble also includes the presentation style of the target message bubble.

[0129] Specifically, the presentation format of the target message bubble can be determined based on the relative position of the main element in the background image. In order to enhance the integration between the chat background and the chat message, in the embodiment of the present application, it is mainly divided into the following two situations: Situation 1, there is a main element located in the center area of ​​the background image; Situation 2, there is no main element located in the center area of ​​the background image.

[0130] Case 1: There is a main element located in the center area of ​​the background image.

[0131] In an embodiment of the present application, when there is a main element located in the center area of ​​the background image, the target dialogue interface further displays: center pointing information representing each target message bubble relative to the main element in the center area.

[0132] Optionally, in order to more realistically simulate a real conversation scenario and enhance the conversation experience, the center-pointing information can be displayed in the surrounding area of ​​the main element in the center area, as well as the center-pointing information corresponding to the opposite directions of the target chat messages sent and received by the target object. For example, the aforementioned sending corresponds to the center-pointing information from right to left, and the aforementioned receiving corresponds to the center-pointing information from left to right.

[0133] See also Figure 13A As shown in FIG, a possible target message bubble presentation diagram in an embodiment of the present application, the background image includes a subject element located in the middle area, which is presented as two back-to-back portrait subjects. Figure 13AAs shown in the left figure, the target chat message sent by the target object is presented in a right-aligned and right-pointing arrangement, and the target chat message received by the target object is presented in a left-aligned and left-pointing arrangement; in order to improve the relevance between the chat message and the portrait subject in the center area, such as Figure 13A As shown in the right picture, based on the displayable area around the portrait subject, the size of the corresponding target message bubble is adjusted, and based on the surrounding range of the portrait subject, a target message bubble with a small pointed corner is presented, and the small pointed corner points to the portrait subject in the middle area, and in the area other than the surrounding range, a target message bubble without a small pointed corner is presented.

[0134] Case 2: There is no main element located in the center area of ​​the background image.

[0135] In an embodiment of the present application, when there is no main element located in the center area of ​​the background image, that is, the main elements are all located in the edge area of ​​the background image, the target dialogue interface is further displayed: information representing the direction of each target message bubble pointing to the opposite direction.

[0136] Among them, the directional information is used to distinguish the chat messages sent and received by the target object, so as to improve the conversation preview efficiency of the target object and optimize the real chat experience. For example, it represents the directional information of the target message bubble to the left, and represents the directional information of the target message bubble to the right, etc.

[0137] See also Figure 13B As shown, it is a schematic diagram of the presentation of a possible target message bubble in an embodiment of the present application. The background image includes main elements located in the edge area, which are presented as a portrait subject in the lower left corner and a portrait subject in the lower right corner.

[0138] like Figure 13B As shown in the left figure, the target chat message sent by the target object is presented in a right-pointing arrangement, and the target chat message received by the target object is presented in a left-aligned, left-pointing arrangement; in order to improve the relevance between the chat message and the portrait subject in the center area, such as Figure 13A As shown in the right picture, based on the displayable area around the portrait subject, the size of the corresponding target message bubble is adjusted, and based on the surrounding range of the portrait subject, a target message bubble with a small pointed corner is presented, and the small pointed corner points to the portrait subject in the middle area, and in the area other than the surrounding range, a target message bubble without a small pointed corner is presented.

[0139] like Figure 13BAs shown in the left figure, each target message bubble contains a small pointed corner that represents the directional information. The target message bubble sent by the target object is displayed in the right arrangement, and the target message bubble received by the target object is displayed in the left arrangement. After confirming that the main elements in the background image are all in the edge area, Figure 13B The target message bubble shown in the left figure is presented as follows Figure 13B The target dialogue interface shown in the right picture.

[0140] Furthermore, in an embodiment of the present application, in order to make the target dialogue interface closer to a real chat scene, when at least one main element in the background image can construct at least one portrait subject, the target dialogue interface further includes: displaying each target chat message in the surrounding area of ​​this at least one portrait subject. Since each target chat message surrounds at least one portrait subject, a chat scene of a portrait speaking is constructed, which can enhance the dialogue experience of the target object during the chat process.

[0141] In an optional embodiment, the at least one subject element constructs a portrait subject, or constructs multiple connected portrait subjects, and the target conversation interface includes a portrait subject or multiple connected portrait subjects, and a target message bubble in the area around the subject. Specifically, when there is a constructed subject in the middle area of ​​the background image, please refer to the relevant description of the above situation 1 (there is a subject element located in the center area of ​​the background image) (the presentation format of the target message bubble can be referred to Figure 13A ); If there is no main element in the middle area of ​​the background image, please refer to the description of the previous case 2 (no main element in the center area of ​​the background image) (the presentation format of the target message bubble can refer to Figure 13B ).

[0142] In an optional embodiment, the above-mentioned at least one subject element is used to constitute N+1 portrait subjects. In the target dialogue interface, the target chat messages sent by the target object and N other objects are presented based on the N+1 portrait subjects respectively, wherein the target chat message sent by the corresponding object is presented within the surrounding range of a subject.

[0143] It should be noted that the surrounding range of any two of the above subjects can be adjusted instantly according to the presentation format of the corresponding target chat message to ensure that there is no overlap between the target chat messages sent by different objects.

[0144] Furthermore, in an embodiment of the present application, the target chat message is carried in a corresponding target message bubble, and the target dialogue interface also includes: target message bubbles representing the target object and N other objects, respectively, and object pointing information for N+1 portrait subjects.

[0145] For example, the target message bubble sent by the target object is presented in a right arrangement, and the target message bubbles sent by N other objects are presented in a left arrangement. Each target message bubble is based on the corresponding object and points to the portrait subject associated with the corresponding object in the background image.

[0146] Optionally, the presentation method of the target message bubble in the target dialogue interface also includes: based on the generation time of the original chat message corresponding to the target message bubble, displaying it in sequence from bottom to top from near to far. In this way, the authenticity of the chat scene of the simulated human speaking can be further improved, the dialogue experience of the object can be optimized, and the ability to build an immersive and interesting chat scene can be possessed.

[0147] Optionally, the directional information of the target message bubble can also be determined in the following way: when there is a face in the portrait subject in the background image, the directional information of the target message bubble is determined based on the orientation of the face. In this way, the chat scene of speaking with the mouth can be further simulated, and the conversation experience of the object can be optimized.

[0148] See also Figure 14 The following is a schematic diagram of a possible target dialogue interface in an embodiment of the present application, which is as follows:

[0149] like Figure 14 As shown in (a), when the main elements constitute two portrait subjects, one portrait subject is a boy with his face facing left, and the other portrait subject is a girl with his face facing right, then in the target conversation interface, the small corner mark of the target message bubble on the right points to the left to correspond to the girl's face, and the small corner mark of the target message bubble on the left points to the right to correspond to the boy's face.

[0150] Optionally, in a conversation scenario between the target object and one other object, the target chat bubble on one side corresponds to the target object, and the target chat bubble on the other side corresponds to one other object; in a conversation scenario between the target object and N other objects, the target chat bubble on one side corresponds to the target object, and the target chat bubble on the other side corresponds to N other objects.

[0151] like Figure 14 As shown in (b), when the main elements constitute three portrait subjects, the left portrait subject is boy 1 with his face facing left, the middle portrait subject is the girl with her face facing left, and the right portrait subject is boy 2 with his face facing right. In the target dialogue interface, the small corner mark of the target message bubble on the right points to the left to correspond to the face of boy 2, the small corner mark of the target message bubble in the middle points to the right to correspond to the face of the girl, and the small corner mark of the target message bubble on the left points to the right to correspond to the face of boy 1.

[0152] Optionally, in a conversation scenario between the target object and two other objects, if the target chat bubble on one side corresponds to the target object, then the target chat bubble on the other side corresponds to one other object, and the target chat bubbles on the other side point to different subject objects respectively; in a conversation scenario between the target object and one or more other objects, if the target chat bubble on one side corresponds to the target object, then the target chat bubble on the other side corresponds to one or more other objects.

[0153] In short, in an embodiment of the present application, in order to improve the browsing efficiency of chat messages, in the non-main element area of ​​the target dialogue interface, a left-right arrangement is adopted to display the target chat messages sent by the target object and the target chat messages sent by N other objects respectively, wherein the non-main element area is the image area in the background image except for at least one main element.

[0154] In one embodiment, in order to meet the object's customized selection requirements for the display area of ​​the target chat message, the above-mentioned non-main element area further includes: at least two sub-display areas, then the terminal device responds to the area selection operation triggered by the target object for at least two sub-display areas, and displays the target chat messages sent by the target object in a selected sub-display area; and in response to the area selection operation, displays the target chat messages sent by N other objects in the other sub-display areas except one sub-display area.

[0155] See also Figure 15A As shown, it is a schematic diagram of the possible process of selecting the display area of ​​the target chat message in an embodiment of the present application. In the dialogue scenario between the target object and N other objects, after the target object triggers the anti-occlusion control, a target dialogue interface covered with a selection layer is presented. The selection layer is divided into sub-display area A and sub-display area B. Then, in response to the selection operation triggered by the target object on the sub-display area A, a target dialogue interface that cancels the selection layer is presented, wherein the target chat message sent by the target object is displayed in and near the sub-display area A, and correspondingly, the target chat messages sent by N other objects are displayed in and near the sub-display area B.

[0156] See also Figure 15BAs shown, it is a schematic diagram of the process of selecting the display area of ​​the target chat message in an embodiment of the present application, which is applicable to the scene where the background image contains N+1 portrait subjects. Taking the conversation between the target object and two other objects as an example, after the target object triggers the anti-occlusion control, a target conversation interface covered with a selection layer is presented. The selection layer is divided into sub-display area A, sub-display area B and sub-display area C. Then, in response to the selection operation triggered by the target object on sub-display area B, and in response to the sharing operation triggered by the target object on the interface, the selection information of N other objects for sub-display area A and sub-display area C is received, and a target conversation interface for canceling the selection layer is presented, wherein the target chat message sent by the target object is displayed in and near sub-display area B, and accordingly, the target chat messages sent by N other objects are displayed in and near sub-display area A and sub-display area B, respectively.

[0157] It should be noted that the above-mentioned sharing operation is not necessary, and the selection operation of N other objects on the sub-display area can also be completed by the target object selection.

[0158] In one embodiment, in order to improve the commonality of object interaction, after presenting the target dialogue interface, the terminal device also responds to the interface synchronization operation triggered by the target object for the target dialogue interface, and synchronously displays the target dialogue interface to N other objects; or, when it is determined that the relationship label between the target object and any other object is an intimate relationship, the target dialogue interface is synchronously displayed to any other object.

[0159] Specifically, these intimate relationships can include romantic relationships, close friendships, family relationships, and so on. After the terminal device synchronously displays the target conversation interface to the corresponding other objects, a corresponding synchronous prompt message will be generated, displayed in the target conversation interface, and synchronously sent to the corresponding other objects. There is no specific limit on the number of objects associated with intimate relationships.

[0160] Based on the above embodiment, an example related to the field of instant messaging is used below to illustrate the process of adjusting the chat message to adapt to the chat background in the embodiment of the present application. Figure 16 FIG. 1 is a diagram illustrating a method for displaying chat messages according to an embodiment of the present application, which specifically includes:

[0161] First, taking a one-to-one conversation scenario as an example, a chat scenario in which two objects establish a separate message channel. The message channel can be understood as the original chat messages generated by the conversation interaction between the two objects. These original chat messages can be presented on the original conversation interface. The two objects are divided into target objects and other objects. The following is an explanation based on the terminal device corresponding to the target object. Of course, the execution subject can also be the client of the instant messaging application running on the terminal device.

[0162] In such Figure 16 In the original conversation interface shown, the original message bubble and conversation setting control of each original chat message are presented. The conversation setting control is in Figure 16 It can be represented by a three-bar icon in the upper right corner of the original conversation interface. The target object can select a background image that meets the conversation needs as the chat background by triggering the conversation setting control; then, the terminal device presents a conversation preview interface in response to the background setting operation triggered by the target object on the original conversation interface.

[0163] In such Figure 16 The conversation preview interface shown in the figure presents: a background image containing at least one main element (portrait element), each original message bubble, an anti-blocking control ("smart customization"), and an element editing control. Figure 16 It can be represented by a pen icon in the upper right corner of the conversation preview interface. The target object can edit the image elements in the background image and customize the main elements in the background image by triggering the element editing control. Then, the terminal device responds to the element editing control and obtains the edited background image for replacement presentation. Figure 16 It can be represented as a selection box named "Smart Customization" on the conversation preview interface. The target object can focus on the main body composed of the main elements when browsing the chat message by selecting the anti-occlusion control; then, the terminal device responds to the selection operation triggered by the target object for the anti-occlusion control, uses the communication function of the terminal device or the background computing capability to obtain the target chat message and target message bubble generated after adjusting the presentation format of the original chat message and the original message bubble, and then presents the target conversation interface.

[0164] The original chat message and original message bubble can be generated by a computing entity, which can be a server connected to the terminal device or a backend module of the terminal device. The computing entity adjusts the hierarchical relationship between the background image and each original message bubble, dividing the background image into a foreground containing subject elements and a background excluding subject elements. Based on the visible area of ​​the background and the subject category of the subject in the foreground, the original chat message and original message bubble are adjusted into a target chat message and target message bubble. The target chat message and target message bubble do not obstruct at least one subject element in the background image.

[0165] In such Figure 16 In the target dialogue interface shown, the following are presented: background image, target chat bubble. It can be seen that when at least one subject element is a portrait subject, the target chat bubble is further presented with the direction information of the portrait subject, and the direction of the direction information can be determined based on the face orientation of the portrait subject. Specifically, Figure 16As shown in the target conversation interface in , when there are two portrait subjects, the target chat bubbles corresponding to the target object and other objects point to different portrait subjects respectively, and the target chat bubbles corresponding to each object are surrounded by one portrait subject. In addition, the target chat bubbles of different objects can be presented in a left-right arrangement, and the target object can customize the arrangement position of the corresponding target message bubble, left, right, or other customized presentation methods.

[0166] Furthermore, when the relationship between the target object and other objects is identified as a close relationship, or the target object triggers an interface synchronization operation for the target dialogue interface, other objects will also see the target dialogue interface when they enable the instant messaging application to chat with the target object.

[0167] In summary, in an embodiment of the present application, the subject can browse the background image set by the background setting operation triggered for the original conversation interface and the original chat messages in the original conversation interface through the conversation preview interface, and intuitively obtain the coverage of the original chat message on at least one main element in the background image; and the subject can browse the background image in the target conversation interface presented according to the anti-occlusion control by triggering the conversation preview interface, and browse each main element in the background image completely and without obstruction, as well as each target chat message generated after adjusting the presentation format of each original chat message. Since each main element and each target chat message do not overlap with each other, while increasing the diversity and convenience of personalized chat background settings, it also helps to focus on the main elements that the subject is concerned about, chat messages related to itself, etc., avoiding wasting unnecessary operations on sliding chat messages to browse the main elements covered by chat messages, thereby improving the subject's chat experience. In addition, this convenient operation, interesting expression, and immersive experience can also increase the stickiness and spread rate of the object to a certain extent.

[0168] See also Figure 17 As shown, based on the same inventive concept, an embodiment of the present application further provides a chat message display device 1700, which includes:

[0169] A first response unit 1701 is configured to present a conversation preview interface in response to a background setting operation triggered on the original conversation interface; the conversation preview interface includes: a background image including at least one main element, each original chat message in the original conversation interface, and an anti-blocking control;

[0170] The second response unit 1702 is used to present a target dialogue interface in response to a selection operation triggered by the anti-occlusion control; the target dialogue interface includes: the background image, and each target chat message generated after adjusting the presentation format of each original chat message; in the target object interface, the target chat messages and the at least one main element in the background image are presented completely and without occlusion, wherein the target chat messages and the at least one main element do not overlap with each other.

[0171] Optionally, the second responding unit 1702 is further configured to:

[0172] In response to an element editing operation triggered on the background image, a background image including at least one edited subject element is presented in the conversation preview interface.

[0173] Optionally, each target chat message is carried in a corresponding target message bubble, and the second responding unit 1702 is further configured to:

[0174] When there is a main element located in the central area of ​​the background image, the target dialogue interface further displays: center pointing information representing each target message bubble relative to the main element in the central area.

[0175] Optionally, the target dialogue interface is obtained by:

[0176] dividing the background image into a first layer including the at least one subject element and a second layer not including the at least one subject element;

[0177] Adjusting the presentation format of each original chat message based on the visible area in the second layer to obtain a third layer containing the adjusted target chat message;

[0178] Based on the merging result of the third layer, the first layer, and the second layer, a target dialogue interface for presenting the merging result is obtained.

[0179] Optionally, the background triggering operation and the selection operation are triggered by a target object;

[0180] The target chat message is generated based on the dialogue interaction between the target object and N other objects, where N≥1.

[0181] Optionally, the at least one subject element is used to constitute N+1 portrait subjects, and the second responding unit 1702 is further configured to:

[0182] In the target conversation interface, the target chat messages sent by the target object and the N other objects are presented based on the N+1 portrait subjects respectively; wherein, within the surrounding range of a subject, the target chat message sent by the corresponding object is presented.

[0183] Optionally, the target chat message is carried in a corresponding target message bubble, and the second responding unit 1702 is further configured to:

[0184] The target dialogue interface further includes:

[0185] The target message bubbles representing the target object and the N other objects respectively indicate object pointing information for the N+1 portrait subjects.

[0186] Optionally, the apparatus further includes a third responding unit 1703, configured to:

[0187] In response to an interface synchronization operation triggered by the target object on the target dialogue interface, synchronously displaying the target dialogue interface to the N other objects; or,

[0188] When it is determined that the relationship label between the target object and any other object is an intimate relationship, the target dialogue interface is synchronously displayed to any other object.

[0189] Optionally, the second responding unit 1702 is further configured to:

[0190] In the non-main element area of ​​the target dialogue interface, the target chat messages sent by the target object and the target chat messages sent by the N other objects are displayed respectively in a left-right arrangement; wherein, the non-main element area is the image area in the background image excluding the at least one main element.

[0191] Optionally, the non-main element area further includes: at least two sub-display areas; then the second response unit 1702 is further configured to:

[0192] In response to an area selection operation triggered by the target object on the at least two sub-display areas, displaying each target chat message sent by the target object in a selected sub-display area; and

[0193] In response to the area selection operation, the target chat messages sent by the N other objects are displayed in the other sub-display areas except the one sub-display area.

[0194] Optionally, the presentation format of each target chat message is generated by real-time calculation based on the non-main element area in the background image and the presentation length and width of each corresponding original chat message; wherein, the non-main element area is the area in the background image other than the at least one main element.

[0195] Optionally, the third response unit 1703 is used, after presenting the target conversation interface, to: in response to a sliding operation triggered on the target conversation interface, present in the target conversation interface each historical chat message obtained according to the sliding operation; wherein, the presentation format of the historical chat message is generated by real-time calculation of the presentation length and width based on the background image.

[0196] The device can be used to execute the methods shown in the various embodiments of the present application. Therefore, for the functions that can be implemented by the various functional modules of the device, please refer to the description of the aforementioned embodiments and no further details will be given.

[0197] See Figure 18 As shown, based on the same technical concept, the embodiment of the present application also provides a computer device 1800, which can be Figure 1 or Figure 2 As shown in the terminal device or server, the computer device 1800 may include a memory 1801 and a processor 1802.

[0198] The so-called memory 1801 is used to store computer programs executed by the processor 1802. The memory 1801 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system, an application required for at least one function, etc.; the data storage area may store data created according to the use of the computer device, etc. The processor 1802 may be a central processing unit (CPU), or a digital processing unit, etc. The specific connection medium between the above-mentioned memory 1801 and the processor 1802 is not limited in the embodiment of the present application. The embodiment of the present application is Figure 18 In the embodiment, the memory 1801 and the processor 1802 are connected via a bus 1803. The bus 1803 is connected to the processor 1802 via a bus 1803. Figure 18 The connections between the other components are shown in bold lines, which are only for illustration and are not intended to be limiting. The so-called bus 1803 can be divided into an address bus, a data bus, a control bus, etc. For ease of illustration, Figure 18 Only one thick line is used in the diagram, but this does not mean that there is only one bus or one type of bus.

[0199] Memory 1801 may be a volatile memory, such as random-access memory (RAM); a non-volatile memory, such as read-only memory, flash memory, a hard disk drive (HDD), or a solid-state drive (SSD); or any other medium capable of carrying or storing desired program code in the form of instructions or data structures and accessible by a computer, but is not limited thereto. Memory 1801 may be a combination of the aforementioned memories.

[0200] The processor 1802 is used to execute the method executed by the device in each embodiment of the present application when calling the computer program stored in the so-called memory 1801.

[0201] In some possible implementations, various aspects of the method provided in the present application can also be implemented in the form of a program product, which includes program code. When the so-called program product is run on a computer device, the so-called program code is used to enable the so-called computer device to execute the steps of the method according to the various exemplary embodiments of the present application described above in this specification. For example, the so-called computer device can execute the method executed by the device in each embodiment of the present application.

[0202] The so-called program product can adopt any combination of one or more readable media. The readable medium can be a readable signal medium or a readable storage medium. The readable storage medium can be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of readable storage media (a non-exhaustive list) include: an electrical connection with one or more wires, a portable disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above.

[0203] Although the preferred embodiments of the present application have been described, those skilled in the art may make additional changes and modifications to these embodiments once they have learned the basic creative concept. Therefore, the appended claims are intended to be interpreted as including the preferred embodiments and all changes and modifications that fall within the scope of the present application.

[0204] Obviously, those skilled in the art may make various changes and modifications to this application without departing from the spirit and scope of this application. Thus, if these modifications and variations of this application fall within the scope of the claims of this application and their equivalents, this application is intended to include these modifications and variations.

Claims

1. A method for displaying chat messages, characterized in that: include: In response to a background setting operation triggered on the original conversation interface, presenting a conversation preview interface; The conversation preview interface includes: a background image containing at least one main element, each original chat message in the original conversation interface, and an anti-blocking control; In response to a selection operation triggered by the anti-occlusion control, a target conversation interface is presented; the target conversation interface includes: the background image, and target chat messages generated by adjusting the presentation format of the original chat messages; in the target object interface, the target chat messages and the at least one main element in the background image are presented completely and without occlusion, wherein the target chat messages and the at least one main element do not overlap with each other.

2. The method according to claim 1, wherein The method further comprises: In response to an element editing operation triggered on the background image, a background image including at least one edited subject element is presented in the conversation preview interface.

3. The method according to claim 1, wherein Each target chat message is carried in a corresponding target message bubble, and the method further includes: When there is a main element located in the central area of ​​the background image, the target dialogue interface further displays: center pointing information representing each target message bubble relative to the main element in the central area.

4. The method according to claim 1, wherein The target dialogue interface is obtained in the following manner: dividing the background image into a first layer including the at least one subject element and a second layer not including the at least one subject element; Adjusting the presentation format of each original chat message based on the visible area in the second layer to obtain a third layer containing the adjusted target chat message; Based on the merging result of the third layer, the first layer, and the second layer, a target dialogue interface for presenting the merging result is obtained.

5. The method according to any one of claims 1 to 4, characterized in that The background triggering operation and the selection operation are triggered by a target object; The target chat message is generated based on the dialogue interaction between the target object and N other objects, where N≥1.

6. The method according to claim 5, wherein The at least one subject element is used to form N+1 portrait subjects, and the method further includes: In the target conversation interface, the target chat messages sent by the target object and the N other objects are presented based on the N+1 portrait subjects respectively; wherein, within the surrounding range of a subject, the target chat message sent by the corresponding object is presented.

7. The method according to claim 6, wherein The target chat message is carried in a corresponding target message bubble, and the target dialogue interface further includes: The target message bubbles representing the target object and the N other objects respectively indicate object pointing information for the N+1 portrait subjects.

8. The method according to claim 5, wherein After presenting the target dialogue interface, the method further includes: In response to an interface synchronization operation triggered by the target object on the target dialogue interface, synchronously displaying the target dialogue interface to the N other objects; or, When it is determined that the relationship label between the target object and any other object is an intimate relationship, the target dialogue interface is synchronously displayed to any other object.

9. The method according to claim 5, wherein The target dialogue interface further includes: In the non-main element area of ​​the target dialogue interface, the target chat messages sent by the target object and the target chat messages sent by the N other objects are displayed respectively in a left-right arrangement; wherein, the non-main element area is the image area in the background image excluding the at least one main element.

10. The method according to claim 9, wherein The non-main element area further includes: at least two sub-display areas; the method further includes: In response to an area selection operation triggered by the target object on the at least two sub-display areas, displaying each target chat message sent by the target object in a selected sub-display area; and In response to the area selection operation, the target chat messages sent by the N other objects are displayed in the other sub-display areas except the one sub-display area.

11. The method according to any one of claims 1 to 4, characterized in that: The presentation format of each target chat message is generated by real-time calculation of the presentation length and width of each corresponding original chat message based on the non-main element area in the background image; wherein, the non-main element area is the area in the background image other than the at least one main element.

12. The method according to any one of claims 1 to 4, characterized in that: After presenting the target dialogue interface, the method further includes: In response to a sliding operation triggered on the target conversation interface, the historical chat messages obtained according to the sliding operation are presented in the target conversation interface; wherein, the presentation format of the historical chat messages is generated by real-time calculation of the presentation length and width based on the background image.

13. A chat message display device, characterized in that: include: A first response unit, configured to present a conversation preview interface in response to a background setting operation triggered on the original conversation interface; The conversation preview interface includes: a background image containing at least one main element, each original chat message in the original conversation interface, and an anti-blocking control; The second response unit is used to present a target dialogue interface in response to a selection operation triggered by the anti-occlusion control; the target dialogue interface includes: the background image, and each target chat message generated after adjusting the presentation format of each original chat message; in the target object interface, the target chat messages and the at least one main element in the background image are presented completely and without obstruction, wherein the target chat messages and the at least one main element do not overlap with each other.

14. A computer device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein: When the processor executes the computer program, the steps of the method according to any one of claims 1 to 12 are implemented.

15. A computer storage medium having computer program instructions stored thereon, characterized in that: When the computer program instructions are executed by a processor, the steps of the method according to any one of claims 1 to 12 are implemented.

16. A computer program product comprising computer program instructions, characterized in that When the computer program instructions are executed by a processor, the steps of the method according to any one of claims 1 to 12 are implemented.

Images