Information flow interaction processing method and device, and electronic equipment

Abstract

The application provides an information stream interactive processing method and device, electronic equipment and a computer readable storage medium. The method comprises the following steps: displaying an information stream in an information stream area, wherein at least one interactive area is inserted in the information stream; displaying interactive material corresponding to the interactive area in a search area; and displaying an interactive process based on the interactive material in the interactive area in response to an interactive operation on the interactive area. Through the application, the efficiency and experience of human-computer interaction can be improved.

Description

Technical Field

[0001] This invention relates to information technology, and more particularly to an interactive processing method, apparatus, electronic device, and computer-readable storage medium for information flow. Background Technology

[0002] An information feed refers to a set of information displayed on an application's interface, and the position of the information on the interface updates based on user movement. To attract user attention to the information feed, one approach is to incorporate interactive content within it.

[0003] The solutions provided by related technologies typically involve setting a fixed entry point in the application's interface. When this entry point is triggered, the user is redirected to a new interactive interface for further interaction. However, these solutions require users to actively search for and interact with the fixed entry point, resulting in poor efficiency and user experience in human-computer interaction. Summary of the Invention

[0004] This invention provides an interactive processing method, apparatus, electronic device, and computer-readable storage medium for information streams, which can improve the interactive effect and enhance the user's interactive experience when browsing information streams.

[0005] The technical solution of this invention is implemented as follows:

[0006] This invention provides an interactive processing method for information flow, wherein the application's interface view includes an information flow framework layer, a search layer, and an interaction layer;

[0007] The interactive processing method includes:

[0008] The information flow framework layer displays the information flow in the information flow area and inserts at least one interactive area into the information flow;

[0009] The search layer displays interactive materials corresponding to the interactive area in the search area;

[0010] The interactive layer responds to interactive operations on the interactive area by displaying an interactive process based on the interactive material in the interactive area.

[0011] This invention provides an interactive processing method for information streams, comprising:

[0012] An information stream is displayed in an information stream area, wherein at least one interactive area is inserted in the information stream;

[0013] The search area displays interactive materials corresponding to the interactive area;

[0014] In response to an interactive operation targeting the interactive area, an interactive process based on the interactive material is displayed in the interactive area.

[0015] The above scheme also includes:

[0016] A transparent area is loaded between the information in the information flow area to avoid the interactive area, so that at least one of the loaded interactive areas is displayed through the transparent area;

[0017] or,

[0018] At least one interactive area is loaded between the information in the information flow area.

[0019] In the above scheme, before displaying the interactive process based on the interactive material in the interactive area in response to an interactive operation on the interactive area, the method further includes:

[0020] Stop displaying the interactive material in the search area;

[0021] The process of the interactive material moving from the search area to the information flow area, and the process of moving from the information flow area to the interactive area are displayed.

[0022] The step of displaying an interactive process based on the interactive material in the interactive area in response to an interactive operation on the interactive area includes:

[0023] In response to an interactive action on the interactive material, an interactive process based on the interactive material is displayed in the interactive area.

[0024] In the above solution, displaying interactive materials corresponding to the interactive area in the search area includes:

[0025] In response to a movement operation on the information stream, update the information in the information stream and the position of the interactive area in the information stream area;

[0026] When the interactive area is positioned at a set location in the information flow area, the corresponding interactive material is displayed in the search area.

[0027] The above scheme also includes:

[0028] When the position of the interactive area in the information flow area moves away from the set position, the interactive material corresponding to the interactive area will stop being displayed in the search area.

[0029] This invention provides an interactive processing device for information streams, comprising:

[0030] An information flow framework layer is used to display the information flow in the information flow area and insert at least one interactive area in the information flow;

[0031] The search layer is used to display interactive materials corresponding to the interactive area in the search area;

[0032] An interactive layer is used to display an interactive process based on the interactive material in the interactive area in response to an interactive operation on the interactive area.

[0033] This invention provides an interactive processing device for information streams, comprising:

[0034] An information flow framework layer is used to display an information flow in an information flow area, wherein at least one interactive area is inserted in the information flow;

[0035] The search layer is used to display interactive materials corresponding to the interactive area in the search area;

[0036] An interactive layer is used to display an interactive process based on the interactive material in the interactive area in response to an interactive operation on the interactive area.

[0037] This invention provides an electronic device, comprising:

[0038] Memory, used to store executable instructions;

[0039] The processor, when executing executable instructions stored in the memory, implements the interactive processing method for information flow provided in the embodiments of the present invention.

[0040] This invention provides a computer-readable storage medium storing executable instructions, which, when executed by a processor, implement the interactive processing method for information flow provided in this invention.

[0041] The embodiments of the present invention have the following beneficial effects:

[0042] The application interface displays an information flow with at least one interactive area inserted in the information flow area, and displays interactive materials corresponding to the interactive areas in the search area. The interactive materials displayed in the search area can be updated in real time along with the interaction process of the interactive areas, thus realizing the linkage between the information flow area and the search area. When browsing the information flow, the entry point for interaction can be determined, improving the efficiency of entering interaction. At the same time, by displaying interactive materials in the search area, the user's interactive experience during the interaction process is improved. Attached Figure Description

[0043] Figure 1 It is a schematic diagram of the application interface provided by the related technology;

[0044] Figure 2This is an optional architecture diagram of the interactive processing system for information flow provided in an embodiment of the present invention;

[0045] Figure 3 This is a schematic diagram of an optional architecture of the terminal device provided in an embodiment of the present invention;

[0046] Figure 4A This is an optional architecture diagram of the application provided in an embodiment of the present invention;

[0047] Figure 4B This is an optional architecture diagram of the application provided in an embodiment of the present invention;

[0048] Figure 5A This is an optional flowchart illustrating the interactive processing method for information flow provided in an embodiment of the present invention;

[0049] Figure 5B This is an optional flowchart illustrating the interactive processing method for information flow provided in an embodiment of the present invention;

[0050] Figure 5C This is an optional flowchart illustrating the interactive processing method for information flow provided in an embodiment of the present invention;

[0051] Figure 5D This is an optional flowchart illustrating the interactive processing method for information flow provided in an embodiment of the present invention;

[0052] Figure 6 This is an optional schematic diagram of the application interface provided in an embodiment of the present invention;

[0053] Figure 7 This is an optional schematic diagram of the application interface provided in an embodiment of the present invention;

[0054] Figure 8 This is an optional schematic diagram of the application interface provided in an embodiment of the present invention;

[0055] Figure 9 This is an optional architecture diagram of the application interface view provided in an embodiment of the present invention;

[0056] Figure 10 This is an optional schematic diagram of displaying game elements provided in an embodiment of the present invention;

[0057] Figure 11 This is an optional schematic diagram of displaying game elements provided in an embodiment of the present invention;

[0058] Figure 12 This is an optional schematic diagram of displaying game elements provided in an embodiment of the present invention;

[0059] Figure 13 This is an optional schematic diagram of displaying game elements provided in an embodiment of the present invention;

[0060] Figure 14 This is a schematic diagram of an optional communication feedback between multiple layers provided in an embodiment of the present invention;

[0061] Figure 15 This is a schematic diagram illustrating an optional association between the real-time game process and interactive materials provided in an embodiment of the present invention. Detailed Implementation

[0062] To make the objectives, technical solutions, and advantages of the present invention clearer, the present invention will be further described in detail below with reference to the accompanying drawings. The described embodiments should not be regarded as limitations on the present invention. All other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of the present invention.

[0063] In the following description, references are made to “some embodiments,” which describe a subset of all possible embodiments. However, it is understood that “some embodiments” may be the same subset or different subsets of all possible embodiments and may be combined with each other without conflict.

[0064] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this invention pertains. The terminology used herein is for the purpose of describing embodiments of the invention only and is not intended to limit the invention.

[0065] In the implementation of this application, the collection and processing of relevant data should strictly comply with the requirements of relevant laws and regulations, obtain the informed consent or separate consent of the personal information subject, and carry out subsequent data use and processing within the scope of laws and regulations and the authorization of the personal information subject.

[0066] Before providing a further detailed description of the embodiments of the present invention, the nouns and terms involved in the embodiments of the present invention will be explained, and the nouns and terms involved in the embodiments of the present invention shall be interpreted as follows.

[0067] 1) Model-View-Controller (MVC) framework: An architecture that separates business logic, data, and user interface (UI). The view is primarily responsible for UI display, the model is primarily responsible for data management, and the controller coordinates the view and model. One relationship chain in this architecture is: the UI view passes events to the controller; the controller notifies the model to update data; the model updates its data and then notifies the controller to update its data; the controller, upon receiving the data update, notifies the UI view to update the UI. Events generally refer to operations that the UI view can perceive, such as clicks.

[0068] 2) Information Flow: Refers to a set of information displayed in an information flow area defined in the application interface. The position of the information in the information flow area can be updated based on movement operations. In the application's interface view, the information flow in the information flow area is displayed by the information flow framework layer.

[0069] 3) Search Area: This is the area in the application interface used to provide information search functionality, and can be presented in the form of a search box, etc. In the interface view, the content within the search area is displayed by the search layer.

[0070] 4) Interactive Area: The area in the application interface used to provide interactive functions. This embodiment of the invention does not limit the content in the interactive area; for example, it can be mini-games, short videos, live streams, and advertisements. In the interface view, the interactive layer displays the content in the interactive area.

[0071] 5) Interactive materials: Materials corresponding to the interactive area. This embodiment of the invention does not limit the type of interactive materials. For example, it can be at least one of interactive elements and interactive introductions. Interactive elements refer to various visual objects that participate in human-computer interaction during the interactive process and can change their position and / or display effect according to the human-computer interaction operation. Interactive introductions refer to the introduction of the interactive process and can be presented in the form of text or images.

[0072] 6) Interaction process: The process by which the content in the interactive area changes as interactive operations are performed on the interactive area.

[0073] To attract user attention to the information flow displayed in the application interface, one solution offered by related technologies is to set a fixed entry point in the interface. When this fixed entry point is triggered, the user is redirected to a new interactive interface for further interaction. As an example, the following solutions are provided: Figure 1 The diagram illustrates an application interface in the related technology. The application's recommendation interface 11 displays an information feed area 111, a search area 112, and a fixed entry point 113. The information feed area 111 contains information items 1111, 1112, and 1113, each presented in a table structure including elements such as the information title, source, and number of comments. The search area 112 provides information search functionality and can also display trending information from the information feed. Figure 1 Taking the search area 112 displaying information title 1 as an example; the fixed entry point 113 is the entry point for the interactive function. When the fixed entry point 113 is triggered, for example, when the user clicks or long-presses the fixed entry point 113, the user is redirected to a new interface 12, where the interactive process is displayed. Figure 1 Take, for example, a mini-game that produces certain items. Figure 1As shown, in the solutions provided by related technologies, users need to actively search for fixed entry points in the recommendation interface 11 in order to interact, resulting in poor efficiency and experience in human-computer interaction.

[0074] This invention provides an interactive processing method, apparatus, electronic device, and computer-readable storage medium for information streams, which can improve the interactive effect and enhance the user's interactive experience when browsing information streams. The exemplary application of the electronic device provided in this invention is described below.

[0075] See Figure 2 , Figure 2 This is an optional architecture diagram of the interactive processing system 100 for information flow provided in an embodiment of the present invention. In order to support an interactive processing application for information flow, terminal device 400 (terminal device 400-1 and terminal device 400-2 are shown as examples) connects to server 200 through network 300, and server 200 connects to database 500. The network 300 can be a wide area network or a local area network, or a combination of the two.

[0076] Terminal device 400 can execute the interactive processing method for information flow provided in this embodiment of the invention. For example, when an application starts or receives a refresh operation on the information flow in the application, terminal device 400 sends an information request to server 200. Server 200 queries database 500 for the information flow corresponding to the information request and sends the retrieved information flow to terminal device 400. The information request may include information such as the user account logged into the application, so that server 200 can find the corresponding user profile based on the information request and filter information flows that match user preferences in database 500 based on the user profile, thus achieving targeted recommendations.

[0077] After receiving the information stream, the terminal device 400 displays the information stream in the graphical interface 410. For example, the terminal device 400 divides the graphical interface 410 into an information stream area and a search area, displaying the received information stream in the information stream area. Figure 2 In the information stream, there are information 1, information 2, etc. Simultaneously, the terminal device 400 inserts at least one interactive area into the information stream to improve its recognizability, making it easier for users to discover and interact with the interactive area while browsing the information stream. Furthermore, the terminal device 400 also displays interactive materials corresponding to the interactive area in the search area. If an interactive operation is received for an interactive area, the interactive process based on the interactive materials is displayed in the interactive area, and new interactive materials are displayed in the search area.

[0078] For example, if the content in the interactive area is a match-3 puzzle game, the search area can display game items. When a game item falls from the search area into the interactive area, the user can click or long-press the game item in the interactive area to eliminate it and interact with the game. Alternatively, if the content in the interactive area is a live video stream, the search area can display records of gifts sent during the live stream. Users can click or long-press the "send gift" button in the interactive area to display their own gift-sending records in the search area.

[0079] It is worth noting that, in this embodiment of the invention, the server can be an independent 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, content delivery networks (CDNs), and big data and artificial intelligence platforms. The terminal device can be various types of terminal devices such as laptops, tablets, desktop computers, set-top boxes, and mobile devices (e.g., mobile phones, portable music players, personal digital assistants, dedicated messaging devices, portable gaming devices), but is not limited to these. The terminal device and the server can be directly or indirectly connected via wired or wireless communication, and this embodiment of the invention does not impose any limitations on this connection.

[0080] The following describes exemplary applications of the electronic devices provided in the embodiments of the present invention, using the electronic device as an example of a terminal device.

[0081] See Figure 3 , Figure 3 The terminal device 400 provided in this embodiment of the invention (for example, may be...) Figure 2 The diagram shows the architecture of terminal devices 400-1 and 400-2. Figure 3 The terminal device 400 shown includes at least one processor 410, a memory 450, at least one network interface 420, and a user interface 430. The various components in the terminal device 400 are coupled together via a bus system 440. It is understood that the bus system 440 is used to implement communication between these components. In addition to a data bus, the bus system 440 also includes a power bus, a control bus, and a status signal bus. However, for clarity, ... Figure 3 The general labeled all buses as Bus System 440.

[0082] Processor 410 can be an integrated circuit chip with signal processing capabilities, such as a general-purpose processor, a digital signal processor (DSP), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. Among them, the general-purpose processor can be a microprocessor or any conventional processor, etc.

[0083] User interface 430 includes one or more output devices 431 that enable the presentation of media content, including one or more speakers and / or one or more visual displays. User interface 430 also includes one or more input devices 432, including user interface components that facilitate user input, such as a keyboard, mouse, microphone, touch screen display, camera, other input buttons and controls.

[0084] The memory 450 may be removable, non-removable, or a combination thereof. Exemplary hardware devices include solid-state storage, hard disk drives, optical disk drives, etc. The memory 450 may optionally include one or more storage devices physically located away from the processor 410.

[0085] The memory 450 may include volatile memory or non-volatile memory, or both. The non-volatile memory may be read-only memory (ROM), and the volatile memory may be random access memory (RAM). The memory 450 described in this embodiment is intended to include any suitable type of memory.

[0086] In some embodiments, memory 450 is capable of storing data to support various operations, examples of which include programs, modules, and data structures or subsets or supersets thereof, as illustrated below.

[0087] Operating system 451 includes system programs for handling various basic system services and performing hardware-related tasks, such as the framework layer, core library layer, driver layer, etc., for implementing various basic business functions and handling hardware-based tasks;

[0088] The network communication module 452 is used to reach other computing devices via one or more (wired or wireless) network interfaces 420, exemplary network interfaces 420 including: Bluetooth, WiFi, and Universal Serial Bus (USB), etc.

[0089] Presentation module 453 is configured to enable the presentation of information (e.g., a user interface for operating peripheral devices and displaying content and information) via one or more output devices 431 associated with user interface 430 (e.g., a display screen, a speaker, etc.).

[0090] The input processing module 454 is used to detect and translate one or more user inputs or interactions from one or more input devices 432.

[0091] In some embodiments, the interactive processing apparatus for information streams provided in this invention can be implemented in software. Figure 3 An interactive processing device 455 for an information flow stored in memory 450 is shown. This device can be software in the form of programs and plug-ins, and includes the following software modules: an information flow framework layer 4551, a search layer 4552, and an interaction layer 4553. These modules are logically connected and can therefore be arbitrarily combined or further divided according to the functions they implement. The functions of each module will be described below.

[0092] The following example illustrates the application of the information flow framework layer 4551, search layer 4552, and interaction layer 4553 in the information flow interaction processing device 455 of the terminal device 400, using the first application 600 and the second application 700 running in the terminal device 400 as examples.

[0093] First, let's explain the first application 600 and the second application 700.

[0094] The first application 600 can be an information flow-based application, such as a social network client that displays the user's social dynamic information flow, or a news client that displays news information flow that the user is interested in; the second application 700 can be a client with interactive functions, such as a mini-program (e.g., a mini-program with game functions, i.e., a mini-game; of course, it can also be a mini-program with other functions, such as a shopping mini-program) and a live streaming client, etc.

[0095] The forms of the first application 600 and the second application 700 can be diverse.

[0096] For example, both the first application 600 and the second application 700 can be native apps of the terminal, that is, applications that can only be run after the terminal device 400 downloads and installs them. An interactive area can be inserted into the information flow of the first application 600 to carry the interactive functions of the second application 700, so that the interactive functions of the second application 700 can be used without leaving the view of the first application 600.

[0097] For example, the first application 600 can be a local APP, and the second application 700 can be a mini-program. The first application 600 can automatically download or download the second application 700 according to user instructions, and insert an interactive area into the information stream of the first application 600 to carry the interactive functions of the second application 700, so that the interactive functions of the second application 700 can be used without leaving the view of the first application 600.

[0098] Continuing with the first application 600 and the second application 700 as examples, we will illustrate the application examples of the information flow framework layer 4551, the search layer 4552, and the interaction layer 4553.

[0099] In some embodiments, see Figure 4A , Figure 4A This is a schematic diagram of the architecture of a first application 600 and a second application 700 running in a terminal device 400 provided in an embodiment of the present invention. The information flow framework layer 4551 and the search layer 4552 can be implemented as subviews in the interface view 610 of the first application 600, and the interaction layer 4553 can be implemented as a subview in the interface view 710 of the second application 700. The information flow framework 4551 inserts transparent areas between the information in the information flow area to avoid the interactive areas loaded by the interaction layer 4553, allowing the interactive areas loaded by the interaction layer 4553 to be displayed through the transparent areas.

[0100] The operating system 451 sends the operations collected from the input processing module 454 (such as the user's touch operation on the screen of the terminal device 400) to the interface view 610 in the form of events. If the operation location is in the information flow area / search area, it belongs to the information flow area / search area operation. The information flow framework layer 4551 / search layer 4552 in the interface view 610 sends the information flow area / search area operation to the model 630 via the interface view controller 620. The model 630 calculates the information flow area / search area response data and returns it to the information flow framework layer 4551 / search layer 4552 to update the display of the information flow area / search area.

[0101] If the operation location is in a transparent area, since the transparent area is used for displaying the interactive area, it belongs to the interactive area operation. The information flow framework layer 4551 in the interface view 610 sends the interactive area operation to the interface view 710 of the second application 700. The interactive layer 4553 in the interface view 710 sends it to the model 730 via the interface view controller 720. The model 730 calculates the interactive area response data and returns it to the interactive layer 4553 so that the interactive layer 4553 updates the display of the interactive area.

[0102] In other embodiments, see Figure 4B, Figure 4B This is a schematic diagram of the architecture of the first application 600 and the second application 700 running in the terminal device 400 provided in this embodiment of the invention. The information flow framework layer 4551 and the search layer 4552 can be implemented as sub-views of the interface view 610 of the first application 600. The information flow framework layer 4551 inserts interactive areas between the information in the information flow area displayed in the information flow area. That is, both the interactive areas and the information flow area are loaded and displayed by the information flow framework layer 4551. The interactive layer 4553 can be implemented as the interface of the second application 700 and is not responsible for the display control of the interactive areas.

[0103] The operating system 451 sends the operations collected from the input processing module 454 (such as the user's touch operation on the screen of the terminal device 400) to the interface view 610 in the form of events. If the operation location is in the information flow area / search area, it belongs to the information flow area / search area operation. The information flow framework layer 4551 / search layer 4552 in the interface view 610 sends the information flow area / search area operation to the model 630 via the interface view controller 620. The model 630 calculates the information flow area / search area response data and returns it to the information flow framework layer 4551 / search layer 4552 to update the display of the information flow area / search area.

[0104] If the operation location is within the interactive area, it is considered an interactive area operation. The information flow framework layer 4551 in the interface view 610 sends the interactive area operation to the interface view 710 of the second application 700. The interactive layer 4553 in the interface view 710 sends it to the model 730 via the interface view controller 720. The model 730 calculates the interactive area response data and returns it to the interactive layer 4553. The interactive layer 4553 then returns it to the information flow framework layer 4551, which updates and displays the interactive area.

[0105] It is worth noting that for the information flow framework layer 4551, the search layer 4552, and the interaction layer 4553,

[0106] Each layer can have its own corresponding controller and model; alternatively, the information flow framework layer 4551 and the search layer 4552 can share a controller and model, while the interaction layer 4553 can have its own independent controller and model. Of course, this does not constitute a limitation on the embodiments of the present invention, and other feasible architectures can also be applied to the embodiments of the present invention. The interface view, interface view controller, and model can be fully integrated into the terminal device, or they can be combined with a server to implement data updates. For example, the model can be used to interact with the backend (server, database) to obtain updated data from the backend.

[0107] The interactive processing method for information flow provided in this embodiment of the invention can be performed by a terminal device (e.g., it may be...). Figure 2 The terminal devices 400-1 and 400-2 shown can be used to execute the commands, or the commands can be executed jointly by the server and the terminal devices.

[0108] The following will describe, in conjunction with the exemplary applications and structures of the electronic devices described above, the process of implementing an interactive information flow processing method in an electronic device through an embedded interactive information flow processing device.

[0109] See Figure 5A , Figure 5A This is an optional flowchart illustrating an interactive information flow processing method provided in an embodiment of the present invention, which will be combined with... Figure 5A The steps shown are explained.

[0110] In step 101, the information flow framework layer displays the information flow in the information flow area and inserts at least one interactive area into the information flow.

[0111] Here, the application's interface view includes an information flow framework layer, a search layer, and an interaction layer. For example, if a first application and a second application are running on a terminal device, with the first application providing an information flow and the second application providing interactive functions, then the interface view of the first application may include an information flow framework layer and a search layer, and the interface view of the second application may include an interaction layer.

[0112] The information flow framework layer displays the information flow within a designated information flow area. This information flow can be pre-cached or retrieved online. The information flow framework layer also inserts at least one interactive area into the information flow. This embodiment of the invention does not limit the timing of this insertion; it can be set according to the actual application scenario. For example, an interactive area can be inserted every K pieces of information in the information flow, where K is an integer greater than 0.

[0113] Combination Figure 4A and Figure 4BThe application architecture shown is illustrated below. In response to opening or refreshing an information flow area, the information flow framework layer sends this operation as an event to the corresponding controller (e.g., the information flow framework layer controller). The controller then sends this operation to the corresponding model (e.g., the information flow framework layer model). The model determines the information flow to be displayed based on this operation. Here, the model can filter the information flow to be displayed from multiple messages stored locally on the terminal device (or it can directly use the multiple messages stored locally as the information flow to be displayed), or it can send the information flow operation to the server and obtain the information flow to be displayed from the server's feedback. After determining the information flow to be displayed, the model sends it to the information flow framework layer, so that the information flow framework layer displays the information flow in the information flow area.

[0114] In step 102, the search layer displays the interactive materials corresponding to the interactive area in the search area.

[0115] This invention does not limit the form and location of the search area. For example, the search area can be a box or a circle, and it can be located above the information flow area or in other positions. The search layer displays interactive materials corresponding to the interactive area in the search area. The interactive materials are also not limited here; for example, they can be static or dynamically changing.

[0116] Combination Figure 4A and Figure 4B The application architecture shown is illustrated as an example. The interaction layer retrieves interactive materials from the corresponding model (such as the interaction layer model) via the corresponding controller (such as the interaction layer controller), and sends the interactive materials to the search layer via the information flow framework layer, so that the search layer displays the interactive materials in the search area. Of course, the search layer can also retrieve interactive materials from the corresponding model via its own corresponding controller.

[0117] In some embodiments, between any steps, the search layer further includes: responding to a keyword entered in the search area, querying information matching the keyword in the information stream, and jumping to the details interface corresponding to the queried information.

[0118] Here, there are no restrictions on the input method for keywords, including but not limited to handwriting input, voice input, and photo input. The search layer responds to keywords entered in the search area by sending the keywords as events to the corresponding models via the corresponding controllers. The models then query the information flow for information matching the keywords and return relevant data (such as links) from the details page corresponding to the retrieved information to the search layer. The search layer can send this relevant data to the information flow framework layer, allowing the framework layer to redirect to the details page corresponding to the retrieved information. Alternatively, if the search layer itself has a redirection function, it can also redirect to the details page corresponding to the retrieved information based on the relevant data.

[0119] In addition to querying information matching keywords in the information stream, the model can also access the backend to retrieve matching information from the backend. Furthermore, this embodiment of the invention does not limit the matching method; for example, if a piece of information includes a keyword, it is considered a match for that keyword. Through these methods, the search layer can not only display interactive materials in the search area but also provide normal information query functions, thus enhancing the diversity of its functionalities.

[0120] In step 103, the interaction layer responds to an interaction operation on the interaction area by displaying an interaction process based on interactive materials in the interaction area.

[0121] In some embodiments, when the interaction layer displays the interaction process in the interaction area, it can also cause the search area to continuously display synchronously according to the interaction process in the interaction area. For example, the interaction layer can obtain new interactive materials adapted to the interaction process and notify the search area to display the new interactive materials. That is, step 103 can be: in response to the interaction operation on the interaction area, the interaction layer displays the interaction process based on the interactive materials in the interaction area, obtains new interactive materials adapted to the interaction process, and notifies the search area to display the new interactive materials.

[0122] Here, the interaction layer responds to interactive operations (interactive area operations) targeting the interactive area, displaying the interactive process based on interactive materials within the interactive area. For example, the information flow framework layer sends interactive operations to the interaction layer, which then sends the received interactive operations as events to the corresponding model via the corresponding controller. After processing, the model returns the interactive response data (interactive area response data) to the interaction layer via the controller. The interaction layer then refreshes the content in the interactive area based on the interactive response data, thus displaying the interactive process based on interactive materials.

[0123] Interactive response data includes the response results of the content in the interactive area to interactive operations. For example, the content in the interactive area is a gesture-based interactive mini-game, and the interactive materials displayed in the search area are the game's guidance prompts (i.e., prompts on how to perform gestures). When the user performs an interactive operation, such as a swipe operation, in the interactive area according to the guidance prompts, the interactive layer displays the swipe trajectory of the user's swipe operation in the interactive area based on the interactive response data returned by the model. When the swipe trajectory matches the set trajectory, the interactive layer displays the result of successful gesture interaction in the interactive area.

[0124] In addition to displaying interactive processes based on interactive materials in the interactive area, the interaction layer also retrieves new interactive materials adapted to the interactive process and notifies the search area to display the new interactive materials. For example, the interaction layer retrieves new interactive materials from the corresponding model via the corresponding controller.

[0125] In some embodiments, prior to step 103, the method further includes: the search layer stopping the display of interactive material in the search area; and the information flow frame layer displaying the process of the interactive material moving from the search area to the information flow area, and the process of moving from the information flow area to the interaction area. This can be achieved by the interaction layer responding to an interactive operation on the interaction area by displaying an interactive process based on the interactive material in the interaction area: the interaction layer responds to an interactive operation on the interactive material by displaying an interactive process based on the interactive material in the interaction area.

[0126] In this embodiment of the invention, the user's interactive experience can be enhanced by moving interactive materials. For example, the search layer displays interactive materials in the search area. After a set time, the search layer stops displaying the interactive materials, and the information flow framework layer displays the process of the interactive materials moving from the search area to the information flow area, and from the information flow area to the interactive area. The set time can be specifically set according to the actual application scenario. During the movement of the interactive materials, the interactive materials can be set to cover parts of the information flow area and the interactive area where the interactive materials are located, thereby highlighting the interactive materials in the interface and enhancing the interactive experience.

[0127] For interactive materials that have been moved to the interactive area, users can perform interactive actions on them, such as clicking, moving, or long-pressing the material. The interaction layer responds to these actions by displaying the interactive process based on the material within the interactive area. This effectively enhances the human-computer interaction experience.

[0128] In some embodiments, the above-mentioned display of new interactive materials in the search area can be achieved in the following way: the interaction layer sends the new interactive materials to the information flow framework layer; the information flow framework layer sends the received new interactive materials to the search layer, so that the search layer displays the new interactive materials in the search area.

[0129] To address the lack of communication between the interaction layer and the search layer, the interaction layer sends new interactive materials to the information flow framework layer upon receiving them. The information flow framework layer then sends the received new interactive materials to the search layer, enabling the search layer to display them in the search area. This approach improves the efficiency of data communication and its applicability to real-world application scenarios.

[0130] In some embodiments, between any two steps, the method further includes: the information flow framework layer obtaining the trigger frequency corresponding to the interactive area, and adjusting the proportion of the interactive area inserted into the information flow according to the trigger frequency; wherein the proportion of the inserted interactive area is positively correlated with the trigger frequency.

[0131] In real-world applications, some users may not be interested in the inserted interactive areas, which could actually hinder their browsing of the information stream. To address this, the information stream framework layer obtains the trigger frequency of the interactive areas within a set time period (e.g., 7 days). For example, it retrieves trigger records stored in the application's logs and determines the trigger frequency based on these records. It's worth noting that the trigger frequency can be obtained individually for different terminal devices or for different user accounts within the application. For instance, in the latter case, if the application has user accounts A and B, the trigger frequency of account A and account B within the set time period can be obtained separately.

[0132] Since a higher trigger frequency indicates greater user interest in the interactive area, the proportion of interactive areas inserted into the information stream is adjusted based on the obtained trigger frequency. This proportion is the ratio between the number of interactive areas and the amount of information in the information stream, and it is positively correlated with the trigger frequency. For example, account A has a higher trigger frequency than account B, therefore, the proportion of interactive areas inserted in the information stream of an application logged in with account A is also higher (compared to an application logged in with account B). Through this method, the proportion of inserted interactive areas can be adjusted to cater to the interests of different users.

[0133] Through the embodiments of the invention, for Figure 5AAs can be seen from the above exemplary implementation, by inserting at least one interactive area into the information stream, users can smoothly enter the interaction while browsing the information stream, which improves the efficiency of entering the interaction. At the same time, by displaying interactive materials in the search area, users can better interact based on the interactive materials, which improves the human-computer interaction experience.

[0134] In some embodiments, see Figure 5B , Figure 5B This is an optional flowchart illustrating the interactive processing method for information flow provided in an embodiment of the present invention. Figure 5A Step 101 shown can be implemented through steps 201 and 202, or through steps 201 and 203, and will be explained in conjunction with each step.

[0135] In step 201, the information flow framework layer displays the information flow in the information flow area.

[0136] In step 202, the information flow framework layer loads transparent areas between the information in the information flow area to avoid interactive areas, so that at least one interactive area loaded by the interactive layer is displayed through the transparent areas.

[0137] This invention provides two methods for inserting interactive areas into an information flow. One method involves loading transparent areas between information within the information flow area to avoid interactive areas, allowing at least one interactive area loaded by the interaction layer to be displayed through these transparent areas. This method is similar to cutout, where a portion of the information flow area is cut out to reveal the interactive area.

[0138] In step 203, the information flow framework layer loads at least one interactive region between the information in the information flow region.

[0139] Another approach is for the information flow framework layer to obtain relevant data (interactive area response data) from the interaction layer and, based on this data, load at least one interactive area between the information in the information flow area. This method is similar to the information flow framework layer reorganizing the interactive areas of the interaction layer to load interactive areas that conform to the size of the information flow area. Depending on the specific application scenario, either of these two methods can be used to insert the interactive area.

[0140] exist Figure 5B middle, Figure 5A Step 103 shown can be implemented through steps 204 and 206, or steps 205 and 206, which will be explained in conjunction with each step.

[0141] In step 204, when the information flow framework layer loads a transparent area in the corresponding interactive area of ​​the information flow area, the interactive layer receives the interactive operation sent by the information flow framework layer for the interactive area, determines the interactive response data used to respond to the interactive operation, and displays the interactive process based on the interactive material according to the interactive response data.

[0142] Corresponding to step 202, when the information flow framework layer receives an interactive operation for the interactive area, it sends the interactive operation to the interaction layer. The interaction layer sends the interactive operation as an event to the corresponding model via the corresponding controller. The model processes the event to obtain interactive response data and returns the interactive response data to the interaction layer via the controller. The interaction layer refreshes the interactive process displayed in the interactive area based on the interactive response data. The interactive response data includes the response results of the content in the interactive area to the interactive operation. For example, when the content in the interactive area is a mini-game, the interactive response data could be data controlling the user score displayed in the mini-game; when the content in the interactive area is a live video stream, the interactive response data could be data controlling the gift effects displayed in the live video stream.

[0143] In step 205, when the information flow framework layer loads an interactive area in the information flow area, the information flow framework layer sends the received interactive operation of the corresponding interactive area to the interaction layer, receives the interactive response data determined by the interaction operation by the interaction layer, and displays the interactive process based on the interactive material in the interactive area according to the interactive response data.

[0144] Corresponding to the method in step 203, when the information flow framework layer receives an interactive operation for the interactive area, it sends the interactive operation to the interaction layer. The interaction layer performs a series of processes based on the interactive operation to obtain interactive response data, and then sends the interactive response data to the information flow framework layer. In this way, the information flow framework layer can refresh and display the interactive process based on interactive materials in the interactive area according to the interactive response data.

[0145] It's worth noting that the information flow framework layer can also receive trigger operations for areas other than the interactive area. For ease of distinction, these trigger operations are named "Information Flow Area Operations." Upon receiving an information flow area operation, the information flow framework layer sends it as an event to the corresponding model via the corresponding controller. The model processes the information flow area response data and returns it to the information flow framework layer via the controller. The information flow framework layer then refreshes and displays the information flow area based on the received response data. This response data can be used to control changes in the display format of information within the information flow, such as navigating to a specific piece of information's details page or adding comments, depending on the specific information flow area operation. Furthermore, the response from the information flow framework layer based on information flow area operations is independent of the insertion method of the interactive area.

[0146] In step 206, the interaction layer acquires new interactive materials that are adapted to the interaction process and notifies the search area to display the new interactive materials.

[0147] Through the embodiments of the invention, for Figure 5B As can be seen from the above exemplary implementation, the embodiments of the present invention provide two ways to insert interactive areas, and display the interactive process based on interactive materials for each way, thereby improving the flexibility of interactive processing.

[0148] In some embodiments, see Figure 5C , Figure 5C This is an optional flowchart illustrating the interactive processing method for information flow provided in an embodiment of the present invention. Figure 5A Step 103 shown can be implemented through steps 301 to 304, which will be explained in conjunction with each step.

[0149] In step 301, the interaction layer responds to an interaction operation on the interaction area by displaying an interaction process based on interactive materials in the interaction area.

[0150] In step 302, the interaction layer determines the corresponding real-time time node of the real-time interaction process among multiple time nodes in the interaction process; wherein, the type of time node includes interactive time nodes and non-interactive time nodes.

[0151] Here, for the interactive process, multiple time nodes are pre-set. The types of time nodes include interactive time nodes and non-interactive time nodes. Interactive time nodes are associated with interactive materials, while non-interactive time nodes are associated with information materials. This embodiment of the invention does not limit the way time nodes are set. For example, all time nodes can be set as interactive time nodes, or time nodes can be a mixture of interactive and non-interactive time nodes. For example, if the content in the interactive area is a mini-game, time nodes can be set to include the 10th, 20th, and 30th seconds after the start of the mini-game, and all of these time nodes are interactive time nodes. It is worth noting that only interactive time nodes can be set, and all other time nodes can be designated as non-interactive time nodes. Furthermore, in this embodiment of the invention, discrete time nodes can be combined to obtain continuous time stages, i.e., multiple time stages can be set. The types of time stages include interactive time stages and non-interactive time stages, where interactive time stages are associated with interactive materials, and non-interactive time stages are associated with information materials. Based on this, time nodes and time stages can also be set in combination, and this embodiment of the invention does not limit this.

[0152] Among multiple pre-defined time points, the corresponding real-time time point for the real-time interaction process is determined. For example, the interaction layer sends the real-time interaction process data as events to the corresponding model via the corresponding controller, and the model determines the real-time time point. If all time points are interaction time points, after determining the real-time time point, the interactive material associated with the real-time time point is directly obtained as new interactive material adapted to the interaction process. If time points consist of a mixture of interaction and non-interaction time points, after determining the real-time time point, the type of the real-time time point is first determined, and then subsequent steps are executed based on the determination result.

[0153] In step 303, when a real-time time node belongs to an interactive time node, the interactive layer obtains the interactive material corresponding to the real-time time node as a new interactive material adapted to the interactive process; wherein, the interactive material includes at least one of interactive elements and interactive descriptions, and the interactive descriptions are used to indicate the status of the interactive process and the interactive operations that can be performed.

[0154] For example, if a real-time time node belongs to an interactive time node, the model corresponding to the interactive layer determines the interactive material corresponding to the real-time time node from among all interactive materials corresponding to interactive time nodes, using it as a new interactive material adapted to the interactive process, and returns this new interactive material to the interactive layer via the control layer. Interactive materials include at least one of interactive elements and interactive descriptions. Interactive elements refer to various visual objects that participate in human-computer interaction during the interactive process, and their position and / or display effects can change according to the human-computer interaction operations. Interactive descriptions are used to indicate the state of the interactive process and the interactive operations that can be performed, and are usually displayed in a fixed search area.

[0155] In step 304, the interaction layer notifies the search area to display new interactive material.

[0156] For example, the interaction layer sends new interactive materials to the search layer via the information flow framework layer, so that the search layer can display the new interactive materials in the search area.

[0157] exist Figure 5C In step 302, after step 302, in step 305, when the real-time time node belongs to a non-interactive time node, the interactive layer obtains the information material corresponding to the real-time time node and notifies the search area to display the information material; wherein, the information material is associated with the information in the information flow.

[0158] For example, if a real-time time node is a non-interactive time node, the model corresponding to the interactive layer will determine the information material corresponding to the real-time time node from all the information materials corresponding to non-interactive time nodes, and return the information material to the interactive layer via the controller. The interactive layer will then notify the search area to display the information material.

[0159] Through the embodiments of the invention, for Figure 5C As can be seen from the above exemplary implementation, the embodiments of the present invention, by determining the real-time time nodes of the real-time interaction process, enable the search area to accurately display the materials corresponding to the real-time interaction process, thereby improving the accuracy and timeliness of the display.

[0160] In some embodiments, see Figure 5D , Figure 5D This is an optional flowchart illustrating the interactive processing method for information flow provided in an embodiment of the present invention. Figure 5A Step 102 shown can be implemented through steps 401 to 402, which will be explained in conjunction with each step.

[0161] In step 401, the information flow framework layer updates the position of information and interactive areas in the information flow region in response to a movement operation on the information flow.

[0162] Here, the information flow framework layer responds to movement operations on the information flow, such as sliding the information flow, by updating the position of information and interactive areas within the information flow area.

[0163] In step 402, when the interactive area is in a set position in the information flow area, the information flow framework layer notifies the search layer so that the search layer displays the interactive material of the corresponding interactive area in the search area.

[0164] This invention does not limit the specific type of the set position. The set position can be a fixed location, such as the lower boundary of the information flow area, the midpoint between the upper and lower boundaries of the information flow area, or the midpoint between the left and right boundaries of the information flow area; it can also be a range of locations, for example, after obtaining the midpoint between the upper and lower boundaries of the information flow area, all locations within the range from the midpoint to the upper boundary are taken as the set position; it can even include all locations in the information flow area, that is, as long as the interactive area appears in the information flow area, the location of the interactive area is determined to be at the set position. When the interactive area is at the set position in the information flow area, the information flow framework layer notifies the search layer to display the interactive material of the corresponding interactive area in the search area.

[0165] The information flow framework layer can send events at designated locations to the search layer. The search layer then forwards these events to the corresponding models via its own controller. After processing the search area response data, the model returns the data to the search layer via the controller. The search layer then executes the search area response data, which determines which interactive materials to display in the corresponding interactive area. Alternatively, the information flow framework layer can also send events at designated locations to the interaction layer. After receiving the interactive materials, the interaction layer then notifies the search layer to display them.

[0166] In addition to this method, embodiments of the present invention provide more methods. For example, when the dwell time of an interactive area in the information flow area exceeds a duration threshold, the search layer displays interactive materials corresponding to the interactive area in the search area; or, the search layer alternately displays interactive materials corresponding to multiple interactive areas, thereby indicating the interactive areas that may be displayed in the information flow area; or, the search layer alternately displays interactive materials corresponding to multiple interactive areas and information materials corresponding to information in the information flow, thereby indicating the interactive areas and information that may be displayed in the information flow area; or, when it is detected that an interactive area is about to enter the information flow area, for example, when the interactive area is separated from the last information displayed in the information flow area by K information items, the information flow framework layer notifies the search layer to display the interactive materials corresponding to the interactive area in the search area, thereby indicating that the interactive area is about to appear, where K is a non-negative integer. Depending on the actual application scenario, any method can be applied to display the interactive materials corresponding to the interactive area in the search area.

[0167] In some embodiments, after step 402, the method further includes: when the position of the interactive area in the information flow area leaves the set position, the information flow framework layer notifies the search layer to stop displaying the interactive material of the corresponding interactive area in the search area.

[0168] For example, when the interactive area moves away from the set position in the information flow area, the information flow framework layer sends the received event to the search layer. After the search layer processes the data through the model, it obtains the search area response data and executes it. The search area response data is used to determine whether to stop displaying the interactive material of the corresponding interactive area in the search area.

[0169] In some embodiments, after step 103, the method further includes: in response to an interaction end operation for the interaction area, the interaction layer caches the progress data of the interaction process in the interaction area, and in response to an interaction operation for the interaction area, restores the display of the progress of the interaction process in the interaction area according to the cached progress data.

[0170] The embodiments of the present invention do not limit the specific method of the interaction end operation for the interactive area. For example, the interactive area provides two buttons, start and end. When the end button is triggered, it is determined that the interaction end operation has been received. For another example, when the position of the interactive area in the information flow area leaves the set position, it is determined that the interaction end operation has been received. For yet another example, when a trigger operation on information in the information flow is received, the trigger operation is determined as the interaction end operation.

[0171] Here, the interaction end operation can be sent from the information flow framework layer to the interaction layer. In response, the interaction layer caches the progress data of the interaction process in the interaction area. If the interaction layer receives another interaction operation for the interaction area, it restores the display of the interaction progress in the interaction area based on the cached progress data. This method saves the interaction progress when the user ends the interaction, improving the user experience for the next interaction, and is suitable for scenarios such as mini-games.

[0172] Through the embodiments of the invention, for Figure 5D As can be seen from the above exemplary implementation, when the interactive area is in the set position in the information flow area, entering the interaction and displaying the corresponding interactive material in the search area can be better applied to actual interactive scenarios and enhance the rationality of the timing of displaying interactive materials. For example, the set position can be a position that users are more likely to pay attention to in the information flow area.

[0173] The following describes an exemplary application of the present invention in a practical application scenario. Taking an information application (corresponding to the first application mentioned above) as an example, the search box (corresponding to the search area mentioned above) is usually located at the top of the interface, with the information flow area below it. The information flow area is used to display the information stream, which can be presented in a tabular structure. The tabular structure of a piece of information may include the following elements: title, accompanying image (large image, two images, three images, and multiple images, etc.), source, negative feedback, and buttons, etc. Among these, a large image is a form of accompanying image in the tabular structure, meaning that only one image is displayed in the information, and the size and specifications of this image are determined according to the different size requirements of different platforms.

[0174] Taking a large image as an example, in this embodiment of the invention, interactive content is embedded under the large image area (corresponding to the interactive area mentioned above), forming a special piece of information. This interactive content can be provided by a second application. When a user is detected scrolling to this special piece of information while browsing the information stream, a linkage state with the search box is initiated. In this linkage state, if the user is detected performing certain actions within the special piece of information, corresponding information, animations, or special effects feedback (corresponding to the interactive materials mentioned above) are displayed in the search box. The interactive content includes, but is not limited to, mini-games, short videos, live streams, and advertisements. As an example, this embodiment of the invention provides... Figure 6 The diagram shown illustrates the application interface. Figure 6 The application's recommendation interface 61 displays an information feed area 611 and a search box 612. The information feed area 611 includes information 6111 and 6112, and also includes special information 6113 embedded with interactive content. This interactive content is an advertisement with the title "There's a certificate called 'XX Teacher,' easy to pass." The recommendation interface 61 is in a linked state, meaning the search box 612 displays text corresponding to the advertisement in special information 6113, namely, "XX Teacher Exam Time." Thus, the content displayed in the search box enhances the user's interactive experience with the special information.

[0175] In this embodiment of the invention, a mini-game is embedded in the large image area to obtain special information, which is named "mini-game information" for easy distinction. During the user's browsing of the information stream, if the mini-game information is swiped to a set base point (corresponding to the set position mentioned above), interactive materials corresponding to the mini-game will appear in the search box. The types of interactive materials include game elements (corresponding to the interactive elements mentioned above) and game text (corresponding to the interactive introduction mentioned above). The game text can be used to indicate the state of the mini-game and the operations that can be performed. For example, the game text can be a prompt, guidance, or annotation, such as a prompt to start the mini-game; game elements can be game props; the base point can be a specific location or a range of locations. When a game element appears in the search box, the game element will be displayed in the search box for n seconds before falling from the search box until it falls into the large image area, where n is a number greater than 0. The user can trigger the game element in the large image area, such as by clicking or long-pressing, thereby eliminating the game element that has fallen from the search box, realizing a new form of information stream mini-games. When the user moves the mini-game information away from the base point, the search box returns to its original state, similar to the alternating display of trending information in the news feed. Here, trending information includes items in the top M positions of the news feed in terms of comments or views, where M is a positive integer. Information elements include the titles of these trending items. This integrates the mini-game into the top-to-bottom framework of the news feed, allowing users to easily start and stop playing, lowering the barrier to human-computer interaction. Furthermore, the interactive elements displayed in the search box enhance the user experience and increase the news feed's appeal.

[0176] The embodiments of the present invention also provide, for example Figure 7 The diagram shown illustrates the application interface. Figure 7The application's recommended interfaces 71, 72, 73, and 74 are shown. These interfaces are essentially the same; the different names are simply for easy differentiation of their states at different times. Recommended interface 71 displays an information flow area 711 and a search box 712. The information flow in area 711 includes information 7111 and 7112. Only a portion of information 7111 is shown. Information flow area 7111 also includes mini-game information 7113, with a large image area 71131 within mini-game information 7113 embedding an interactive mini-game. In the recommendation interface 71, the mini-game information 7113 slides to the base point of the recommendation interface 71, meaning the top height of the mini-game information 7113 is within the height range of y to (y+k). Therefore, the search box 712 displays interactive materials corresponding to the mini-game embedded in the large image area 71131, specifically including the game element 713 and the game text "Produce the first can," where y and k are both numbers greater than 0, and y+k is less than or equal to the top height of the information flow area 711. As shown in recommendation interfaces 72, 73, and 74, after the game element 713 is displayed in the search box 712 for n seconds, it falls (moves) downwards to the information flow area 711, eventually falling into the large image area 71131. Users can click or long-press the game element 713 in the large image area 71131 to eliminate the game element 713 and interact with the mini-game. It is worth noting that in Figure 7 Within the large image area 71131, the embedded mini-game includes a start button. When this start button is triggered, the mini-game enters the game state, and the search box 712 displays interactive materials. Of course, before the start button is triggered, the search box 712 can also display a prompt to start the mini-game or other game text.

[0177] The embodiments of the present invention also provide, for example Figure 8 The diagram shown illustrates the application interface. Figure 8 The application's recommended interfaces 81, 82, 83, and 84 are shown. These interfaces are essentially the same; the different names are simply for easy differentiation of the interface's state at different times. Figure 8 The recommended interface 81 shown includes an information feed area 811 and a search box 812. The information feed area 811 contains information 8111 and 8112, and also includes mini-game information 8113. In the recommended interface 81, the top height of the mini-game information 8113 is not at the base point y ~ (y+k), therefore, the search box 812 displays information materials related to trending topics in the information feed. Figure 8 Take the Chinese-Singapore information title 1 as an example.

[0178] Based on recommendation interface 81, if the user swipes upwards on the information stream in information feed area 811, recommendation interface 82 will be displayed. In recommendation interface 82, the top of the mini-game information 8113 is at the base point y ~ (y+k), so interactive materials corresponding to the mini-game embedded in mini-game information 8113 are displayed in search box 812, specifically including game element 813 and the game text "Produce the first can". Based on recommendation interface 82, if the user does not perform any operation, recommendation interface 83 will be displayed. Compared to recommendation interface 82, the position of the game text in recommendation interface 83 remains unchanged, while the position of game element 813 drops a certain distance. Based on recommendation interface 83, if the user swipes upwards on the information stream in information feed area 811, recommendation interface 84 will be displayed. In recommendation interface 84, the top of the mini-game information 8113 is not at the base point y ~ (y+k), so search box 812 stops displaying interactive materials and displays information materials of hot information in the information stream. Figure 8 Taking information title 2 as an example. Furthermore, in the recommendation interface 84, the information flow area 811 also includes newly displayed information 8114 and information 8115. For example... Figure 8 As shown, regardless of whether the mini-game is currently in progress, users can end the game and continue browsing other information by simply swiping upwards in the feed until the mini-game information moves beyond the base point. At this point, the backend records and caches the user's last game data (corresponding to the progress data mentioned above). When the user swipes the mini-game information back to the base point y ~ (y+k), the mini-game can continue using the cached game data, which may include the user's score and the position of game elements on the screen.

[0179] Next, we will explain one way to implement the game element drop mechanism. For example... Figure 9 As shown, taking the embedded interactive content as an example of a Hyper Text Markup Language (HTML) mini-game, the application's interface view can be divided into a search box layer (corresponding to the search layer above), an information flow frame layer, and an H5 mini-game layer (corresponding to the interaction layer above). Game elements communicate and are displayed between these three layers.

[0180] Here, the display process of game elements corresponding to H5 mini-games is explained step by step:

[0181] 1) Game elements are displayed in the search box.

[0182] like Figure 10As shown, the search box layer first controls the display of game elements and game text within the search box. The timing of the appearance of game elements and game text can be determined according to the actual business logic. Game elements and game text can be text characters, images, or other formats, such as Portable Network Graphics (PNG).

[0183] 2) Game elements are elevated to the information flow framework layer.

[0184] like Figure 11 As shown, after the game element is displayed in the search box for n seconds, the search box layer stops displaying the game element, meaning the game element disappears from the search box. The information flow framework layer controls the appearance of the game element in the information flow area, and seamless transitions can be achieved through animation or position manipulation to achieve a non-layered effect. Here, n can be determined based on the characteristics of the H5 mini-game in the actual application scenario.

[0185] 3) Game elements move within the information flow area.

[0186] like Figure 12 As shown, the information flow framework layer controls the movement of game elements from top to bottom within the information flow area. During this movement, the game elements will obscure parts of the content in the information flow area. The logic of game element movement and obscuring can be similar to that of floating banner ads.

[0187] 4) Move the game elements to the area where the H5 mini-game is located.

[0188] like Figure 13 As shown, when a game element moves to the area where the H5 mini-game is located, i.e. the interactive area, the information flow framework layer controls the game element to disappear in the information flow area, and at the same time sends a notification to the H5 mini-game layer so that the H5 mini-game layer can display the corresponding game element in the H5 mini-game. Similarly, seamless transitions can be achieved through animation or other means to achieve a non-layered effect.

[0189] The embodiments of the present invention also provide, for example Figure 14 The diagram shown illustrates the communication feedback between the search box layer, the information flow framework layer, and the H5 mini-game layer. Figure 14In this process, the information flow framework layer locates the current position of the mini-game information and notifies the H5 mini-game layer to start or pause (end) the mini-game. Since the H5 mini-game layer and the search box layer do not have communication capabilities, the H5 mini-game layer synchronizes the mini-game's progress (corresponding to the progress data mentioned above) to the information flow framework layer in real time, and then the information flow framework layer synchronizes it to the search box layer. The mini-game's progress includes, but is not limited to, player actions, current score, levels and rules, and may also include interactive materials; here, we take game elements as an example. The search box layer first displays the game element in the search box, then notifies the information flow framework layer to display the game element in the information flow area, and finally, the information flow framework layer notifies the H5 mini-game layer to display the game element in the H5 mini-game.

[0190] In the backend, game elements or game text associated with the real-time game process are pre-defined. For example, different game stages (corresponding to the interactive time stages mentioned above) can be associated with different game elements and game text, or different time nodes can be associated with different game elements and game text. Here, the time nodes refer to the interactive time nodes mentioned above. When a user reaches a certain game stage or time node during the mini-game, the frontend (e.g., the H5 mini-game layer) detects this and sends the data to the backend. The backend returns the corresponding game elements and game text to be displayed in the search box. For example, in a coin-catching mini-game, the game elements could be coins and bombs, both of which can be presented and fall from the search box. The game text could be a prompt such as "A large wave of coins is coming" or "Beware of bombs." This embodiment of the invention provides a schematic diagram of the association between the real-time game process and interactive materials, such as... Figure 15 As shown, if the real-time game process is detected to be at a set time point or stage, the game elements and game text corresponding to that time point or stage will be displayed in the search box on the front end. Figure 15 In this context, i is an integer greater than 6.

[0191] This invention provides a mechanism for communication between a mini-game and a search box, which enhances the user's awareness of the search box, organically integrates the search box and information flow during mini-game gameplay, lowers the barrier to entry for users to participate in mini-games, and improves the efficiency and experience of human-computer interaction.

[0192] The following continues to describe an exemplary structure of the interactive processing device 455 for information flow provided in the embodiments of the present invention as a software module. In some embodiments, such as Figure 3As shown, the software modules in the interactive processing device 455 storing the information flow in the memory 450 may include: an information flow framework layer 4551 for displaying the information flow in the information flow area, wherein at least one interactive area is inserted in the information flow; a search layer 4552 for displaying interactive material corresponding to the interactive area in the search area; and an interaction layer 4553 for displaying an interactive process based on the interactive material in the interactive area in response to an interactive operation on the interactive area.

[0193] In some embodiments, the information flow framework layer 4551 is further configured to: load transparent areas between information in the information flow area to avoid interactive areas, so that at least one interactive area loaded is displayed through the transparent areas; or, load at least one interactive area between information in the information flow area.

[0194] In some embodiments, the search layer 4552 is further configured to: stop displaying interactive material in the search area. The information flow frame layer 4551 is further configured to: display the process of interactive material moving from the search area to the information flow area, and the process of moving from the information flow area to the interaction area. The interaction layer 4553 is further configured to: display the interaction process based on the interactive material in the interaction area in response to an interaction operation on the interactive material.

[0195] In some embodiments, the information flow framework layer 4551 is further configured to: update the position of information and interactive areas in the information flow area in response to a movement operation on the information flow. The search layer 4552 is further configured to: display interactive materials corresponding to the interactive areas in the search area when the position of the interactive area in the information flow area is at a set position.

[0196] In some embodiments, the search layer 4552 is further configured to: stop displaying the interactive material of the corresponding interactive area in the search area when the position of the interactive area in the information flow area leaves the set position.

[0197] In some embodiments, the information flow framework layer 4551 is further configured to: display an information flow in the information flow area and insert at least one interactive area into the information flow. The search layer 4552 is further configured to: display interactive materials corresponding to the interactive areas in the search area. The interaction layer 4553 is further configured to: display an interactive process based on the interactive materials in the interaction area in response to an interactive operation on the interactive area.

[0198] In some embodiments, the information flow framework layer 4551 is further configured to: load transparent areas between information in the information flow region to avoid interactive areas, so that at least one interactive area loaded by the interactive layer is displayed through the transparent areas; or, load at least one interactive area between information in the information flow region.

[0199] In some embodiments, the interaction layer 4553 is further configured to: when the information flow framework layer loads a transparent area corresponding to the interaction area in the information flow area, receive an interaction operation sent by the information flow framework layer for the interaction area, determine interaction response data for responding to the interaction operation, and display the interaction process based on the interaction material according to the interaction response data. The information flow framework layer 4551 is further configured to: when the information flow framework layer loads an interaction area in the information flow area, send the received interaction operation corresponding to the interaction area to the interaction layer, receive the interaction response data determined by the interaction layer based on the interaction operation, and display the interaction process based on the interaction material in the interaction area according to the interaction response data.

[0200] In some embodiments, the interaction layer 4553 is further configured to: determine the corresponding real-time time node of the real-time interaction process among multiple time nodes of the interaction process; obtain the interactive material associated with the real-time time node as a new interactive material adapted to the interaction process; and notify the search area to display the new interactive material.

[0201] In some embodiments, the types of time nodes include interactive time nodes and non-interactive time nodes. The interactive layer 4553 is further configured to: when a real-time time node belongs to an interactive time node, the interactive layer obtains the interactive material corresponding to the real-time time node; wherein the interactive material includes at least one of interactive elements and interactive descriptions, and the interactive descriptions are used to indicate the state of the interactive process and the interactive operations that can be performed; when a real-time time node belongs to a non-interactive time node, the interactive layer obtains the information material corresponding to the real-time time node and notifies the search area to display the information material; wherein the information material is associated with information in the information stream.

[0202] In some embodiments, the interaction layer 4553 is further configured to: send new interactive materials to the information flow frame layer. The information flow frame layer 4551 is further configured to: send the received new interactive materials to the search layer, so that the search layer displays the new interactive materials in the search area.

[0203] In some embodiments, the interaction layer 4553 is further configured to: cache the progress data of the interaction process in the interaction area in response to an interaction end operation for the interaction area, and restore the display of the progress of the interaction process in the interaction area according to the cached progress data in response to an interaction operation for the interaction area.

[0204] In some embodiments, the information flow framework layer 4551 is further configured to: update the position of information and interactive areas in the information flow area in response to a movement operation on the information flow; and notify the search layer when the position of the interactive area in the information flow area is at a set position, so that the search layer displays the interactive material of the corresponding interactive area in the search area.

[0205] In some embodiments, the information flow framework layer 4551 is further configured to: notify the search layer when the position of the interactive area in the information flow area leaves the set position, so that the search layer stops displaying the interactive material of the corresponding interactive area in the search area.

[0206] In some embodiments, the search layer 4552 is further configured to: in response to a keyword entered in the search area, query information matching the keyword in the information stream and jump to the details interface corresponding to the queried information.

[0207] This invention provides a computer-readable storage medium storing executable instructions. When these executable instructions are executed by a processor, they cause the processor to perform the method provided in this invention, for example... Figure 5A , Figure 5B , Figure 5C and Figure 5D The diagram illustrates an interactive processing method for information flow. It is worth noting that computers include various computing devices, including terminal devices and servers.

[0208] In some embodiments, the computer-readable storage medium may be a memory such as FRAM, ROM, PROM, EPROM, EEPROM, flash memory, magnetic surface memory, optical disk, or CD-ROM; or it may be a variety of devices including one or any combination of the above-mentioned memories.

[0209] In some embodiments, executable instructions may take the form of a program, software, software module, script, or code, written in any form of programming language (including compiled or interpreted languages, or declarative or procedural languages), and may be deployed in any form, including as a standalone program or as a module, component, subroutine, or other unit suitable for use in a computing environment.

[0210] As an example, executable instructions may, but do not necessarily, correspond to files in a file system. They may be stored as part of a file that holds other programs or data, for example, in one or more scripts in a Hyper Text Markup Language (HTML) document, in a single file dedicated to the program in question, or in multiple collaborating files (e.g., a file that stores one or more modules, subroutines, or code sections).

[0211] As an example, executable instructions can be deployed to execute on a single computing device, or on multiple computing devices located in one location, or on multiple computing devices distributed across multiple locations and interconnected via a communication network.

[0212] In summary, the following technical effects can be achieved through the embodiments of the present invention:

[0213] 1) By inserting at least one interactive area into the information stream, users can smoothly enter the interaction while browsing the information stream, which improves the efficiency of human-computer interaction. At the same time, by displaying interactive materials in the search area, users can better interact based on the interactive materials, which improves the human-computer interaction experience.

[0214] 2) In cases where there is no communication capability between the interaction layer and the search layer, the information flow framework layer is used as the medium for communication between the interaction layer and the search layer, which improves the effectiveness of data communication and its applicability to practical application scenarios.

[0215] 3) Adjusting the proportion of interactive areas inserted into the information stream according to the trigger frequency of interactive areas can improve the targeting of different users and avoid inserting interactive areas that cause user resentment.

[0216] 4) By pre-setting the materials to be displayed at different time points or time stages, the accuracy and timeliness of the search area display are improved.

[0217] 5) When the interactive area is in the set position in the information flow area, enter the interaction and display the corresponding interactive material in the search area, which can enhance the rationality of the timing of displaying interactive materials.

[0218] 6) By moving interactive materials from the search area to the interaction area, the interactive materials can be highlighted in the interface, further enhancing the human-computer interaction experience.

[0219] The above description is merely an embodiment of the present invention and is not intended to limit the scope of protection of the present invention. Any modifications, equivalent substitutions, and improvements made within the spirit and scope of the present invention are included within the scope of protection of the present invention.

Claims

1. An interactive processing method for information flow, characterized in that, The application's user interface view includes an information flow framework layer, a search layer, and an interaction layer; The interactive processing method includes: The information flow framework layer displays the information flow in the information flow area and inserts at least one interactive area into the information flow; The search layer displays interactive materials corresponding to the interactive area in the search area; The search layer stops displaying the interactive material in the search area; The information flow framework layer displays the process of the interactive material moving from the search area to the information flow area, and the process of moving from the information flow area to the interactive area; When the information flow framework layer loads a transparent area corresponding to the interactive area in the information flow area, the interactive layer responds to the interactive operation on the interactive material and displays the interactive response data based on the interactive material according to the interactive operation; When the information flow framework layer loads an interactive area in the information flow area, the interaction layer responds to an interactive operation on the interactive material, causing the information flow framework layer to receive interactive response data of the interactive operation, and display the interactive process based on the interactive material in the interactive area according to the interactive response data; wherein, the interactive operation is obtained by the information flow framework layer sending it to the interaction layer; the interactive response data is obtained by the interaction layer in response to the interactive operation.

2. The interactive processing method according to claim 1, characterized in that, Also includes: The interaction layer determines the corresponding real-time time node of the real-time interaction process at multiple time nodes in the interaction process. The interaction layer acquires interactive materials associated with the real-time time node as new interactive materials adapted to the interaction process; The interaction layer notifies the search area to display the new interactive material.

3. The interactive processing method according to claim 2, characterized in that, The types of time nodes include interactive time nodes and non-interactive time nodes; The interaction layer acquires interactive materials associated with the real-time time node, including: When the real-time time node belongs to the interactive time node, the interactive layer obtains the interactive material corresponding to the real-time time node; wherein, the interactive material includes at least one of interactive elements and interactive descriptions, and the interactive descriptions are used to indicate the status of the interactive process and the interactive operations that can be performed; The interactive processing method further includes: When the real-time time node belongs to the non-interactive time node, the interaction layer obtains the information material corresponding to the real-time time node, and The notification indicates that the information material is displayed in the search area; wherein the information material is associated with the information in the information stream.

4. The interactive processing method according to claim 2, characterized in that, The interaction layer notifies the search area to display the new interactive material, including: The interaction layer sends the new interactive materials to the information flow framework layer; The information flow framework layer sends the received new interactive material to the search layer, so that the search layer displays the new interactive material in the search area.

5. The interactive processing method according to claim 1, characterized in that, Also includes: In response to an interaction termination operation for the interactive area, the interaction layer caches the progress data of the interaction process in the interactive area, and In response to an interactive operation on the interactive area, the progress of the interactive process is restored and displayed in the interactive area according to the cached progress data.

6. The interactive processing method according to claim 1, characterized in that, The search layer displays interactive materials corresponding to the interactive area in the search area, including: The information flow framework layer responds to a movement operation on the information flow by updating the information in the information flow and the position of the interactive area in the information flow area; When the interactive area is positioned at a set location within the information flow area, the information flow framework layer notifies the search layer to enable... The search layer displays interactive materials corresponding to the interactive area in the search area.

7. The interactive processing method according to claim 6, characterized in that, Also includes: When the interactive area moves away from the set position in the information flow area, the information flow framework layer notifies the search layer to enable... The search layer stops displaying interactive materials corresponding to the interactive area in the search area.

8. The interactive processing method according to any one of claims 1 to 7, characterized in that, Also includes: The search layer responds to keywords entered in the search area by querying information in the information stream that matches the keywords, and Redirecting to the details page corresponding to the retrieved information.

9. An interactive processing method for information flow, characterized in that, include: An information stream is displayed in an information stream area, wherein at least one interactive area is inserted in the information stream; The search area displays interactive materials corresponding to the interactive area; Stop displaying the interactive material in the search area; The process of the interactive material moving from the search area to the information flow area, and the process of moving from the information flow area to the interactive area are displayed. When a transparent area is loaded in the information flow area corresponding to the interactive area, in response to an interactive operation on the interactive material, the interactive response data of the interactive operation shows the interactive process based on the interactive material. When an interactive area is loaded in the information flow area, in response to an interactive operation on the interactive material, interactive response data of the interactive operation is received, and the interactive process based on the interactive material is displayed in the interactive area according to the interactive response data; wherein, the interactive response data is obtained by responding to the interactive operation.

10. The interactive processing method according to claim 9, characterized in that, Also includes: Among the multiple time points of the interaction process, determine the corresponding real-time time point of the real-time interaction process; Obtain interactive materials associated with the real-time time node to serve as new interactive materials adapted to the interactive process; The notification displays the new interactive material in the search area.

11. The interactive processing method according to claim 10, characterized in that, The types of time nodes include interactive time nodes and non-interactive time nodes; The acquisition of interactive materials associated with the real-time time node includes: When the real-time time node belongs to the interaction time node, the interactive material corresponding to the real-time time node is obtained; wherein, the interactive material includes at least one of interactive elements and interactive descriptions, and the interactive descriptions are used to indicate the status of the interaction process and the interactive operations that can be performed; The method further includes: When the real-time time node belongs to the non-interactive time node, the information material corresponding to the real-time time node is obtained, and The notification indicates that the information material is displayed in the search area; wherein the information material is associated with the information in the information stream.

12. The interactive processing method according to claim 9, characterized in that, Also includes: In response to an interaction termination operation for the interactive area, the progress data of the interaction process in the interactive area is cached, and In response to an interactive operation on the interactive area, the progress of the interactive process is restored and displayed in the interactive area according to the cached progress data.

13. The interactive processing method according to claim 9, characterized in that, The step of displaying interactive materials corresponding to the interactive area in the search area includes: In response to a movement operation on the information stream, update the information in the information stream and the position of the interactive area in the information stream area; When the interactive area is positioned at a set location in the information flow area, the corresponding interactive material is displayed in the search area.

14. The interactive processing method according to claim 13, characterized in that, Also includes: When the position of the interactive area in the information flow area moves away from the set position, the interactive material corresponding to the interactive area will stop being displayed in the search area.

15. The interactive processing method according to any one of claims 9 to 14, characterized in that, Also includes: In response to keywords entered in the search area, information matching the keywords is queried in the information stream, and Redirecting to the details page corresponding to the retrieved information.

16. An interactive processing device for information flow, characterized in that, include: An information flow framework layer is used to display the information flow in the information flow area and insert at least one interactive area in the information flow; The search layer is used to display interactive materials corresponding to the interactive area in the search area; The search layer is also used to stop displaying the interactive material in the search area; The information flow framework layer is also used to display the process of the interactive material moving from the search area to the information flow area, and the process of moving from the information flow area to the interactive area; An interaction layer is used to, when the information flow framework layer has a transparent area loaded in the information flow area corresponding to the interaction area, respond to an interactive operation on the interactive material and display the interactive response data based on the interactive material according to the interactive operation; The interaction layer is also used to respond to interactive operations on the interactive material when the information flow framework layer loads an interactive area in the information flow area; The information flow framework layer is further configured to receive interactive response data of the interactive operation when the information flow framework layer loads an interactive area in the information flow area, and display the interactive process based on the interactive material in the interactive area according to the interactive response data; wherein the interactive operation is obtained by the information flow framework layer sending it to the interactive layer. The interaction layer is also used to obtain the interaction response data by responding to the interaction operation.

17. The apparatus according to claim 16, characterized in that, The interaction layer is also used to determine the corresponding real-time time node of the real-time interaction process among multiple time nodes of the interaction process. The interaction layer is also used to acquire interactive materials associated with the real-time time node, so as to serve as new interactive materials adapted to the interaction process; The interaction layer is also used to notify the search area to display the new interactive material.

18. The apparatus according to claim 17, characterized in that, The types of time nodes include interactive time nodes and non-interactive time nodes; The interaction layer is further configured to acquire interactive materials corresponding to the real-time time node when the real-time time node belongs to the interactive time node; wherein, the interactive materials include at least one of interactive elements and interactive descriptions, and the interactive descriptions are used to indicate the status of the interactive process and the interactive operations that can be performed; The interaction layer is further configured to, when the real-time time node belongs to the non-interactive time node, obtain the information material corresponding to the real-time time node, and The notification indicates that the information material is displayed in the search area; wherein the information material is associated with the information in the information stream.

19. The apparatus according to claim 17, characterized in that, The interaction layer is also used to send the new interactive materials to the information flow framework layer; The information flow framework layer is also used to send the received new interactive material to the search layer, so that the search layer displays the new interactive material in the search area.

20. The apparatus according to claim 16, characterized in that, The interaction layer is further configured to, in response to an interaction termination operation for the interaction area, cache the progress data of the interaction process in the interaction area, and In response to an interactive operation on the interactive area, the progress of the interactive process is restored and displayed in the interactive area according to the cached progress data.

21. An electronic device, characterized in that, include: Memory, used to store executable instructions; A processor, when executing executable instructions stored in the memory, implements the interactive processing method of the information flow according to any one of claims 1 to 8, or the interactive processing method of the information flow according to any one of claims 9 to 15.

22. A computer-readable storage medium, characterized in that, The device stores executable instructions for causing a processor to execute, thereby implementing the interactive processing method of the information flow as described in any one of claims 1 to 8, or the interactive processing method of the information flow as described in any one of claims 9 to 15.

Images