Information flow interaction processing method and device, equipment and computer storage medium

Abstract

The application provides an information stream interactive processing method and device, electronic equipment and computer readable storage medium; the method comprises the following steps: an information stream framework layer displays an information stream in an information stream area; the information stream framework layer inserts at least one interactive area between information of the information stream, and displays at least one interactive material in the interactive area; the information stream framework layer updates the information in the information stream and the position of the interactive area in an information stream display interface in response to a mobile operation for the information stream, and when the position of the interactive area reaches a set position, the interactive layer is informed to display an interactive process in the interactive area; wherein the interactive process is a process in which at least one interactive material changes following an interactive operation. Through the application, diversified and efficient interaction in the information stream can be realized.

Description

Technical Field

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

[0002] Feeds are a form of information presentation in social media, news media, or audiovisual media.

[0003] In related technologies, the main interactive method in information flow is that when a user actively operates on the display position (such as clicking), they can jump to the details page corresponding to the information, and thus display the details page in a larger page area than the page area where the display position is located.

[0004] In related technologies, information flow interaction schemes are limited to the information within the information flow. However, this single interaction method is difficult to support the increasingly diverse application scenarios. Summary of the Invention

[0005] This invention provides an interactive processing method, apparatus, electronic device, and computer-readable storage medium for information streams, which can realize diverse and efficient interaction in information streams.

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

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

[0008] The method includes:

[0009] The information flow framework layer displays the information flow in the information flow area;

[0010] The information flow framework layer inserts at least one interactive area between the information in the information flow, and displays at least one interactive element in the interactive area;

[0011] 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 display interface, and notifies the interaction layer when the position of the interactive area reaches a set position so as to display the interaction process in the interactive area.

[0012] The interactive process is the process in which the at least one interactive material changes in response to the interactive operation.

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

[0014] Information flow framework layer, used to display information flow in the information flow area;

[0015] The information flow framework layer is also used to insert at least one interactive area between the information in the information flow, and to display at least one interactive material in the interactive area;

[0016] The information flow framework layer is also used to update the information in the information flow and the position of the interactive area in the information flow display interface in response to a movement operation on the information flow.

[0017] When the interactive area reaches the set position, the interactive layer is notified to display the interactive process in the interactive area;

[0018] The interactive process is the process in which the at least one interactive material changes in response to the interactive operation.

[0019] In the above scheme, the information flow framework layer is also used to load a transparent area between the information in the information flow area to avoid the interactive area, so that at least one interactive area loaded by the interactive layer is displayed through the transparent area.

[0020] In the above scheme, the information flow framework layer is also used to update the position of information in the information flow according to the direction and magnitude of the movement operation, and notify the interaction layer of the direction and magnitude of the movement operation, so that the interaction layer synchronously updates the position of the interaction area according to the direction and magnitude of the movement operation, so that the interaction area is continuously displayed through the transparent area.

[0021] In the above scheme, the interaction layer is further configured to receive interactive operations for the interaction area sent by the information flow framework layer, and respond to the interactive operations to generate interactive response data; and display the interactive process in the interaction area according to the interactive response data.

[0022] In the above scheme, the information flow framework layer is further used to load interactive areas between information in the information flow area; the interactive layer is further used to send at least one interactive material corresponding to the interactive area to the information flow framework layer, so that the information flow framework layer fills the at least one interactive material into the interactive area for adaptive display.

[0023] In the above scheme, the information flow framework layer is also used to update the position of information in the information flow according to the direction and amplitude of the movement operation, and to synchronously update the position of the interactive area.

[0024] In the above scheme, the information flow framework layer is further configured to send interactive operations for the interactive area to the interactive layer, receive interactive response data determined by the interactive layer based on the interactive operations, and display the interactive process in the interactive area based on the interactive response data.

[0025] In the above scheme, the information flow framework layer is also used to clear the progress data corresponding to the interaction process in response to the end operation of the application; when the application runs again and the position of the interaction area reaches the set position again, the interaction process is redisplayed in the interaction area.

[0026] In the above scheme, the information flow framework layer is further configured to notify the interaction layer of the interaction trigger operation when the information flow framework layer receives an interaction trigger operation for the interaction area, so as to display the interaction process in the interaction area.

[0027] In the above scheme, the interactive processing device for the information flow further includes: a search layer, which is used to notify the search layer when the position of the interactive area reaches a set position, so that the search layer displays the interactive material corresponding to the interactive area in the loaded search area.

[0028] In the above scheme, the information flow framework layer is also used to pause the display of the interaction process in the interaction area and record the progress data of the corresponding interaction process when the position of the interaction area leaves the set position; and to resume the display of the progress of the interaction process in the interaction area according to the progress data when the position of the interaction area returns to the set position.

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

[0030] Display information stream;

[0031] At least one interactive area is inserted between the information in the information flow, and the interactive area includes at least one interactive element;

[0032] 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 display interface;

[0033] When the interactive area reaches the set position, the interactive process is displayed in the interactive area;

[0034] The interactive process is the process in which the at least one interactive material changes in response to the interactive operation.

[0035] The above scheme also includes:

[0036] Transparent areas are inserted between the information in the information stream;

[0037] The at least one interactive area is displayed through the transparent area.

[0038] In the above solution, updating the information in the information stream and the position of the interactive area in the information stream display interface includes:

[0039] Based on the direction and magnitude of the movement operation, update the positions of the information in the information stream and the interactive area in the information stream display interface.

[0040] The above scheme also includes:

[0041] In response to an end action on the application, the display of the interactive process in the interactive area is stopped;

[0042] When the application runs again and the interactive area reaches the set position again, the interactive process is redisplayed in the interactive area.

[0043] The above scheme also includes:

[0044] In response to an interactive trigger operation targeting the interactive area, the interactive process is displayed in the interactive area.

[0045] The above scheme also includes:

[0046] When the interactive area reaches the set position, the interactive material corresponding to the interactive area is displayed in the search area of ​​the information flow display interface.

[0047] The above scheme also includes:

[0048] When the interactive area moves away from the set position, the interactive process is paused in the interactive area, and

[0049] When the position of the interactive area reaches the set position again, the progress of the interactive process is displayed again in the interactive area.

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

[0051] Memory, used to store executable instructions;

[0052] 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.

[0053] This invention provides a computer-readable storage medium storing executable instructions for inducing a processor to execute and implement the interactive processing method for information flow provided in this invention.

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

[0055] By inserting interactive areas into the information stream, the system seamlessly integrates information browsing and interaction—two high-frequency application scenarios—breaking down the boundaries between different scenarios. This allows the information stream browsing process to move beyond simply browsing information; because the interactive areas can flexibly connect to various interactive scenarios, users can engage in various forms of interaction at any time while browsing the information stream, achieving efficient integration of diverse application scenarios. Furthermore, by integrating the information stream with various interactive scenarios, the system reduces user traffic diversion caused by page jumps between the information stream and various interactive scenarios. Attached Figure Description

[0056] Figure 1A and Figure 1B These are schematic diagrams illustrating application scenarios provided by related technologies;

[0057] Figure 2 This is a schematic diagram of the architecture of the interactive processing system 100 provided in an embodiment of the present invention;

[0058] Figure 3 This is a schematic diagram of the structure of the terminal 400 provided in an embodiment of the present invention;

[0059] Figure 4A and Figure 4B This is a schematic diagram of the architecture of the first application 500 and the second application 600 running in the terminal 400 provided in the embodiment of the present invention;

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

[0061] Figure 6 This is a flowchart illustrating the interactive processing method for information flow provided in an embodiment of the present invention;

[0062] Figure 7 This is a schematic diagram of an application scenario provided by an embodiment of the present invention;

[0063] Figure 8 This is a schematic diagram of an application scenario provided by an embodiment of the present invention;

[0064] Figure 9 This is a flowchart illustrating the interactive processing method for information flow provided in an embodiment of the present invention;

[0065] Figure 10A and Figure 10B This is a schematic diagram of the principle provided in the embodiment of the present invention;

[0066] Figure 11 This is a flowchart illustrating the interactive processing method for information flow provided in an embodiment of the present invention. Detailed Implementation

[0067] 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.

[0068] 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.

[0069] 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.

[0070] 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.

[0071] 1) The Model-View-Controller (MVC) framework is an architecture that separates business logic, data, and user interface display. The view (or interface view) is mainly responsible for the interface display, the model is mainly responsible for data management, and the controller (or interface view controller) is used to coordinate the view and the model.

[0072] 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.

[0073] 3) Information refers to a single piece of information content in the information flow. The table structure of an information includes the following elements: title, accompanying image (e.g., large image, two images, three images, multiple images, etc.), source, negative feedback, and button, etc.

[0074] 4) The interactive area refers to 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.

[0075] 5) The search area refers to the area in the application interface used to provide information search functionality, which can be presented in the form of a search box, etc. In the interface view, the content of the search area is displayed by the search layer.

[0076] 6) Interactive materials refer to materials corresponding to the interactive area, that is, materials used to respond to interactive operations. 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 descriptions. Interactive elements refer to various visual objects that participate in human-computer interaction during the interaction process, and can change their position and / or display effects according to the human-computer interaction operation. Interactive descriptions refer to the introduction of the interactive process, which can be presented in the form of text or images.

[0077] 7) The interactive process refers to the process of mutual connection and interaction, that is, the process in which the content (i.e., interactive materials) in the interactive area changes as interactive operations are performed on the interactive area.

[0078] 8) Hyper Text Markup Language 5 (H5) mini-games refer to web-based games, which are games that users can experience without downloading an application.

[0079] In related technologies, see Figure 1A and Figure 1B , Figure 1A and Figure 1B This is a schematic diagram illustrating the application scenarios provided by the relevant technologies.

[0080] Figure 1A In the example of a news feed containing mini-games in an interactive area, when a user wants to interact with a mini-game, they need to click on the game entry point 101 to open the mini-game link and then be redirected to the mini-game. In this solution, the mini-game is not integrated with the news feed framework layer, preventing users from experiencing the mini-game while browsing the news feed. Figure 1B In this context, users can only perform simple gesture interactions in the information display area 102, such as swiping along a trajectory, which does not allow users to fully experience the interactive process.

[0081] To address the aforementioned technical problems, embodiments of the present invention provide an interactive processing method, apparatus, electronic device, and computer-readable storage medium for information streams, enabling users to interact with information in the information stream. The following describes exemplary applications of the electronic device provided by the embodiments of the present invention. The electronic device provided by the embodiments of the present invention can be implemented as various types of user terminals 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). Exemplary applications when the device is implemented as a terminal will be described below.

[0082] See Figure 2 , Figure 2 This is a schematic diagram of the architecture of the interactive processing system 100 provided in an embodiment of the present invention. The interactive processing system 100 includes: a server 200, a network 300, a terminal 400, and a first application 500 running on the terminal 400, which will be described separately.

[0083] Server 200 is the backend server of the first application 500, used to send information streams to the first application 500 according to user preferences or randomly.

[0084] Network 300 is used as a medium for communication between server 200 and terminal 400, and can be a wide area network, a local area network, or a combination of both.

[0085] Terminal 400 is used to run a first application 500, which is an application with information flow display function. The first application 500 is used to display the information flow sent by server 200 in human-computer interaction interface 501, wherein interactive areas are inserted between the information in the information flow; it is also used to respond to the user's movement operation, update the information in the information flow and the position of the interactive area in the information flow display interface, and display the corresponding interactive process in the interactive area when the position of the interactive area reaches the set position.

[0086] 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.

[0087] See Figure 3 , Figure 3 This is a schematic diagram of the structure of the terminal 400 provided in an embodiment of the present invention. Figure 3 The terminal 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 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.

[0088] The 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. The general-purpose processor can be a microprocessor or any conventional processor, etc.

[0089] 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.

[0090] 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.

[0091] 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.

[0092] 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.

[0093] 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;

[0094] 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.

[0095] 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 (e.g., a display screen, a speaker, etc.) associated with user interface 430;

[0096] 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.

[0097] In some embodiments, the apparatus provided in this invention can be implemented in software. Figure 3An interactive processing device 455 for 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, an interaction layer 4552, and a search layer 4553 (note that the search layer 4553 is optional). These modules are logically connected and can therefore be arbitrarily combined or further divided according to the functions implemented. The functions of each module will be described below.

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

[0099] First, let's explain the first application 500 and the second application 600.

[0100] The first application 500 can be a related application (APP) based on information flow, 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 600 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), a live streaming client, etc.

[0101] The forms of the first application 500 and the second application 600 can be diverse.

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

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

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

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

[0106] 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 400) to the interface view 510 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 4553 in the interface view 510 sends the information flow area / search area operation to the model 530 via the interface view controller 520. The model 530 calculates the information flow area / search area response data and returns it to the information flow framework layer 4551 / search layer 4553 to update the display of the information flow area / search area.

[0107] 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 510 sends the interactive area operation to the interface view 610 of the second application 600. The interactive layer 4552 in the interface view 610 sends it to the model 630 via the interface view controller 620. The model 630 calculates the interactive area response data and returns it to the interactive layer 4552 so that the interactive layer 4552 updates the display of the interactive area.

[0108] In other embodiments, see Figure 4B , Figure 4BThis is a schematic diagram of the architecture of the first application 500 and the second application 600 running in the terminal 400 provided in this embodiment of the invention. The information flow framework layer 4551 and the search layer 4553 can be implemented as sub-views of the interface view 510 of the first application 500. 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 area and the information flow area are loaded and displayed by the information flow framework layer 4551. The interactive layer 4552 can be implemented as the interface of the second application 600 and is not responsible for the display control of the interactive area.

[0109] 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 400) to the interface view 510 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 4553 in the interface view 510 sends the information flow area / search area operation to the model 530 via the interface view controller 520. The model 530 calculates the information flow area / search area response data and returns it to the information flow framework layer 4551 / search layer 4553 to update the display of the information flow area / search area.

[0110] 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 510 sends the interactive area operation to the interface view 610 of the second application 600. The interactive layer 4552 in the interface view 610 sends it to the model 630 via the interface view controller 620. The model 630 calculates the interactive area response data and returns it to the interactive layer 4552. The interactive layer 4552 then returns it to the information flow framework layer 4551, which updates and displays the interactive area.

[0111] The interactive processing method for information flow provided in this invention will be described in conjunction with exemplary applications and implementations of the terminal 400 provided in this embodiment.

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

[0113] In step S101, the information flow framework layer displays the information flow in the information flow area.

[0114] Here, the information flow framework layer displays the information flow in the designated information flow area. This information flow can be pre-cached or retrieved online.

[0115] As a successor Figure 4Aor Figure 4B For example, in response to an information flow display operation, the information flow framework layer 4551 sends the operation as an event to the interface view controller 520. The interface view controller 520 sends the information flow display operation to the model 530, which determines the information flow to be displayed based on the information flow display operation. The model 530 then sends the information flow to be displayed to the information flow framework layer 4551 through the interface view controller 520, so that the information flow framework layer 4551 displays the information flow in the information flow area.

[0116] In step S102, the information flow framework layer inserts at least one interactive area between the information in the information flow and displays at least one interactive material in the interactive area.

[0117] Here, the information flow framework layer inserts at least one interactive area into the information flow. This embodiment of the invention does not limit the timing of the 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. Interactive materials are various visual objects that participate in human-computer interaction during the interaction process. Interactive materials can change their position and / or display effects according to human-computer interaction operations.

[0118] In some embodiments, the information flow framework layer loads transparent areas between 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, and the interactive layer displays at least one interactive material in the loaded interactive area.

[0119] Here, the interactive area is formed by loading the interactive layer, while the information flow area, which carries the information flow, is formed by the information flow framework layer. In other words, the interactive area and the information flow area belong to different view layers; the interactive area is a region within the interactive layer, and the information flow area is a region within the information flow framework layer.

[0120] As a successor Figure 4A For example, the interface view controller 520 controls the information flow frame layer 4551 to load a transparent area between the information in the information flow area to avoid the interactive area; the interface view controller 620 controls the interactive layer 4552 to load at least one interactive area to be displayed through the transparent area; the interface view controller 620 controls the interactive layer 4552 to display at least one interactive material in the loaded interactive area.

[0121] It should be noted that the interface view controllers corresponding to the information flow framework layer 4551 and the interaction layer 4552 are different. The interface view controller corresponding to the information flow framework layer 4551 is the interface view controller 520 of the first application 500; while the interface view controller corresponding to the interaction layer 4552 is the interface view controller of the second application 600.

[0122] For example, Figure 10A In the information flow framework layer, the interactive information display area 111 (i.e. the interactive area mentioned above) is cut out (that is, the interactive information display area 111 is set to transparent), and the web page content loaded by the interactive layer is displayed through the cut-out area.

[0123] The embodiments of the present invention do not require the interactive materials in the interactive area to be segmented before being displayed in the interactive area, which can greatly ensure the integrity of the content presented in the interactive area.

[0124] In other embodiments, the information flow framework layer loads interactive areas between information in the information flow area; the interactive layer sends at least one interactive material corresponding to the interactive area to the information flow framework layer so that the information flow framework layer fills the interactive area with at least one interactive material for adaptive display.

[0125] Here, both the interactive area and the information flow area are formed by loading the information flow framework layer. In other words, the interactive area and the information flow area belong to the same view layer; that is, the interactive area and the information flow area are different areas within the information flow framework layer.

[0126] As a successor Figure 4B For example, the interface view controller 520 controls the information flow frame layer 4551 to load interactive areas between information in the information flow area; the interactive layer 4552 sends at least one interactive material corresponding to the interactive area to the information flow frame layer 4551 so that the information flow frame layer 4551 fills the interactive area with at least one interactive material for adaptive display.

[0127] For example, the interaction layer adjusts the size of at least one interactive material in the interaction area proportionally to the size of the interaction area; it then sends the adjusted interactive material to the information flow frame layer, so that the information flow frame layer fills the adjusted interactive material into the corresponding position in the interaction area and fills the blank areas in the interaction area that are not filled with interactive materials with color blocks, or stretches the elements corresponding to the blank areas in the interaction area that are not filled with materials to fill the blank areas.

[0128] Taking the interactive area displaying information about H5 mini-games as an example, Figure 10B In this process, the interaction layer marks the interactive materials of the H5 mini-game, reorganizes them according to the size of the interactive information display area 111 (i.e., the interactive area mentioned above), and sends the reorganized interactive materials to the information flow framework layer. In this way, the information flow framework layer can display all the interactive materials of the H5 mini-game within the interactive information display area 111.

[0129] Here, the information flow framework layer displays all interactive materials from the received H5 mini-games within the interactive information display area 111 in two ways: ① Proportionally shrink multiple interactive materials from the H5 mini-games to the interactive information display area 111, and fill the remaining empty portions of the interactive information display area 111 with ordinary color blocks. ② Determine the stretchable content within the interactive information display area 111, such as the bottom background or the top operation bar. The stretchable content within the interactive information display area 111 can fill the interactive information display area 111 horizontally or vertically, depending on its size. Non-stretchable content such as text, icons, or buttons are matched to their corresponding positions within the interactive information display area 111 after the stretchable content has filled it. This organically integrates the interactive materials with the information flow framework layer, improving the visual continuity for users browsing the information flow.

[0130] In step S103, the information flow framework layer responds to the movement operation of the information flow by updating the position of the information and interactive areas in the information flow display interface.

[0131] In some embodiments, the information flow framework layer responds to a movement operation on the information flow. Based on the direction and magnitude of the movement operation, the information flow framework layer updates the position of the information in the information flow and notifies the interaction layer of the direction and magnitude of the movement operation. This allows the interaction layer to synchronously update the position of the interactive area based on the direction and magnitude of the movement operation, ensuring that the interactive area moves with the information in the information flow and remains continuously displayed through the transparent area. This guarantees that the interactive area loaded by the interaction layer is always displayed through the transparent area in the information flow framework layer while the user is browsing the information flow.

[0132] As a successor Figure 4AFor example, the operating system 451 sends operations (including parameters of direction and amplitude) to the information flow framework layer 4551 in the form of events; the information flow framework layer 4551 sends the operations to the model 530 through the interface view controller 520; the model 530 calculates the information flow area response data (including indicators of the position of information in the information flow display interface (i.e., the height of the information on the screen) and the display effect), and returns the information flow area response data to the information flow framework layer 4551 through the interface view controller 520; the information flow framework layer 4551 refreshes the information flow area according to the information flow area response data, that is... The information flow framework layer 4551 updates the position of information in the information flow; the information flow framework layer 4551 sends the operation to the interaction layer 4552; the interaction layer 4552 sends the operation to the model 630 corresponding to the interaction layer 4552 through the interface view controller 620, the model 630 corresponding to the interaction layer 4552 calculates the interactive area response data (including the position of the interactive area in the information flow display interface (i.e., the height of the interactive area on the screen) and the display effect), and returns the interactive area response data to the interaction layer 4552 through the interface view controller 620; the interaction layer 4552 updates the position of the interactive area according to the interactive area response data.

[0133] In this embodiment of the invention, the information flow framework layer and the interaction layer control the position of information and interactive areas in the information flow according to the movement operation, which can ensure that the interactive areas loaded by the interaction layer can always be displayed through the transparent area in the information flow framework layer during the user's browsing of the information flow. This prevents the interactive areas from failing to display due to the movement speed of the transparent areas, thereby improving the visual continuity when the user browses the information flow.

[0134] In some embodiments, the information flow framework layer updates the position of information in the information flow according to the direction and amplitude of the movement operation, and synchronously updates the position of the interactive area.

[0135] As a successor Figure 4B For example, the operating system 451 sends the operation (including parameters of direction and amplitude) to the information flow framework layer 4551 in the form of an event; the information flow framework layer 4551 sends the operation to the model 530 through the interface view controller 520; the model 530 calculates the information flow area response data (including the position of the information in the information flow display interface (i.e., the height of the information on the screen) and the display effect) and the interactive area response data (including the position of the interactive area in the information flow display interface (i.e., the height of the interactive area on the screen) and the display effect), and returns the information flow area response data to the information flow framework layer 4551 through the interface view controller 520; the information flow framework layer 4551 updates the position of the information and the interactive area in the information flow according to the information flow area response data and the interactive area response data.

[0136] In this embodiment of the invention, the information flow framework layer can directly update the position of information and interactive areas in the information flow based on the mobile operation, thereby improving the speed of updating the position of information and interactive areas in the information flow and making the user's operation and the movement of the information flow highly consistent.

[0137] In step S104, when the position of the interactive area reaches the set position, the information flow framework layer notifies the interactive layer to display the interactive process in the interactive area.

[0138] Here, the interactive process refers to the process in which at least one interactive element changes in response to an interactive operation. For example, it could be the process in which at least one interactive element changes its display format in response to an interactive operation. The interactive operation can be an operation of a local terminal (i.e., an operation collected by the operating system 451 in terminal 400 from the input processing module 454); or it can be an operation of a non-local terminal.

[0139] The relationship between interactive materials and interactive processes will be explained in detail below with two examples.

[0140] Taking a mini-game displayed in the interactive area (i.e., the second application 600 is a mini-game) as an example, the interactive area displays the game interface, and the interactive materials can be game elements within the game interface, such as game characters or game items. The interactive process displayed in the interactive area specifically involves the interactive materials changing their display form according to the player's interactive actions (such as jumping, moving forward, or using items), for example, the game character jumping or running. Here, the player's interactive actions can be interactive actions from the local terminal.

[0141] Taking a live stream displayed in the interactive area (i.e., the second application 600 is live) as an example, the interactive area displays a live streaming room. Interactive materials can be from the live streaming area, like area, comment area, or gift area within the live streaming room, such as gifts, likes, or comments. The interactive process displayed in the interactive area specifically involves the interactive materials changing their display format according to the interactive actions of the live stream viewers (such as liking, commenting, or sending gifts), for example, through gift animations, liking animations, or scrolling comments. Here, the interactive actions of the live stream viewers can be from their local terminals or from the terminals of other viewers in the live streaming room.

[0142] As an alternative to step S104, the following is provided: when the information flow framework layer receives an interaction trigger operation for the interaction area, the information flow framework layer notifies the interaction layer of the interaction trigger operation to display the interaction process in the interaction area. This allows the interaction process to be displayed in the interaction area without having to reach a set position, thereby improving the diversity of interaction process triggering and the flexibility of interaction processing.

[0143] As a successor Figure 4A or Figure 4B In one example, the operating system 451 sends an interactive trigger operation (including parameters of the location and type of the interactive trigger operation) to the information flow framework layer 4551 in the form of an event. When the location of the interactive trigger operation is located in a position other than the interactive area in the information flow framework layer 4551, it is determined that the interactive trigger operation is an operation on the information flow. The information flow framework layer 4551 sends the interactive trigger operation to the model 530 through the interface view controller 520. The model 530 calculates the information flow area response data (including instructions on the display form of information in the information flow, such as displaying information details, commenting on information, liking, and forwarding, etc.) and returns the information flow area response data to the information flow framework layer 4551 through the interface view controller 520. The information flow framework layer 4551 refreshes the information flow area according to the information flow area response data, that is, updates the display form of information in the information flow.

[0144] As a successor Figure 4A In another example, the operating system 451 sends an interactive trigger operation (including parameters of the location and type of the interactive trigger operation) to the information flow framework layer 4551 in the form of an event. When the location of the interactive trigger operation is within the interactive area of ​​the information flow framework layer 4551 (e.g., the location of the interactive trigger operation is within the area of ​​the start button in the interactive area), it is determined that the interactive trigger operation is an operation targeting the interactive area. The information flow framework layer 4551 sends the interactive trigger operation to the interactive layer 4552. The interactive layer 4552 sends the interactive trigger operation to the model 630 corresponding to the interactive layer 4552 through the interface view controller 620. The model 630 corresponding to the interactive layer 4552 calculates the interactive area response data (including the response method of the interactive material to the operation, such as indicating the location of the interactive material and the display effect, etc.), and returns the interactive area response data to the interactive layer 4552 through the interface view controller 620. The interactive layer 4552 refreshes the interactive area according to the interactive area response data, that is, displays the interactive process in the interactive area.

[0145] As a successor Figure 4BIn another example, the operating system 451 sends an interactive trigger operation (including parameters of the location and type of the interactive trigger operation) to the information flow framework layer 4551 in the form of an event. When the location of the interactive trigger operation is within the interactive area of ​​the information flow framework layer 4551 (e.g., the location of the interactive trigger operation is within the area of ​​the start button in the interactive area), it is determined that the interactive trigger operation is an operation targeting the interactive area. The information flow framework layer 4551 sends the interactive operation to the interactive layer 4552. The interactive layer 4552 sends the interactive trigger operation to the model 630 corresponding to the interactive layer 4552 through the interface view controller 620. The model 630 corresponding to the interactive layer 4552 calculates the interactive area response data (including the response method of the interactive material to the operation, such as indicating the location of the interactive material and the display effect, etc.), and returns the interactive area response data to the interactive layer 4552 through the interface view controller 620. The interactive layer 4552 sends the interactive area response data to the information flow framework layer 4551, and the information flow framework layer 4551 refreshes the interactive area according to the interactive area response data, that is, displays the interactive process in the interactive area.

[0146] In this embodiment of the invention, even when the interactive area has not reached the set position, the interactive process can still be displayed in the interactive area according to the user's trigger operation. This improves the diversity of interactive process triggers and avoids the problem that the application cannot recognize the position of the interactive area in time, thus failing to display the interactive process in time, thereby improving the user's interactive experience.

[0147] The following explains the specific implementation method for displaying the interactive process in the interactive area.

[0148] In some embodiments, the interaction layer receives interactive operations for the interactive area sent by the information flow framework layer, and responds to the interactive operations to generate interactive response data; the interaction layer displays the interactive process in the interactive area based on the interactive response data.

[0149] As a successor Figure 4A In one example, the operating system 451 sends an operation (including parameters of the operation location and type) to the information flow framework layer 4551 in the form of an event; when the operation location is located in a position outside the interactive area in the information flow framework layer 4551, it is determined that the above operation is an operation on the information flow; the information flow framework layer 4551 sends the operation to the model 530 through the interface view controller 520; the model 530 calculates the information flow area response data (including instructions on the display form of information in the information flow, such as displaying information details, commenting on information, liking, and forwarding, etc.), and returns the information flow area response data to the information flow framework layer 4551 through the interface view controller 520; the information flow framework layer 4551 refreshes the information flow area according to the information flow area response data, that is, updates the display form of information in the information flow.

[0150] As a successor Figure 4A In another example, the operating system 451 sends operations (including parameters of operation location and type) to the information flow framework layer 4551 in the form of events. When the operation location is within the interaction area of ​​the information flow framework layer 4551, it is determined that the operation is an interactive operation targeting the interaction area. The information flow framework layer 4551 sends the interactive operation to the interaction layer 4552. The interaction layer 4552 sends the interactive operation to the model 630 corresponding to the interaction layer 4552 through the interface view controller 620. The model 630 calculates the interaction area response data (i.e., the aforementioned interactive response data, including the response method of the interactive material to the operation, such as indicating the location of the interactive material and the display effect, etc.) and returns the interaction area response data to the interaction layer 4552 through the interface view controller 620. The interaction layer 4552 refreshes the interaction area based on the interaction area response data, that is, displays the interactive process in the interaction area. This reduces the number of times the interaction area response data is transmitted, thereby improving the interaction efficiency.

[0151] In some embodiments, the information flow framework layer sends interactive operations for the interactive area to the interactive layer, receives interactive response data determined by the interactive layer based on the interactive operations, and displays the interactive process in the interactive area based on the interactive response data.

[0152] As a successor Figure 4B In one example, the operating system 451 sends an operation (including parameters of the operation location and type) to the information flow framework layer 4551 in the form of an event; when the operation location is located in a position outside the interactive area in the information flow framework layer 4551, it is determined that the above operation is an operation on the information flow; the information flow framework layer 4551 sends the operation to the model 530 through the interface view controller 520; the model 530 calculates the information flow area response data (including instructions on the display form of information in the information flow, such as displaying information details, commenting on information, liking, and forwarding, etc.), and returns the information flow area response data to the information flow framework layer 4551 through the interface view controller 520; the information flow framework layer 4551 refreshes the information flow area according to the information flow area response data, that is, updates the display form of information in the information flow.

[0153] As a successor Figure 4BIn another example, the operating system 451 sends an operation (including parameters of operation location and type) to the information flow framework layer 4551 in the form of an event. When the operation location is within the interactive area of ​​the information flow framework layer 4551, it is determined that the operation is an interactive operation for the interactive area. The information flow framework layer 4551 sends the interactive operation to the interactive layer 4552. The interactive layer 4552 sends the interactive operation to the model 630 corresponding to the interactive layer 4552 through the interface view controller 620. The model 630 corresponding to the interactive layer 4552 calculates the interactive area response data (including the response method of the interactive material to the operation, such as indicating the location of the interactive material and the display effect, etc.) and returns the interactive area response data to the interactive layer 4552 through the interface view controller 620. The interactive layer 4552 sends the interactive area response data to the information flow framework layer 4551. The information flow framework layer 4551 refreshes the interactive area according to the interactive area response data, that is, displays the interactive process in the interactive area.

[0154] In this embodiment of the invention, the information framework layer can directly display the interaction process in the interaction area based on the interaction response data, thereby improving the response speed of the interaction area during the interaction process and making the user's interaction operation and the displayed interaction process highly consistent.

[0155] In some embodiments, see Figure 6 , Figure 6 This is a flowchart illustrating the interactive processing method for information flow provided in an embodiment of the present invention, based on... Figure 5 After step S104, step S105 is also included.

[0156] In step S105, when the position of the interactive area reaches the set position, 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 loaded search area.

[0157] Here, interactive materials are various visual objects that participate in human-computer interaction during the interaction process. Interactive materials can change their position and / or display effects according to human-computer interaction operations, such as game prompts or operation reminders.

[0158] As a successor Figure 4A or Figure 4BIn one example, when the interactive area reaches a set position, the information flow framework layer 4551 notifies the search layer 4553; the search layer 4553 notifies the model 530 through the interface view controller 520; the model 530 calculates the search area response data (including instructions on the display form of interactive materials in the search area) and sends the search area response data to the search layer 4553 through the interface view controller 520; the search layer 4553 refreshes the search area according to the search area response data, that is, displays the interactive materials of the corresponding interactive area in the search area.

[0159] This invention enables the search layer to display interactive materials corresponding to the interactive area in the loaded search area. This not only guides users to perform interactive operations while browsing the information stream, improving the monetization rate of information in the information stream, but also provides prompts to users during the interactive operation process, enhancing the user's interactive experience.

[0160] In some embodiments, after step S104, steps S106 and S107 are further included, specifically including:

[0161] In step S106, when the position of the interactive area moves away from the set position, the interactive process is paused in the interactive area and the progress data of the corresponding interactive process is recorded.

[0162] Here, when the interactive area displays information about an H5 mini-game, the progress data can be the user's last game data, such as game score, location, and game level; when the interactive area displays information about a video page, the progress data can be the data of the last video watched by the user, such as video name and video viewing progress.

[0163] In some embodiments, when the location of the interactive area moves away from the set location, the information flow framework layer notifies the interactive layer to pause the display of the interactive process in the interactive area and record the progress data of the corresponding interactive process.

[0164] As a successor Figure 4A For example, when the location of the interactive area moves away from the set location, the information flow framework layer 4551 notifies the interactive layer 4552 to pause the display of the interactive process in the interactive area, and notifies the model 630 corresponding to the interactive layer 4552 through the interface view controller 620, so that the model 630 corresponding to the interactive layer 4552 records the progress data of the corresponding interactive process.

[0165] In other embodiments, when the location of the interactive area moves away from the set position, the information flow framework layer pauses the display of the interactive process in the interactive area and records the progress data of the corresponding interactive process.

[0166] As a successor Figure 4BFor example, when the location of the interactive area moves away from the set position, the information flow framework layer 4551 pauses the display of the interactive process in the interactive area and notifies the model 530 through the interface view controller 520, so that the model 530 records the progress data of the corresponding interactive process.

[0167] As an alternative to step S106, the method includes: when the position of the interactive area has not left the set position and a pause operation is received for the interactive area, pausing the display of the interactive process in the interactive area and recording the progress data of the corresponding interactive process.

[0168] Here, the process of pausing the display of the interactive process in the interactive area and recording the progress data of the corresponding interactive process is similar to the above scheme, and will not be described again here.

[0169] In step S107, when the position of the interactive area reaches the set position again, the progress of the interactive process is restored to be displayed in the interactive area according to the progress data.

[0170] In some embodiments, when the position of the interactive area reaches the set position again, the interactive layer receives a recovery operation for the interactive area sent by the information flow framework layer, and responds to the recovery operation to generate interactive response data; the interactive layer restores the display of the progress of the interactive process in the interactive area according to the interactive response data.

[0171] As a successor Figure 4A For example, the operating system 451 sends the recovery operation to the information flow framework layer 4551 in the form of an event; the information flow framework layer 4551 sends the recovery operation to the interaction layer 4552; the interaction layer 4552 sends the recovery operation to the model 630 corresponding to the interaction layer 4552 through the interface view controller 620, and the model 630 corresponding to the interaction layer 4552 calculates the interaction area response data (including the response method of the interactive material to the operation, such as indicating the position of the interactive material and the display effect, etc.) based on the progress data, and returns the interaction area response data to the interaction layer 4552 through the interface view controller 620; the interaction layer 4552 refreshes the interaction area according to the interaction area response data, that is, restores the display of the progress of the interaction process in the interaction area.

[0172] In other embodiments, when the position of the interactive area reaches the set position again, the information flow framework layer sends a recovery operation for the interactive area to the interaction layer, receives the interaction response data determined by the interaction layer based on the recovery operation, and restores the display of the progress of the interaction process in the interactive area based on the interaction response data.

[0173] As a successor Figure 4BFor example, the operating system 451 sends the recovery operation to the information flow framework layer 4551 in the form of an event; the information flow framework layer 4551 sends the recovery operation to the interaction layer 4552; the interaction layer 4552 sends the recovery operation to the model 630 corresponding to the interaction layer 4552 through the interface view controller 620, and the model 630 corresponding to the interaction layer 4552 calculates the interaction area response data (including the response method of the interactive material to the operation, such as indicating the position of the interactive material and the display effect, etc.) based on the progress data, and returns the interaction area response data to the interaction layer 4552 through the interface view controller 620; the interaction layer 4552 sends the interaction area response data to the information flow framework layer 4551, and the information flow framework layer 4551 refreshes the interaction area according to the interaction area response data, that is, restores the display of the progress of the interaction process in the interaction area.

[0174] As an alternative to step S107, when the position of the interactive area has not reached the set position and the information flow framework layer receives an interactive trigger operation for the interactive area, the progress of the interactive process is restored and displayed in the interactive area according to the progress data.

[0175] Here, the process of restoring the display of the interaction progress in the interactive area based on the progress data is similar to the above scheme and will not be described again here.

[0176] This invention records the progress data corresponding to the last time a user swipes away, enabling the user to resume the interaction process when swiping back to the interactive area, based on the progress data corresponding to the last swipe away, thereby ensuring continuous interaction and improving the user's interactive experience.

[0177] In some embodiments, after step S104, steps S108 and S109 are further included, specifically including:

[0178] In step S108, in response to the end operation for the application, the progress data of the corresponding interaction process is cleared.

[0179] In some embodiments, the information flow framework layer, in response to an end operation for the application, notifies the interaction layer to clear the progress data of the corresponding interaction process.

[0180] As a successor Figure 4A For example, the operating system 451 sends the end operation to the information flow framework layer 4551 in the form of an event; the information flow framework layer 4551 sends the end operation to the interaction layer 4552; the interaction layer 4552 sends the end operation to the model 630 corresponding to the interaction layer 4552 through the interface view controller 620, and the model 630 corresponding to the interaction layer 4552 clears the progress data of the corresponding interaction process.

[0181] In other embodiments, the information flow framework layer clears the progress data of the corresponding interaction process in response to an end operation for the application.

[0182] As a successor Figure 4B For example, the operating system 451 sends the end operation to the information flow framework layer 4551 in the form of an event; the information flow framework layer 4551 sends the end operation to the model 530 through the interface view controller 520, and the model 530 clears the progress data of the corresponding interaction process.

[0183] As an alternative to step S108, the following method is used: when the application has not finished running and a clearing operation is received for the interactive area, the interactive data corresponding to the interactive process is cleared.

[0184] Here, the process of clearing the interaction data corresponding to the interaction process is similar to the above scheme and will not be described again here.

[0185] In step S109, when the application runs again and the position of the interactive area reaches the set position again, the interactive process is redisplayed in the interactive area.

[0186] In some embodiments, when the application runs again and the location of the interactive area reaches the set position again, the interactive layer receives the interactive operation for the interactive area sent by the information flow framework layer, and responds to the interactive operation to generate interactive response data; the interactive layer displays the interactive process in the interactive area according to the interactive response data.

[0187] As a successor Figure 4A For example, the operating system 451 sends the interactive operation (including parameters of operation location and type) to the information flow framework layer 4551 in the form of an event; the information flow framework layer 4551 sends the interactive operation to the interaction layer 4552; the interaction layer 4552 sends the interactive operation to the model 630 corresponding to the interaction layer 4552 through the interface view controller 620, the model 630 corresponding to the interaction layer 4552 calculates the interactive area response data (including the response mode of the interactive material to the operation, such as indicating the position of the interactive material and the display effect, etc.), and returns the interactive area response data to the interaction layer 4552 through the interface view controller 620; the interaction layer 4552 refreshes the interactive area according to the interactive area response data, that is, redisplays the interactive process in the interactive area.

[0188] In other embodiments, when the application runs again and the interactive area reaches the set position again, the information flow framework layer sends the interactive operation for the interactive area to the interaction layer, receives the interactive response data determined by the interaction layer based on the interactive operation, and displays the interactive process in the interactive area based on the interactive response data.

[0189] As a successor Figure 4B For example, the operating system 451 sends the interactive operation (including parameters of operation location and type) to the information flow framework layer 4551 in the form of an event; the information flow framework layer 4551 sends the interactive operation to the interaction layer 4552; the interaction layer 4552 sends the interactive operation to the model 630 corresponding to the interaction layer 4552 through the interface view controller 620, the model 630 corresponding to the interaction layer 4552 calculates the interactive area response data (including the response method of the interactive material to the operation, such as indicating the position of the interactive material and the display effect, etc.), and returns the interactive area response data to the interaction layer 4552 through the interface view controller 620; the interaction layer 4552 sends the interactive area response data to the information flow framework layer 4551, and the information flow framework layer 4551 refreshes the interactive area according to the interactive area response data, that is, redisplays the interactive process in the interactive area.

[0190] In this embodiment of the invention, when a user closes the application, the progress data of the corresponding interactive process is automatically cleared, allowing the user to restart a new round of interactive experience when they re-enter the application, thereby meeting the diverse experience needs of users.

[0191] The following example illustrates the interactive processing method for information flow provided in this embodiment of the invention, using the first application 500 as a browser and the information displayed in the interactive area as an H5 mini-game (i.e., the second application 600 is an H5 mini-game).

[0192] See Figure 7 , Figure 7 This is a schematic diagram of an application scenario provided by an embodiment of the present invention. Figure 7 In the process, when a user opens a browser and scrolls down to browse information stream content, special information 801 (hereinafter referred to as interactive information) is randomly embedded during the browsing process; when the top of the interactive information 801 touches the starting base point interval 802 [y, y+n], the mini-game state is triggered, and the user can start the mini-game through the interactive information.

[0193] Users can directly perform game interaction operations (i.e., the aforementioned interactive operations) within the image display area 803 of the interactive information (i.e., the interactive area mentioned above). When users perform operations outside the image display area 803, they will not be effective within the mini-game. When a user clicks on other information stream content outside the image display area 803, they will be redirected to the details page of the clicked information stream content according to normal logic, and the current mini-game interaction will end.

[0194] (1) Start and End Mechanism

[0195] When the interactive information slides into the starting base point interval [y, y+n] set in the information flow display interface, the mini-game start mechanism is triggered. The information flow display interface monitors the position of the interactive information and communicates with the H5 mini-game. When the interactive information slides into the starting base point interval, it notifies the H5 mini-game to start the game without requiring the user to manually click or jump to another interface.

[0196] See Figure 8 , Figure 8 This is a schematic diagram of an application scenario provided by an embodiment of the present invention. Figure 8 In this system, users can scroll through the information feed at any time, regardless of whether they are interacting with the mini-game (i.e., whether they are playing the mini-game or not). When the top 901 of the interactive information scrolls to the end point interval 903 [z, z+n], the H5 mini-game is notified to pause. The H5 mini-game will not respond to any requests to continue playing and will record the user's last game data (i.e., the progress data mentioned above), such as game score, current location, and game level. When the top 901 of the interactive information scrolls to the start point interval 902 [y, y+n], the information feed display interface notifies the H5 mini-game to resume playing, achieving the effect of "play and leave instantly".

[0197] (2) Preloading method

[0198] See Figure 9 , Figure 9 This is a flowchart illustrating the interactive processing method for information flow provided in an embodiment of the present invention. Figure 9 In the application's backend, the location of interactive information can be set (e.g., which screen or which item to display). When a user is covered and interactive information needs to be displayed to them, and the user opens their browser to load the information stream, the content of the H5 mini-game is preloaded.

[0199] In other words, the content of the H5 mini-game is loaded at the same time as the information feed content; when the user slides the interactive information to the information feed display interface, the front end can immediately display the content of the H5 mini-game, thus achieving the technical effect of starting the game instantly.

[0200] (3) Open H5 link within interactive information

[0201] In related technologies, the information contained is pre-downloaded images, text, or video content, not new webpage content. This invention inserts webpage links into the information stream and integrates these links with the information stream framework. The specific implementation process includes two schemes:

[0202] Option 1: See Figure 10A , Figure 10A This is a schematic diagram of the principle provided in the embodiment of the present invention. Figure 10AIn this process, the interactive information display area 111 (i.e., the interactive area mentioned above) is cut out (i.e., the interactive information display area 111 is set to transparent), and the web page content is displayed through the cut-out area. This is equivalent to creating a new interface layer below the information flow to load the web page link and display the web page content.

[0203] In some embodiments, the browser opens two windows simultaneously. The upper window displays the browser's information stream content, and the lower window displays the content of the H5 mini-game. The upper window overlaps the lower window. The information stream of the upper window contains interactive information, and the display area 111 for the interactive information does not display the content of this layer window, but displays the content of the lower window.

[0204] Option 2: See Figure 10B , Figure 10B This is a schematic diagram of the principle provided in the embodiment of the present invention. Figure 10B In this process, the elements of the H5 mini-game (i.e., the interactive materials mentioned above) are marked and reorganized according to the size of the interactive information display area 111. In this way, all elements of the H5 mini-game can be displayed within the interactive information display area 111.

[0205] There are two ways to display all elements of the H5 mini-game within the interactive information display area 111:

[0206] ① Proportionally reduce multiple elements of the H5 mini-game to the interactive information display area 111, and fill the other empty parts of the interactive information display area 111 with ordinary color blocks.

[0207] ② The development side defines the stretchable content within the interactive information display area 111, such as the bottom background or the top operation bar. The stretchable content within the interactive information display area 111 can horizontally fill the interactive information display area 111 according to its size; while non-stretchable content such as text, icons, or buttons will be matched to their respective positions within the interactive information display area 111 after the stretchable content has filled the interactive information display area 111.

[0208] (4) Communication between information flow and mini-games

[0209] See Figure 11 , Figure 11 This is a flowchart illustrating the interactive processing method for information flow provided in an embodiment of the present invention. Figure 11In the process, the information flow conveys the user's current information flow operation and swiping position to the H5 mini-game, as well as instructions on whether to start or end the game. The H5 mini-game returns the game data to the front end and caches it in the browser's local cache. When the user closes the browser or clears the browser cache, the game data will be cleared, so when the user swipes to the interactive information again, a new round of the game will start.

[0210] Taking the interactive area displaying live information as an example, the interactive information carries a live streaming room that is currently broadcasting. When the top of the interactive information touches the starting base point interval [y, y+n], the search box (i.e. the search area mentioned above) displays the topic of the current live streaming room. When the user stops scrolling, the live streaming content is played, and the user can watch the live stream directly. When the user continues to scroll, the live streaming content is not played.

[0211] The following description continues to illustrate the 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 3 As shown, the software modules in the interactive processing device 455 storing the information stream in the memory 450 may include:

[0212] Information flow framework layer 4551 is used to display information flow in the information flow area;

[0213] The information flow framework layer 4551 is also used to insert at least one interactive area between the information in the information flow, and to display at least one interactive material in the interactive area;

[0214] The information flow framework layer 4551 is also used to update the information in the information flow and the position of the interactive area in the information flow display interface in response to a movement operation on the information flow, and to notify the interaction layer 4552 when the position of the interactive area reaches a set position so as to display the interaction process in the interactive area; wherein, the interaction process is the process in which the at least one interactive material changes with the interaction operation.

[0215] In some embodiments, the information flow framework layer 4551 is further configured to load a transparent area between the information in the information flow area to avoid the interactive area, so that at least one interactive area loaded by the interactive layer 4552 is displayed through the transparent area.

[0216] In some embodiments, the information flow framework layer 4551 is further configured to update the position of information in the information flow according to the direction and magnitude of the movement operation, and notify the interaction layer 4552 of the direction and magnitude of the movement operation, so that the interaction layer 4552 synchronously updates the position of the interaction area according to the direction and magnitude of the movement operation, so that the interaction area is continuously displayed through the transparent area.

[0217] In some embodiments, the interaction layer 4552 is further configured to receive an interaction operation for the interaction area sent by the information flow framework layer 4551, and respond to the interaction operation to generate interaction response data; and display the interaction process in the interaction area according to the interaction response data.

[0218] In some embodiments, the information flow framework layer 4551 is further configured to load an interactive area between the information in the information flow area; the interactive layer 4552 is further configured to send at least one interactive material corresponding to the interactive area to the information flow framework layer 4551, so that the information flow framework layer 4551 fills the at least one interactive material into the interactive area for adaptive display.

[0219] In some embodiments, the information flow framework layer 4551 is further configured to update the position of information in the information flow according to the direction and magnitude of the movement operation, and synchronously update the position of the interactive area.

[0220] In some embodiments, the information flow framework layer 4551 is further configured to send interactive operations for the interactive area to the interactive layer 4552, receive interactive response data determined by the interactive layer 4552 based on the interactive operations, and display the interactive process in the interactive area based on the interactive response data.

[0221] In some embodiments, the information flow framework layer 4551 is further configured to clear the progress data corresponding to the interaction process in response to an end operation for the application; and to redisplay the interaction process in the interaction area when the application runs again and the position of the interaction area reaches the set position again.

[0222] In some embodiments, the information flow framework layer 4551 is further configured to notify the interaction layer 4552 of the interaction trigger operation when the information flow framework layer 4551 receives an interaction trigger operation for the interaction area, so as to display the interaction process in the interaction area.

[0223] In some embodiments, the interactive processing device for the information flow further includes a search layer 4553, which is configured to notify the search layer 4553 when the position of the interactive area reaches a set position, so that the search layer 4553 displays interactive material corresponding to the interactive area in the loaded search area.

[0224] In some embodiments, the information flow framework layer 4551 is further configured to pause the display of the interaction process in the interaction area and record the progress data corresponding to the interaction process when the position of the interaction area leaves the set position; and to resume the display of the progress of the interaction process in the interaction area according to the progress data when the position of the interaction area returns to the set position.

[0225] 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 5 or Figure 6 The method shown.

[0226] 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.

[0227] 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.

[0228] 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).

[0229] 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.

[0230] In summary, the embodiments of the present invention have the following beneficial effects:

[0231] (1) The interactive area loaded in the interactive layer is displayed through the transparent area in the information flow framework layer. There is no need to divide the interactive materials in the interactive area before displaying them in the interactive area, which can greatly ensure the integrity of the content presented in the interactive area.

[0232] (2) The information flow framework layer fills the interactive materials sent by the interaction layer into the interactive area it forms for adaptation and display, which enables the interactive materials to be organically combined with the information flow framework layer, improving the visual continuity for users when browsing the information flow.

[0233] (3) The information flow framework layer and the interaction layer control the position of information and interaction area in the information flow according to the mobile operation. This ensures that the interaction area loaded by the interaction layer can always be displayed through the transparent area in the information flow framework layer during the user's browsing of the information flow. This prevents the interaction area from failing to display due to the movement speed of the transparent area, thereby improving the visual continuity of the user's browsing of the information flow.

[0234] (4) The information flow framework layer can directly update the position of information and interaction area in the information flow based on the mobile operation, which improves the speed of updating the position of information and interaction area in the information flow, thereby making the user's operation and the movement of the information flow highly consistent.

[0235] (5) When the location of the interactive area has not reached the set location, the interactive process can still be displayed in the interactive area according to the user's trigger operation, which improves the diversity of interactive process triggers and avoids the problem that the application cannot recognize the location of the interactive area in time, thus improving the user's interactive experience.

[0236] (6) The interaction layer displays the interaction process in the interaction area based on the interaction response data, and displays the interaction process in real time through the transparent area of ​​the information framework layer, which reduces the number of times the interaction area response data is transmitted, thereby improving the interaction efficiency.

[0237] (7) The information framework layer can directly display the interactive process in the interactive area based on the interactive response data, which improves the response speed of the interactive area during the interactive process, thus making the user's interactive operation and the displayed interactive process highly consistent.

[0238] (8) The search layer displays interactive materials corresponding to the interactive area in the loaded search area, which can not only guide users to perform interactive operations when they browse the information flow and improve the monetization rate of information in the information flow, but also provide prompts to users during the interactive operation process, thereby improving the user's interactive experience.

[0239] (9) Recording the progress data corresponding to the last time the user swipes away enables the user to continue the interaction process when swipe back to the interactive area, based on the progress data corresponding to the last time the user swipes away, thereby ensuring that the user can continue to interact and improving the user's interactive experience.

[0240] (10) When the user closes the application, the progress data of the corresponding interaction process is automatically cleared, so that the user can start a new round of interaction experience after re-entering the application, thereby meeting the diverse experience needs of the user.

[0241] 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, an interaction layer, and a search layer; The method includes: The information flow framework layer displays the information flow in the information flow area; The information flow framework layer loads a transparent area between the information in the information flow area to avoid the interactive area, so that at least one interactive area loaded by the interactive layer is displayed through the transparent area, and at least one interactive material is displayed in the interactive area; wherein, when the information flow is loaded, the interactive material corresponding to the interactive area is preloaded; The information flow framework layer responds to a movement operation on the information flow by updating the position of information in the information flow according to the direction and magnitude of the movement operation, and notifies the interaction layer to synchronously update the position of the interaction area according to the direction and magnitude of the movement operation, so that the interaction area continues to be displayed through the transparent area. When the interactive area reaches the set position, the interactive layer is notified to display the interactive process in the interactive area, and the search layer is notified to display the interactive material corresponding to the interactive area in the loaded search area; The interactive process is the process in which at least one interactive material changes in response to the interactive operation; When the position of the interactive area moves away from the set position, the interactive process is paused in the interactive area, and the progress data of the corresponding interactive process is recorded. When the position of the interactive area reaches the set position again, the progress of the interactive process is restored and displayed in the interactive area according to the progress data.

2. The method according to claim 1, characterized in that, The display of the interactive process in the interactive area includes: The interaction layer receives interactive operations for the interactive area sent by the information flow framework layer, and responds to the interactive operations to generate interactive response data. The interaction layer displays the interaction process in the interaction area based on the interaction response data.

3. The method according to claim 1, characterized in that, The display of at least one interactive element in the interactive area includes: The interaction layer sends at least one interactive element corresponding to the interaction area to the information flow framework layer, so that... The information flow framework layer fills the interactive area with the at least one interactive material for adaptive display.

4. The method according to claim 3, characterized in that, The method further includes: The information flow framework layer updates the position of information in the information flow according to the direction and magnitude of the movement operation, and synchronously updates the position of the interactive area.

5. The method according to claim 3, characterized in that, The display of the interactive process in the interactive area includes: The information flow framework layer sends interactive operations for the interactive area to the interaction layer, receives interactive response data determined by the interaction layer based on the interactive operations, and... The interactive process is displayed in the interactive area based on the interactive response data.

6. The method according to any one of claims 1 to 5, characterized in that, The method further includes: In response to the termination operation for the application, the progress data corresponding to the interaction process is cleared; When the application runs again and the interactive area reaches the set position again, the interactive process is redisplayed in the interactive area.

7. The method according to any one of claims 1 to 5, characterized in that, The method further includes: When the information flow framework layer receives an interaction trigger operation for the interaction area... The interaction trigger operation is notified to the interaction layer so that the interaction process can be displayed in the interaction area.

8. An interactive processing method for information flow, characterized in that, The method includes: Display information stream; Specifically, a transparent area is loaded between information in the information flow area to avoid the interactive area, so that at least one of the interactive areas is displayed through the transparent area, and the interactive area includes at least one interactive material; wherein, when the information flow is loaded, the interactive material corresponding to the interactive area is preloaded; In response to a movement operation on the information stream, the position of the information in the information stream is updated according to the direction and magnitude of the movement operation, and the interaction layer is notified to synchronously update the position of the interaction area according to the direction and magnitude of the movement operation, so that the interaction area is continuously displayed through the transparent area; When the interactive area reaches the set position, the interactive process is displayed in the interactive area, and the corresponding interactive material is displayed in the search layer in the loaded search area; The interactive process is the process in which at least one interactive material changes in response to the interactive operation; When the position of the interactive area moves away from the set position, the interactive process is paused in the interactive area, and the progress data of the corresponding interactive process is recorded. When the position of the interactive area reaches the set position again, the progress of the interactive process is restored and displayed in the interactive area according to the progress data.

9. The method according to claim 8, characterized in that, The method further includes: In response to an end action on the application, the display of the interactive process in the interactive area is stopped; When the application runs again and the interactive area reaches the set position again, the interactive process is redisplayed in the interactive area.

10. The method according to claim 8, characterized in that, The method further includes: In response to an interactive trigger operation targeting the interactive area, the interactive process is displayed in the interactive area.

11. An interactive processing device for information flow, characterized in that, The device includes: Information flow framework layer, used to display information flow in the information flow area; The information flow framework layer is further configured to load a transparent area between the information in the information flow area to avoid the interactive area, so that at least one interactive area loaded by the interactive layer is displayed through the transparent area, and at least one interactive material is displayed in the interactive area; wherein, when the information flow is loaded, the interactive material corresponding to the interactive area is preloaded. The information flow framework layer is further configured to respond to a movement operation on the information flow, update the position of information in the information flow according to the direction and magnitude of the movement operation, and notify the interaction layer to synchronously update the position of the interaction area according to the direction and magnitude of the movement operation, so that the interaction area continues to be displayed through the transparent area. When the interactive area reaches the set position, the interactive layer is notified to display the interactive process in the interactive area, and the search layer is notified to display the interactive material corresponding to the interactive area in the loaded search area; The interactive process is the process in which at least one interactive material changes in response to the interactive operation; The information flow framework layer is also used to pause the display of the interaction process in the interaction area and record the progress data of the corresponding interaction process when the position of the interaction area leaves the set position; and to resume the display of the progress of the interaction process in the interaction area according to the progress data when the position of the interaction area returns to the set position.

12. 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 7, or the interactive processing method of the information flow according to any one of claims 8 to 10.

13. A computer-readable storage medium, characterized in that, It 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 7, or the interactive processing method of the information flow as described in any one of claims 8 to 10.

Images