Interface interaction method and device, equipment, storage medium and program product

Abstract

The application relates to an interface interaction method and device, equipment, a storage medium and a program product, and relates to the technical field of interface display. The method comprises the following steps: displaying a program interface of a first application program; displaying a first interaction control in the program interface; the first interaction control corresponds to an interaction function in a second application program; in response to receiving an interaction operation on the first interaction control, displaying a background animation in the program interface; the background animation is an animation corresponding to the interaction function. Through the above method, relevant information in the second application program can be displayed in the first application program, and part of the interaction function in the second application program can be experienced in the first application program, so that the information display mode is expanded, and the display effect of the relevant information of the second application program is improved.

Description

Technical Field

[0001] This application relates to the field of interface display technology, and in particular to an interface interaction method, apparatus, device, storage medium, and program product. Background Technology

[0002] With the continuous development of network and computer technology, interface display has become an important way of information dissemination.

[0003] In related technologies, when it is necessary to disseminate the content of a second application, text information, image information, or video information related to the second application can be displayed in a designated display area of ​​the first application, so that users of the first application can obtain relevant information about the second application.

[0004] However, in related technologies, the method of displaying relevant information of the second application by setting a designated display area results in a relatively simple information display method, which leads to a poor effect in displaying relevant information of the second application through the first application. Summary of the Invention

[0005] This application provides an interface interaction method, apparatus, device, storage medium, and program product, which can display relevant information from a second application in a first application and allow users in the first application to experience some interactive functions of the second application, thereby expanding the ways of information display and improving the display effect of relevant information in the second application. The technical solution is as follows: On the one hand, a method for interface interaction is provided, the method comprising: Display the program interface of the first application; A first interactive control is displayed in the program interface; the first interactive control corresponds to the interactive function in the second application. In response to receiving an interactive operation on the first interactive control, a background animation is displayed in the program interface; the background animation is an animation corresponding to the interactive function.

[0006] On the other hand, a user interface interaction method is provided, the method comprising: Receive an interface display request sent by a target terminal; the target terminal is a terminal that displays the program interface of the first application. Based on the interface display request, control information of a first interactive control is sent to the target terminal, so that the target terminal displays the first interactive control in the program interface based on the control information; the first interactive control corresponds to the interactive function in the second application; In response to receiving an interactive operation on the first interactive control, a background animation is sent to the target terminal so that the target terminal displays the background animation in the program interface; the background animation is an animation corresponding to the interactive function.

[0007] On the other hand, an interface interaction device is provided, the device comprising: The first interface display module is used to display the program interface of the first application. A first control display module is used to display a first interactive control in the program interface; the first interactive control corresponds to the interactive function in the second application. An animation display module is used to display a background animation in the program interface in response to receiving an interactive operation on the first interactive control; the background animation is an animation corresponding to the interactive function.

[0008] In one possible implementation, the device further includes: An information display module is configured to display displayable information in the program interface before the animation display module displays background animation in the program interface in response to receiving an interactive operation on the first interactive control; the displayable information is generated by combining the image identifier of the first application and the target display content; the target display content corresponds to the display content in the second application.

[0009] In one possible implementation, the animation display module is configured to, in response to receiving the interactive operation on the first interactive control, display, with the displayable information display state as the initial state, the background animation in the program interface showing the changes of interactive elements in the target display content based on the interactive operation.

[0010] In one possible implementation, the program interface displays a second interactive control of the first application; The information display module is used to display the displayable information in the lower layer of the second interactive control in the program interface.

[0011] In one possible implementation, the device further includes: The second control display module is used to display jump controls in the program interface; The interface jump module is used to jump from the program interface to the details interface of the second application in response to receiving a target operation on the jump control; the details interface displays detailed information about the second application.

[0012] In one possible implementation, the second control display module is used for, In response to the display duration of the displayable information reaching a display duration threshold, the jump control is displayed in the program interface; Alternatively, in response to the interactive operation based on the first interactive control reaching the target condition, the jump control is displayed in the program interface.

[0013] In one possible implementation, the type of information that can be displayed includes an image type and an interactive type.

[0014] On the other hand, an interface interaction device is provided, the device comprising: A request receiving module is used to receive an interface display request sent by a target terminal; the target terminal is a terminal that displays the program interface of a first application. The control information sending module is used to send control information of a first interactive control to the target terminal based on the interface display request, so that the target terminal displays the first interactive control in the program interface based on the control information; the first interactive control corresponds to the interactive function in the second application; The background animation sending module is used to send a background animation to the target terminal in response to receiving an interactive operation on the first interactive control, so that the target terminal displays the background animation in the program interface; the background animation is an animation corresponding to the interactive function.

[0015] In one possible implementation, the device further includes: A displayable information sending module is used to send displayable information to the target terminal based on the interface display request before the control information sending module sends the control information of the first interactive control to the target terminal based on the interface display request, so that the target terminal displays the displayable information in the program interface; The displayable information is generated by combining the image identifier of the first application and the target display content; the target display content corresponds to the display content in the second application; the target display content includes interactive elements that are changed based on the interactive operation of the first interactive control.

[0016] In one possible implementation, the device further includes: The material resource acquisition module is used to acquire material resources for the second application; An image extraction module is used to extract images based on the material resources to obtain the target display content; the target display content includes a portion of the image content in the material resources.

[0017] In one possible implementation, the image extraction module is used to input the material resources into the image extraction model to obtain the target display content output by the image extraction model; The image extraction model is trained based on a first sample material resource and the corresponding sample display content labels.

[0018] In one possible implementation, the device further includes: The function extraction module is used to extract interactive functions based on the material resources to obtain the interactive functions. The control information generation module is used to generate the control information of the first interactive control based on the interactive function.

[0019] In one possible implementation, the function extraction module is used to input the material resources into the interactive function extraction model to obtain the interactive function output by the interactive function extraction model; The interactive function extraction model is obtained by training based on the second sample material resources and the interactive function labels corresponding to the second sample material resources.

[0020] On the other hand, a computer device is provided, the computer device including a processor and a memory, the memory storing at least one computer program, the at least one computer program being loaded and executed by the processor to implement the above-described interface interaction method.

[0021] On the other hand, a computer-readable storage medium is provided, wherein at least one computer program is stored in the computer program, which is loaded and executed by a processor to implement the above-described interface interaction method.

[0022] On the other hand, a computer program product or computer program is provided, which includes computer instructions stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the computer device to perform the interface interaction methods provided in the various optional implementations described above.

[0023] The technical solution provided in this application may include the following beneficial effects: By displaying a first interactive control corresponding to the interactive function of the second application in the program interface of the first application, and displaying a background animation corresponding to the first interactive control and related to the second application in the program interface of the first application when receiving an interactive operation of the first interactive control, it is possible to display relevant information in the second application in the first application and experience some interactive functions of the second application in the first application, thereby expanding the way information is displayed and improving the display effect of relevant information in the second application.

[0024] It should be understood that the above general description and the following detailed description are exemplary and explanatory only, and do not limit this application. Attached Figure Description

[0025] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with this application and, together with the description, serve to explain the principles of this application.

[0026] Figure 1 This is a schematic diagram illustrating the structure of an interface interaction system according to an exemplary embodiment; Figure 2 A flowchart illustrating an embodiment of the interface interaction method of this application is shown; Figure 3 A flowchart illustrating an exemplary embodiment of this application is shown; Figure 4 A flowchart illustrating an exemplary embodiment of this application is shown; Figure 5 A schematic diagram illustrating a program interface shown in an exemplary embodiment of this application is provided. Figure 6 A schematic diagram illustrating a background animation is shown in an exemplary embodiment of this application; Figure 7 A schematic diagram illustrating an interface transition process shown in an exemplary embodiment of this application is provided. Figure 8 A schematic diagram illustrating an interface transition process shown in an exemplary embodiment of this application is provided. Figure 9 This illustration shows an interactive schematic diagram of an exemplary embodiment of the interface interaction method of this application; Figure 10 A block diagram illustrating an interface interaction device according to an exemplary embodiment of this application is shown; Figure 11 A block diagram illustrating an interface interaction device according to an exemplary embodiment of this application is shown; Figure 12 This is a structural block diagram of a computer device according to an exemplary embodiment; Figure 13 This is a structural block diagram of a computer device according to an exemplary embodiment. Detailed Implementation

[0027] Exemplary embodiments will now be described in detail, examples of which are illustrated in the accompanying drawings. When the following description relates to the drawings, unless otherwise indicated, the same numbers in different drawings denote the same or similar elements. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with this application. Rather, they are merely examples of apparatuses and methods consistent with some aspects of this application as detailed in the appended claims.

[0028] This application proposes an information display method that improves the effectiveness of pushing displayable information. For ease of understanding, the terms used in this application are explained below.

[0029] 1) Artificial Intelligence (AI) Artificial intelligence (AI) is the theory, methods, technology, and application systems that use digital computers or machines controlled by digital computers to simulate, extend, and expand human intelligence, perceive the environment, acquire knowledge, and use that knowledge to achieve optimal results. In other words, AI is a comprehensive technology within computer science that attempts to understand the essence of intelligence and produce a new kind of intelligent machine that can react in a way similar to human intelligence. AI studies the design principles and implementation methods of various intelligent machines, enabling them to possess the functions of perception, reasoning, and decision-making.

[0030] Artificial intelligence (AI) is a comprehensive discipline encompassing a wide range of fields, including both hardware and software technologies. Fundamental AI technologies generally include sensors, dedicated AI chips, cloud computing, distributed storage, big data processing, operating / interactive systems, and mechatronics. AI software technologies primarily include computer vision, speech processing, natural language processing, as well as machine learning / deep learning, autonomous driving, and intelligent transportation.

[0031] 2) Machine Learning (ML) Machine learning is a multidisciplinary field involving probability theory, statistics, approximation theory, convex analysis, and algorithm complexity theory, among others. It specifically studies how computers can simulate or implement human learning behavior to acquire new knowledge or skills and reorganize existing knowledge structures to continuously improve their performance. Machine learning is the core of artificial intelligence and the fundamental way to endow computers with intelligence; its applications span all areas of artificial intelligence. Machine learning and deep learning typically include techniques such as artificial neural networks, belief networks, reinforcement learning, transfer learning, inductive learning, and learn-by-doing.

[0032] 3) Computer Vision (CV) technology Computer vision is the science that studies how to enable machines to "see." More specifically, it refers to machine vision, which uses cameras and computers to replace human eyes in recognizing and measuring targets, and then performs image processing to create images more suitable for human observation or transmission to instruments. As a scientific discipline, computer vision studies related theories and technologies, attempting to build artificial intelligence systems capable of extracting information from images or multidimensional data. Computer vision technologies typically include image processing, image recognition, image semantic understanding, image retrieval, OCR (Optical Character Recognition), video processing, video semantic understanding, video content / behavior recognition, 3D object reconstruction, 3D (3 Dimensions) technology, virtual reality, augmented reality, simultaneous localization and mapping (SLAM), autonomous driving, and intelligent transportation technologies.

[0033] Figure 1 This is a schematic diagram illustrating the structure of an interactive interface system according to an exemplary embodiment. The interactive interface system 100 includes a server 110 and a terminal 120.

[0034] The aforementioned server 110 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDN (Content Delivery Network), blockchain networks, and big data and artificial intelligence platforms. This server 110 is used to provide interface display content to the terminal 120.

[0035] The aforementioned terminal 120 can be a terminal device with screen display function, which can be a smartphone, tablet computer, laptop computer, desktop computer, etc.

[0036] Server 110 and terminal 120 can be connected via a communication network. Optionally, the communication network can be a wired network or a wireless network.

[0037] Optionally, the aforementioned wireless or wired networks use standard communication technologies and / or protocols. The network is typically the Internet, but can also be any network, including but not limited to Local Area Networks (LANs), Metropolitan Area Networks (MANs), Wide Area Networks (WANs), mobile, wired or wireless networks, private networks, or any combination of virtual private networks. In some embodiments, technologies and / or formats including Hypertext Markup Language (HTML), Extensible Markup Language (XML), etc., are used to represent data exchanged over the network. Furthermore, conventional encryption technologies such as Secure Socket Layer (SSL), Transport Layer Security (TLS), Virtual Private Networks (VPNs), and Internet Protocol Security (IPsec) can be used to encrypt all or some links. In other embodiments, custom and / or dedicated data communication technologies can be used to replace or supplement the aforementioned data communication technologies. This application does not impose any limitations.

[0038] Figure 2 A flowchart illustrating an embodiment of the present application is shown. This method can be executed by a computer device, which can be implemented as a target terminal. The target terminal can be, for example, […]. Figure 1 Terminal 120 shown; as Figure 2 As shown, the interface interaction method includes: Step 210: Display the program interface of the first application.

[0039] The target terminal displays the program interface of the first application.

[0040] In this embodiment of the application, the first application is an application with interactive interface functions; for example, the first application may include a browser application, a shopping application, or other applications.

[0041] Optionally, the program interface of the first application can be the main interface of the first application.

[0042] Step 220: Display the first interactive control in the program interface; the first interactive control corresponds to the interactive function in the second application.

[0043] In this embodiment of the application, the second application may be an application that has not yet been installed on the terminal, or the time elapsed between the online time of the second application and the current time is less than a time elapsed threshold.

[0044] The second application can be an application that is associated with the first application; that is, the first application is one of the pre-set applications that are associated with the second application.

[0045] Optionally, the first interactive control may include at least one interactive sub-control, with different interactive sub-controls corresponding to different interactive functions in the second application. For example, when the second application is a game application, the first interactive sub-control in the first interactive control may correspond to the direction adjustment control in the game application, the second interactive sub-control in the first interactive control may correspond to the skill release control in the game, and the third interactive sub-control in the first interactive control may correspond to the item switching control in the game, etc.

[0046] Step 230: In response to receiving an interactive operation on the first interactive control, a background animation is displayed in the program interface; the background animation is an animation corresponding to the interactive function.

[0047] The background animation displayed in the program interface can be an animation corresponding to the interactive function of the first interactive control; for example, when an interactive operation is received on the first interactive sub-control, an animation corresponding to the interactive function of the first interactive sub-control is displayed in the program interface.

[0048] In summary, the interface interaction method provided in this application, by displaying a first interactive control corresponding to the interactive function of the second application in the program interface of the first application, and upon receiving an interactive operation from the first interactive control, displaying a background animation corresponding to the first interactive control and related to the second application in the program interface of the first application, can realize the display of relevant information in the second application in the first application and the experience of some interactive functions in the second application in the first application, thereby expanding the way information is displayed and improving the display effect of relevant information in the second application.

[0049] Figure 3 A flowchart illustrating an exemplary embodiment of this application is shown. This method can be executed by a computer device, which can be implemented as follows: Figure 1 Server 110 is shown; as Figure 3As shown, the interface interaction method includes: Step 310: Receive an interface display request sent by the target terminal; the target terminal is the terminal that displays the program interface of the first application.

[0050] Optionally, the interface display request is a request sent when the target terminal switches to the main interface of the first application; illustratively, when the first application is launched and the main interface of the first application is entered, the target terminal sends an interface display request to the server; or, when switching back to the main interface of the first application from another interface of the first application, the target terminal sends an interface display request to the server.

[0051] In this embodiment of the application, the server may be a program server corresponding to the first application. For example, when the first application is a browser application, the server is a browser server; when the first application is a shopping application, the server is a program server of the shopping application.

[0052] Step 320: Based on the interface display request, send the control information of the first interactive control to the target terminal so that the target terminal displays the first interactive control in the program interface based on the control information; the first interactive control corresponds to the interactive function in the second application.

[0053] Step 330: In response to receiving an interactive operation on the first interactive control, a background animation is sent to the target terminal so that the target terminal displays the background animation in the program interface; the background animation is an animation corresponding to the interactive function.

[0054] Optionally, when the server receives a request to display the interface, or receives an interactive operation on the first interactive control, the server may send the control information of the first interactive control to the target terminal through the content delivery network, or send the background animation to the target terminal through the content delivery network.

[0055] In summary, the interface interaction method provided in this application, by displaying a first interactive control corresponding to the interactive function of the second application in the program interface of the first application, and upon receiving an interactive operation from the first interactive control, displaying a background animation corresponding to the first interactive control and related to the second application in the program interface of the first application, can realize the display of relevant information in the second application in the first application and the experience of some interactive functions in the second application in the first application, thereby expanding the way information is displayed and improving the display effect of relevant information in the second application.

[0056] In this embodiment, the program interface of the first application displays both a first interactive control and displayable information. The first interactive control and the displayable information can be sent to the target terminal by the server after receiving an interface display request from the target terminal. Prior to this, the server can pre-generate the control information of the first interactive control and the displayable information.

[0057] In one possible implementation, the displayable information is generated based on target display content that corresponds to display content in a second application; the target display content includes interactive elements that change based on interactive operations on a first interactive control.

[0058] In another possible implementation, the displayable information is generated by combining the image identifier of the first application with the target display content; so that the displayable information can be better integrated with the first application, improving the integration of the target display content of the second application with the native interface of the first application, thereby improving the display effect of the target display content of the second application.

[0059] The process of generating displayable information by combining the image identifier of the first application with the target display content can be achieved through Canvas. Canvas is an important element in HTML5 (Hyper Text Markup Language 5), which can be combined with JavaScript for graphics processing and image drawing. At the same time, it can achieve audio and video playback functions without third-party plugins, provided that audio and video playback is supported.

[0060] When generating displayable information using Canvas, Canvas can obtain a CanvasRenderingContext2D object, which the server can control for drawing via JavaScript; among other things, <canvas>The drawing process on elements includes: Get <canvas>The DOM (Document Object Model) object corresponding to the element, which is a Canvas object; Calling the getContext() method of the Canvas object yields a CanvasRenderingContext2D (2D drawing context) object; in this embodiment, the CanvasRenderingContext2D object may include the image identifier of the first application and the target display content.

[0061] Call the CanvasRenderingContext2D object to draw, and obtain displayable information by combining the image identifier of the first application with the target display content.

[0062] In this embodiment of the application, the first application is any one of the applications that can display relevant information of the second application; the server can obtain the image identifier of the first application in advance to generate displayable information corresponding to the first application; wherein, the image identifier of the first application can be implemented as the logo of the first application.

[0063] The interactive elements in the target display content correspond to the interactive objects in the display content of the second application. Since the target display content of the second application that can be displayed in the first application is limited, in order to enable users to perceive the core elements of the second application based on the first application, such as the style of the second application, the image of the virtual characters in the second application, etc., optionally, the interactive elements can correspond to some of the interactive objects contained in the display content of the second application; wherein, some of the interactive objects of the second application are used to embody the core elements of the second application.

[0064] The server can pre-obtain the target display content corresponding to the display content of the second application, and pre-generate the first interactive control corresponding to the interactive function of the second application.

[0065] The step of the server pre-obtaining the target display content corresponding to the display content of the second application may include: S1. Obtain the material resources of the second application.

[0066] The material resources of the second application can be uploaded to the server by relevant personnel; the material resources of the second application can include the name of the second application, program identifier, graphic materials, video materials, control materials and other related information.

[0067] After obtaining the material resources of the second application, the server can perform image recognition on the material resources to obtain the target display content to be displayed in the displayable information.

[0068] S2. Based on the material resource, perform image extraction to obtain the target display content; the target display content includes part of the image content in the material resource.

[0069] In this embodiment, the server can extract images from the material resources using AI image recognition; optionally, the process of the server acquiring the material resources of the second application can be implemented as follows: The source material is input into the image recognition model to obtain the target display content output by the image recognition model.

[0070] The image recognition model can be constructed using a Convolutional Neural Network (CNN). Optionally, the model can consist of an image extraction network, a preprocessing network, and a feature extraction network. Image extraction extracts image information from source materials, enabling the image recognition model to process this information. The preprocessing network performs image preprocessing on the acquired image information, including operations such as denoising, smoothing, and transformation to enhance important features. The feature extraction network extracts the most important parts of the preprocessed image information to obtain the target display content. Illustratively, the feature extraction network can include convolutional layers and convergence layers. The convolutional layers distribute the image information into pixel blocks of a specified size, for example, distributing the image information into 3x3 pixel blocks. 3 or 5 The image consists of 5 pixel blocks. The output values ​​corresponding to these pixel blocks are arranged in a graph group, with each pixel block's content represented numerically. A number axis can represent height, width, and color, thus obtaining a three-dimensional numerical representation of each pixel block (or a four-dimensional numerical representation if the image information in the source material is video). A convergence layer combines the spatial dimensions of this three-dimensional (or four-dimensional) graph group with a sampling function, outputting a joint array containing the relatively important parts of the image information. Based on this joint array, the target display content of the image information is output. Specifically, the sampling function can filter out unnecessary image connections according to the degree of correlation between pixel blocks. The convergence layer then reduces the array corresponding to unnecessary image connections in the graph group to obtain a joint array, thus outputting the relatively important parts of the image information, i.e., the target display content.

[0071] This image recognition model was trained based on a first sample resource and the corresponding display content labels. The display content labels for the first sample resource can be annotated by relevant personnel.

[0072] During model training, the first sample material resource is input into the image recognition model to obtain the predicted display content of the first sample material resource output by the image recognition. The image recognition model is trained based on the predicted display content and the display content label corresponding to the first sample material resource. Then, based on different first sample material resources, the above process is repeated to iteratively train the image recognition model so that the predicted display content of each first sample material resource is as close as possible to the display content label of the first sample material resource, until the training completion condition is met, and a trained image recognition model is obtained, so that the server can extract the target display content of the material resource through the trained image recognition model.

[0073] In the above process, the function value of the first loss function can be calculated based on the predicted display content and the display content label corresponding to the first sample material resource, and the image recognition model can be trained based on the function value of the first loss function.

[0074] Optionally, the training completion conditions may include the following: the label prediction accuracy of the trained image recognition model reaches an accuracy threshold; the trained image recognition model converges; or the number of iterations reaches a number threshold.

[0075] The steps by which the server pre-obtains the control information of the first interactive control may include: S3. Extract interactive functions based on material resources to obtain interactive functions.

[0076] The interactive function can be the function that the interactive control in the second application can achieve; the server can extract the interactive function based on the control material in the material resources; the control material can include the appearance icon of the control and the interactive function, which is used to indicate the effect that the control can achieve.

[0077] In this embodiment, interactive functions can be extracted using a neural network. Therefore, the process of extracting interactive functions based on material resources can be implemented as follows: Input the material resources into the interactive function extraction model to obtain the interactive functions output by the interactive function extraction model; The interactive function extraction model was trained based on the second sample material resources and the interactive function labels corresponding to the second sample material resources.

[0078] Among them, the interactive function tags corresponding to the second sample material resources can be marked by relevant personnel and are illustrative. The interactive function can be reflected in the code content, and the interactive function tags can be obtained by relevant personnel after marking the code content with functions.

[0079] Neural network learning primarily refers to using learning algorithms to adjust the connection weights between neurons, making the network output more accurate. Learning algorithms are divided into two categories: supervised learning algorithms and unsupervised learning algorithms. Supervised learning algorithms involve inputting a training set into the neural network and adjusting the connection weights based on the difference between the neural network's output and the labels of the training samples, thereby training the neural network.

[0080] The interactive function extraction model in this embodiment can be a model built on a neural network. During model training, a second sample material resource (Ai) is input into the interactive function extraction model to obtain the predicted interactive function (O) of the second sample material resource output by the interactive function extraction model. The interactive function extraction model is trained based on the predicted interactive function (O) and the interactive function label (Bi) corresponding to the second sample material resource. Then, based on different second sample material resources, the above process is repeated to iteratively train the interactive function extraction model so that the predicted interactive function of each second sample material resource is as close as possible to the interactive function label of the second sample material resource, until the training completion condition is met, and a trained interactive function extraction model is obtained, so that the server can extract interactive functions from the input material resources through the trained interactive function extraction model.

[0081] In the above process, the function value of the second loss function (D = Bi - O) can be calculated based on the predicted interactive function (O) and the interactive function label (Bi) corresponding to the second sample material resource. The interactive function extraction model is trained based on the function value (D) of the first loss function. Schematic, the connection weight matrix (W) in the interactive function extraction model is adjusted based on the function value (D) of the first loss function.

[0082] As an illustration, the supervised learning algorithm may include the BP (Error Back Propagation) algorithm, the Delta learning rule (Continuous Perceptron Learning Rule), and so on.

[0083] S4. Generate control information for the first interactive control based on the interactive function.

[0084] The control information may include the appearance information and function information of the first interactive control. The appearance information of the first interactive control may be the same as or different from the appearance icon of the control in the control material that has the same interactive function as the first interactive control.

[0085] Optionally, the server can combine the interactive features with the appearance information of the controls in the first application to construct a new control, namely the first interactive control, and generate the control information of the first interactive control.

[0086] Through the above process, after receiving the material resources of the second application uploaded by relevant personnel, the server can pre-obtain the target display content of the second application, generate displayable information based on the target display content, or generate displayable information corresponding to one or more first applications based on the target display content and the image icons of one or more first applications; and pre-generate interactive information of the first interactive control.

[0087] Based on the fact that the server has pre-generated and stored relevant information of the second application (including displayable information and interactive information of the first interactive control), Figure 4 A flowchart illustrating an exemplary embodiment of this application is shown. This method can be executed by a computer device; the computer device can be implemented as a target terminal and a server, and is executed interactively by the target terminal and the server. The target terminal and server can be implemented as follows: Figure 1 The terminal 120 and server 110 shown are as follows; Figure 4 As shown, the interface interaction method may include the following steps: Step 410: The target terminal sends a screen display request to the server; correspondingly, the server receives the screen display request sent by the target terminal.

[0088] The target terminal is the terminal that displays the program interface of the first application.

[0089] Step 420: Based on the interface display request, the server sends the control information and displayable information of the first interactive control to the target terminal; correspondingly, the target terminal receives the control information and displayable information of the first interactive control.

[0090] The first interactive control corresponds to the interactive functions of the second application.

[0091] The server can pre-generate information about multiple second applications (including control information of the first interactive control and displayable information). In one possible implementation, before receiving an interface display request and sending the relevant information of the second application to the target terminal via a content delivery network, the server can also obtain the characteristic information of the user account corresponding to the target terminal; the second application is determined based on this characteristic information. This ensures that the second application recommended in the first application matches the characteristic information corresponding to the target terminal, thereby improving the display effect of the relevant information of the second application.

[0092] Optionally, when the displayable information is generated by the image identifier and the target display content corresponding to the second application, the interface display request may carry the program identifier of the first application corresponding to the program interface displayed on the target terminal; after receiving the interface display request, the server may determine that the displayable information to be obtained is the displayable information matching the first application based on the program identifier carried in the interface display request, that is, the server sends the displayable information generated by the image identifier of the first application and the target display content corresponding to the second application to the target terminal.

[0093] Step 430: The target terminal displays the first interactive control and displayable information in the program interface.

[0094] Optionally, the target terminal's program interface also displays a second interactive control of the first application. In this case, when the target terminal displays displayable information in the program interface, the displayable information is displayed below the second interactive control displayed in the program interface. This is to avoid the display of the displayable information obscuring the original controls in the program interface, thereby hindering the use of the original controls. This allows the first application in the program interface to display relevant information of the second application while still being able to perform its original functions.

[0095] Optionally, the program interface may also display an image icon of the first application. Figure 5 A schematic diagram illustrating a program interface shown in an exemplary embodiment of this application is provided; as follows: Figure 5 As shown in (A), before the first interactive control and displayable information are displayed, the program interface of the first application may display the image logo 510 of the first application and the second interactive control 520 of the first application. The second interactive control 520 is used to implement the original functions of the first application. (Illustrative example) Figure 5 Taking the browser application shown as an example, the second interactive control is used to implement the search function of the browser application, etc. After the target terminal receives the control information and displayable information of the first interactive control, as shown in part (B) of 5, the target terminal displays the first interactive control 530 in the program interface based on the control information of the first interactive control, and displays the displayable information 540 under the second interactive control 520. The displayable information includes the image identifier 510 of the first application.

[0096] like Figure 5 As shown, the first interactive control 530 may contain at least one interactive sub-control, and different interactive sub-controls correspond to different interactive functions in the second application.

[0097] Step 440: In response to receiving an interactive operation on the first interactive control, the target terminal sends an interactive request to the server; correspondingly, the server receives the interactive request.

[0098] Step 450: The server sends a background animation to the target terminal based on the interaction request; correspondingly, the target terminal receives the background animation.

[0099] The background animation corresponds to the interactive function of the first interactive control.

[0100] Optionally, the background animation is an animation corresponding to the interactive function of the target interactive sub-control that receives the interactive operation in the first interactive control.

[0101] Optionally, the server stores animations corresponding to the interactive functions of the first interactive control. These animations can be animations uploaded to the server by relevant personnel, or they can be animations generated by the server based on the interactive elements in the received material resources and the interactive methods indicated by the interactive functions.

[0102] Step 460: The target terminal displays a background animation in the program interface.

[0103] In this embodiment, the target terminal is initially set to a display state where information can be displayed, and the program interface displays a background animation in which interactive elements in the target display content change based on interactive operations.

[0104] Figure 6 This application shows a schematic diagram illustrating a background animation as shown in an exemplary embodiment, such as... Figure 6 As shown, when an interactive operation is received on the target interactive sub-control 611 in the first interactive control 610, a background animation corresponding to the interactive function of the target interactive sub-control 611 is displayed in the target, and the program interface changes from... Figure 6 The initial state of the information that can be displayed, as shown in section (A), has been changed. Figure 6 The animation information shown in section (B) is then changed to... Figure 6 The animation information shown in section (C) should be noted as follows: Figure 6 The information that can be displayed in section (A) has been changed. Figure 6 (B) shows the process between animation information, and from Figure 6 The animation information shown in section (B) has been changed. Figure 6 The animation information shown in section (C) consists of continuous animation processes.

[0105] Step 470: The target terminal displays a jump control in the program interface.

[0106] Optionally, the jump control is a jump control corresponding to the second application; the jump control can be displayed in the program interface when the target terminal displays information that can be displayed.

[0107] Alternatively, in response to the display duration of information reaching a display duration threshold, a jump control can be displayed in the program interface.

[0108] Alternatively, in response to the achievement of the target condition by an interactive operation based on the first interactive control, a jump control is displayed in the program interface.

[0109] If the display duration of the information to be displayed reaches the display duration threshold, or if the interactive operation based on the first interactive control meets the target condition, it indicates that the user corresponding to the target terminal is interested in the content of the information to be displayed. At this time, the target terminal displays a jump control so that the user can further obtain detailed information of the second application through the jump control.

[0110] The target condition may include all interactive sub-controls in the first interactive control receiving interactive operations, or the target percentage of interactive sub-controls in the first interactive control receiving interactive operations, etc.

[0111] Step 480: In response to receiving a target operation on the jump control, jump from the program interface to the details interface of the second application; the details interface displays detailed information about the second application.

[0112] Optionally, when the display duration of the information to be displayed reaches the display duration threshold, or when the interactive operation based on the first interactive control meets the target conditions, jump instruction information can be displayed in the program interface. This jump instruction information is used to instruct the user to perform the target operation on the jump control.

[0113] The target operation can include long press, single click, double click, swipe up, etc. on the jump control.

[0114] Figure 7 The diagram illustrates an interface transition process as shown in an exemplary embodiment of this application, such as... Figure 7 As shown in part (A), the program interface displays a jump control 710 and jump instruction information 720. Taking the target operation as a long press operation as an example, the jump instruction information can be implemented as "Challenge successful, long press to experience more exciting content." When the target terminal receives the target operation executed on the jump control 710, as shown in part (A), the jump instruction information is implemented as follows: Figure 7 As shown in section (B), the target terminal jumps from the program interface to the details interface 730 of the second application, which displays detailed information about the second application.

[0115] Optionally, the target terminal can also jump from the program interface to the details interface of the second application when receiving other operations; illustratively, other operations may include a shake operation, or a target pattern drawing operation, etc. When the other operation is a target pattern drawing operation, the target pattern can be set by relevant personnel, such as the target pattern being a circle or a square, etc., and this application does not impose any restrictions on this.

[0116] Optionally, the details screen of the second application may also include a download control, which is used to start downloading the second application after receiving a selection operation, or to redirect to the download screen of the second application after receiving a selection operation. Figure 8 The diagram illustrates an interface transition process as shown in an exemplary embodiment of this application, such as... Figure 8 As shown in section (A), the details interface displays a download control 810. When the target terminal receives a selection operation on the download control 810, as shown in section (A), the download control 810 is displayed. Figure 8 As shown in section (B), the target terminal jumps from the details interface to the download interface 820 of the second application, so that the user can trigger the download of the second application in the download interface of the second application.

[0117] In summary, the interface interaction method provided in this application, by displaying a first interactive control corresponding to the interactive function of the second application in the program interface of the first application, and upon receiving an interactive operation from the first interactive control, displaying a background animation corresponding to the first interactive control and related to the second application in the program interface of the first application, can realize the display of relevant information in the second application in the first application and the experience of some interactive functions in the second application in the first application, thereby expanding the way information is displayed and improving the display effect of relevant information in the second application.

[0118] Meanwhile, by displaying the information below the second interactive control of the first application, the normal function of the first application is not affected while displaying the information, thereby improving the display effect of relevant information of the second application through the first application.

[0119] The interface interaction method provided in this application includes an information generation stage and an interface interaction stage; Figure 9 This illustration shows an interactive diagram of an exemplary embodiment of the present application, illustrating a method for user interface interaction that can be executed interactively by a server and a target terminal, such as... Figure 9 As shown, the interface interaction method includes an information generation phase 910 and an interface interaction phase 920.

[0120] In the relevant information generation stage 910: S9101, the server obtains material resources for the second application.

[0121] S9102, the server extracts images based on material resources to obtain the target display content.

[0122] S9103, the server generates displayable information based on the target display content.

[0123] The types of information that can be displayed include either image types or interactive types. When the type of information that can be displayed is interactive, it can be implemented as interactive H5 (Hyper Text Markup Language 5) information.

[0124] S9104, the server extracts interactive functions based on material resources to obtain interactive functions.

[0125] S9105, the server generates control information for the first interactive control based on the interactive function.

[0126] The processes of generating displayable information and generating control information for the first interactive control can be executed synchronously, i.e., S9102~S9103 and S9104~S9105.

[0127] The relevant information for steps S9101 to S9105 can be found in the relevant information in the above embodiments, and will not be repeated here.

[0128] In the interface interaction phase 920: S9201, the target terminal sends a screen display request to the server; correspondingly, the server receives the screen display request sent by the target terminal.

[0129] S9202, based on the interface display request, the server sends the control information and displayable information of the first interactive control to the target terminal; correspondingly, the target terminal receives the control information and displayable information of the first interactive control.

[0130] S9203, the target terminal displays the first interactive control and displayable information in the program interface.

[0131] S9204, in response to receiving an interactive operation on the first interactive control, the target terminal sends an interactive request to the server; correspondingly, the server receives the interactive request.

[0132] S9205, the server sends a background animation to the target terminal based on an interactive request; correspondingly, the target terminal receives the background animation.

[0133] S9206, the target terminal displays a background animation in the program interface.

[0134] S9207, the target terminal displays a jump control in the program interface.

[0135] S9208, in response to receiving a target operation on the jump control, jumps from the program interface to the details interface of the second application; the details interface displays detailed information about the second application.

[0136] For information regarding steps S9201 to S9208, please refer to [link / reference]. Figure 4 The relevant information in the illustrated embodiments will not be repeated here.

[0137] In summary, the interface interaction method provided in this application, by displaying a first interactive control corresponding to the interactive function of the second application in the program interface of the first application, and upon receiving an interactive operation from the first interactive control, displaying a background animation related to the second application and corresponding to the first interactive control in the program interface of the first application, can realize the display of relevant information in the second application in the first application and the experience of some interactive functions in the second application in the first application, thereby expanding the way information is displayed and improving the display effect of relevant information in the second application.

[0138] It is understood that in the specific implementation of this application, user-related data such as user account feature information are involved. When the above implementation of this application is applied to specific products or technologies, user permission or consent is required, and the collection, use and processing of related data must comply with the relevant laws, regulations and standards of the relevant countries and regions.

[0139] Figure 10 A block diagram of an interface interaction device illustrated in an exemplary embodiment of this application is shown. The device includes: The first interface display module 1010 is used to display the program interface of the first application. The first control display module 1020 is used to display a first interactive control in the program interface; the first interactive control corresponds to the interactive function in the second application. Animation display module 1030 is used to display a background animation in the program interface in response to receiving an interactive operation on the first interactive control; the background animation is an animation corresponding to the interactive function.

[0140] In one possible implementation, the device further includes: An information display module is configured to display displayable information in the program interface before the animation display module 1030 displays background animation in the program interface in response to receiving an interactive operation on the first interactive control; the displayable information is generated by combining the image identifier of the first application and the target display content; the target display content corresponds to the display content in the second application.

[0141] In one possible implementation, the animation display module 1030 is configured to, in response to receiving the interactive operation on the first interactive control, display the background animation in the program interface, in which the interactive elements in the target display content change based on the interactive operation, with the display state of the displayable information as the initial state.

[0142] In one possible implementation, the program interface displays a second interactive control of the first application; The information display module is used to display the displayable information in the lower layer of the second interactive control in the program interface.

[0143] In one possible implementation, the device further includes: The second control display module is used to display jump controls in the program interface; The interface jump module is used to jump from the program interface to the details interface of the second application in response to receiving a target operation on the jump control; the details interface displays detailed information about the second application.

[0144] In one possible implementation, the second control display module is used for, In response to the display duration of the displayable information reaching a display duration threshold, the jump control is displayed in the program interface; Alternatively, in response to the interactive operation based on the first interactive control reaching the target condition, the jump control is displayed in the program interface.

[0145] In one possible implementation, the type of information that can be displayed includes an image type and an interactive type.

[0146] In summary, the interface interaction device provided in this application displays a first interactive control corresponding to the interactive function of the second application in the program interface of the first application, and displays a background animation corresponding to the first interactive control and related to the second application in the program interface of the first application when the interactive operation of the first interactive control is received; it can realize the display of relevant information in the second application in the first application and the experience of some interactive functions in the second application in the first application, thereby expanding the way information is displayed and improving the display effect of relevant information in the second application.

[0147] Figure 11 A block diagram of an interface interaction device illustrated in an exemplary embodiment of this application is shown. The device includes: The request receiving module 1110 is used to receive an interface display request sent by the target terminal; the target terminal is a terminal that displays the program interface of the first application. The control information sending module 1120 is used to send control information of a first interactive control to the target terminal based on the interface display request, so that the target terminal displays the first interactive control in the program interface based on the control information; the first interactive control corresponds to the interactive function in the second application; Background animation sending module 1130 is used to send a background animation to the target terminal in response to receiving an interactive operation on the first interactive control, so that the target terminal displays the background animation in the program interface; the background animation is an animation corresponding to the interactive function.

[0148] In one possible implementation, the device further includes: The displayable information sending module is used to send displayable information to the target terminal based on the interface display request before the control information sending module 1120 sends the control information of the first interactive control to the target terminal based on the interface display request, so that the target terminal displays the displayable information in the program interface; The displayable information is generated by combining the image identifier of the first application and the target display content; the target display content corresponds to the display content in the second application; the target display content includes interactive elements that are changed based on the interactive operation of the first interactive control.

[0149] In one possible implementation, the device further includes: The material resource acquisition module is used to acquire material resources for the second application; An image extraction module is used to extract images based on the material resources to obtain the target display content; the target display content includes a portion of the image content in the material resources.

[0150] In one possible implementation, the image extraction module is used to input the material resources into the image extraction model to obtain the target display content output by the image extraction model; The image extraction model is trained based on a first sample material resource and the corresponding sample display content labels.

[0151] In one possible implementation, the device further includes: The function extraction module is used to extract interactive functions based on the material resources to obtain the interactive functions. The control information generation module is used to generate the control information of the first interactive control based on the interactive function.

[0152] In one possible implementation, the function extraction module is used to input the material resources into the interactive function extraction model to obtain the interactive function output by the interactive function extraction model; The interactive function extraction model is obtained by training based on the second sample material resources and the interactive function labels corresponding to the second sample material resources.

[0153] In summary, the interface interaction device provided in this application displays a first interactive control corresponding to the interactive function of the second application in the program interface of the first application, and displays a background animation corresponding to the first interactive control and related to the second application in the program interface of the first application when the interactive operation of the first interactive control is received; it can realize the display of relevant information in the second application in the first application and the experience of some interactive functions in the second application in the first application, thereby expanding the way information is displayed and improving the display effect of relevant information in the second application.

[0154] Figure 12 A structural block diagram of a computer device 1200 illustrated in an exemplary embodiment of this application is shown. This computer device can be implemented as a server as described above in this application. The computer device 1200 includes a Central Processing Unit (CPU) 1201, a system memory 1204 including Random Access Memory (RAM) 1202 and Read-Only Memory (ROM) 1203, and a system bus 1205 connecting the system memory 1204 and the CPU 1201. The computer device 1200 also includes a mass storage device 1206 for storing an operating system 1209, a client 1210, and other program modules 1211.

[0155] The mass storage device 1206 is connected to the central processing unit 1201 via a mass storage controller (not shown) connected to the system bus 1205. The mass storage device 1206 and its associated computer-readable media provide non-volatile storage for the computer device 1200. That is, the mass storage device 1206 may include computer-readable media (not shown) such as a hard disk or a compact disc read-only memory (CD-ROM) drive.

[0156] Without loss of generality, the computer-readable medium may include computer storage media and communication media. Computer storage media include volatile and non-volatile, removable and non-removable media implemented using any method or technology for storing information such as computer-readable instructions, data structures, program modules, or other data. Computer storage media include RAM, ROM, erasable programmable read-only memory (EPROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other solid-state storage technologies, CD-ROM, digital versatile disc (DVD) or other optical storage, magnetic tape cassettes, magnetic tape, disk storage, or other magnetic storage devices. Of course, those skilled in the art will recognize that the computer storage media are not limited to the above-mentioned types. The system memory 1204 and mass storage device 1206 described above can be collectively referred to as memory.

[0157] According to various embodiments of this disclosure, the computer device 1200 can also be connected to a remote computer on a network, such as the Internet. That is, the computer device 1200 can be connected to the network 1208 via a network interface unit 1207 connected to the system bus 1205, or the network interface unit 1207 can be used to connect to other types of networks or remote computer systems (not shown).

[0158] The memory also includes at least one instruction, at least one program, code set, or instruction set, which are stored in the memory. The central processing unit 1201 executes the at least one instruction, at least one program, code set, or instruction set to implement all or part of the steps in the interface interaction method shown in the above embodiments.

[0159] Figure 13 A structural block diagram of a computer device 1300 illustrating an exemplary embodiment of this application is shown. The computer device 1300 can be implemented as the aforementioned terminal, such as a smartphone, tablet computer, laptop computer, or desktop computer. The computer device 1300 may also be referred to as user equipment, portable terminal, laptop terminal, desktop terminal, or other names.

[0160] Typically, computer device 1300 includes a processor 1301 and a memory 1302.

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

[0162] Memory 1302 may include one or more computer-readable storage media, which may be non-transitory. Memory 1302 may also include high-speed random access memory and non-volatile memory, such as one or more disk storage devices or flash memory devices. In some embodiments, the non-transitory computer-readable storage media in memory 1302 is used to store at least one instruction, which is executed by processor 1301 to implement all or part of the steps in the interface interaction method shown in the method embodiments of this application.

[0163] In some embodiments, the computer device 1300 may also optionally include a peripheral device interface 1303 and at least one peripheral device. The processor 1301, memory 1302, and peripheral device interface 1303 can be connected via a bus or signal line. Each peripheral device can be connected to the peripheral device interface 1303 via a bus, signal line, or circuit board. Specifically, the peripheral device includes at least one of the following: a radio frequency circuit 1304, a display screen 1305, a camera assembly 1306, an audio circuit 1307, and a power supply 1308.

[0164] In some embodiments, the computer device 1300 further includes one or more sensors 1309. The one or more sensors 1309 include, but are not limited to, an accelerometer 1310, a gyroscope 1311, a pressure sensor 1312, an optical sensor 1313, and a proximity sensor 1314.

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

[0166] In one exemplary embodiment, a computer-readable storage medium is also provided for storing at least one computer program, which is loaded and executed by a processor to implement all or part of the steps in the above-described interface interaction method. For example, the computer-readable storage medium may be a read-only memory (ROM), a random access memory (RAM), a compact disc read-only memory (CD-ROM), magnetic tape, floppy disk, or optical data storage device, etc.

[0167] In one exemplary embodiment, a computer program product or computer program is also provided, comprising computer instructions stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the computer device to perform the aforementioned actions. Figure 2 , Figure 3 , Figure 4 , Figure 9 All or part of the steps of the method shown in any embodiment.

[0168] Other embodiments of this application will readily occur to those skilled in the art upon consideration of the specification and practice of the invention disclosed herein. This application is intended to cover any variations, uses, or adaptations of this application that follow the general principles of this application and include common knowledge or customary techniques in the art not disclosed herein. The specification and examples are to be considered exemplary only, and the true scope and spirit of this application are indicated by the following claims.

[0169] It should be understood that this application is not limited to the precise structure described above and shown in the accompanying drawings, and various modifications and changes can be made without departing from its scope. The scope of this application is limited only by the appended claims.< / canvas> < / canvas>

Claims

1. A method for interactive interfaces, characterized in that, The method includes: The program interface of the first application is displayed; the first application is a browser; The program interface displays a first interactive control; the first interactive control corresponds to an interactive function in the second application; the first interactive control includes at least one interactive sub-control, and different interactive sub-controls correspond to different interactive functions in the second application; the interactive function is the function implemented by the interactive control in the second application; the second application is a game application; the control information of the first interactive control is obtained by extracting the interactive function based on the material resources of the second application, and generated based on the interactive function. Displayable information is shown in the program interface; the displayable information is generated by combining the image identifier of the first application and the target display content; the target display content corresponds to the display content in the second application; the target display content includes interactive elements that are changed based on the interactive operation of the first interactive control; the target display content is obtained by image extraction based on the material resources, and the target display content includes part of the image content in the material resources; In response to receiving an interactive operation on the first interactive control, a background animation is displayed in the program interface; the background animation is an animation corresponding to the interactive function.

2. The method according to claim 1, characterized in that, The step of displaying a background animation in the program interface in response to receiving an interactive operation on the first interactive control includes: In response to receiving the interactive operation on the first interactive control, with the display state of the displayable information as the initial state, the background animation in the program interface is displayed, in which the interactive elements in the target display content change based on the interactive operation.

3. The method according to claim 1, characterized in that, The program interface displays the second interactive control of the first application; The information that can be displayed in the program interface includes: In the program interface, the information to be displayed is shown below the second interactive control.

4. The method according to claim 1, characterized in that, The method further includes: A jump control is displayed in the program interface; In response to receiving a target operation on the jump control, the program interface jumps to the details interface of the second application; the details interface displays detailed information about the second application.

5. The method according to claim 4, characterized in that, The step of displaying a jump control in the program interface includes: In response to the display duration of the displayable information reaching a display duration threshold, the jump control is displayed in the program interface; Alternatively, in response to the interactive operation based on the first interactive control reaching the target condition, the jump control is displayed in the program interface.

6. The method according to any one of claims 1 to 5, characterized in that, The types of information that can be displayed include one of the following: image type and interactive type.

7. A method for interactive interfaces, characterized in that, The method includes: Obtain the material resources of a second application; the second application is a game application; Image extraction is performed based on the material resources to obtain the target display content; the target display content includes a portion of the image content in the material resources. Interactive functions are extracted from the aforementioned material resources to obtain interactive functions. Based on the interactive function, control information for the first interactive control is generated; Receive an interface display request sent by a target terminal; the target terminal is a terminal that displays the program interface of a first application; the first application is a browser; Based on the interface display request, the control information of the first interactive control is sent to the target terminal, so that the target terminal displays the first interactive control in the program interface based on the control information; the first interactive control corresponds to the interactive function in the second application; the first interactive control includes at least one interactive sub-control, and different interactive sub-controls correspond to different interactive functions in the second application; the interactive function is the function implemented by the interactive control in the second application; Based on the interface display request, displayable information is sent to the target terminal so that the target terminal displays the displayable information in the program interface; the displayable information is generated by combining the image identifier of the first application and the target display content; the target display content corresponds to the interactive object in the second application; the target display content includes interactive elements that are changed based on the interactive operation of the first interactive control; In response to receiving an interactive operation on the first interactive control, a background animation is sent to the target terminal so that the target terminal displays the background animation in the program interface; the background animation is an animation corresponding to the interactive function.

8. The method according to claim 7, characterized in that, The step of extracting images based on the material resources to obtain the target display content includes: The material resources are input into the image recognition model to obtain the target display content output by the image recognition model; The image recognition model is trained based on the first sample material resource and the corresponding display content labels of the first sample material resource.

9. The method according to claim 7, characterized in that, The step of extracting interactive functions based on the material resources to obtain the interactive functions includes: The material resources are input into the interactive function extraction model to obtain the interactive function output by the interactive function extraction model; The interactive function extraction model is obtained by training based on the second sample material resources and the interactive function labels corresponding to the second sample material resources.

10. An interactive interface device, characterized in that, The device includes: The first interface display module is used to display the program interface of the first application; the first application is a browser. A first control display module is used to display a first interactive control in the program interface; the first interactive control corresponds to an interactive function in the second application; the first interactive control includes at least one interactive sub-control, and different interactive sub-controls correspond to different interactive functions in the second application; the interactive function is the function implemented by the interactive control in the second application; the second application is a game application; the control information of the first interactive control is obtained by extracting the interactive function based on the material resources of the second application, and generated based on the interactive function. An information display module is used to display displayable information in the program interface; the displayable information is generated by combining the image identifier of the first application and the target display content; the target display content corresponds to the display content in the second application; the target display content includes interactive elements that are changed based on interactive operations on the first interactive control; the target display content is obtained by image extraction based on the material resources, and the target display content includes a portion of the image content in the material resources; An animation display module is used to display a background animation in the program interface in response to receiving an interactive operation on the first interactive control; the background animation is an animation corresponding to the interactive function.

11. An interactive interface device, characterized in that, The device includes: The resource acquisition module is used to acquire resource materials for a second application; the second application is a game application. The image extraction module is used to extract images based on the material resources to obtain target display content; the target display content includes a portion of the image content in the material resources. The function extraction module is used to extract interactive functions based on the material resources to obtain interactive functions; The control information generation module is used to generate control information of the first interactive control based on the interactive function; A request receiving module is used to receive an interface display request sent by a target terminal; the target terminal is a terminal that displays the program interface of a first application; the first application is a browser; A control information sending module is used to send the control information of the first interactive control to the target terminal based on the interface display request, so that the target terminal displays the first interactive control in the program interface based on the control information; the first interactive control corresponds to an interactive function in the second application; the first interactive control includes at least one interactive sub-control, and different interactive sub-controls correspond to different interactive functions in the second application; the interactive function is the function implemented by the interactive control in the second application; A displayable information sending module is used to send displayable information to the target terminal based on the interface display request, so that the target terminal displays the displayable information in the program interface; the displayable information is generated by combining the image identifier of the first application and the target display content; the target display content corresponds to the interactive object in the second application; the target display content includes interactive elements that are changed based on the interactive operation of the first interactive control; The background animation sending module is used to send a background animation to the target terminal in response to receiving an interactive operation on the first interactive control, so that the target terminal displays the background animation in the program interface; the background animation is an animation corresponding to the interactive function.

12. A computer device, characterized in that, The computer device includes a processor and a memory, the memory storing at least one computer program, which is loaded and executed by the processor to implement the interface interaction method as described in any one of claims 1 to 9.

13. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores at least one computer program, which is loaded and executed by a processor to implement the interface interaction method as described in any one of claims 1 to 9.

14. A computer program product, characterized in that, The computer program product includes at least one computer program, which is loaded and executed by a processor to implement the interface interaction method as described in any one of claims 1 to 9.

Images