WO2023169483A1 - 信息流的显示方法、装置、设备、存储介质及程序 - Google Patents

信息流的显示方法、装置、设备、存储介质及程序 Download PDF

Info

Publication number
WO2023169483A1
WO2023169483A1 PCT/CN2023/080361 CN2023080361W WO2023169483A1 WO 2023169483 A1 WO2023169483 A1 WO 2023169483A1 CN 2023080361 W CN2023080361 W CN 2023080361W WO 2023169483 A1 WO2023169483 A1 WO 2023169483A1
Authority
WO
WIPO (PCT)
Prior art keywords
information flow
interactive
interface
content
client
Prior art date
Application number
PCT/CN2023/080361
Other languages
English (en)
French (fr)
Inventor
王传平
祝荣荣
李泽宇
祁煌
侯凯
李欣
王晓田
崔腾泰
张吉鑫
顾佳峰
简敬彤
彭聪
Original Assignee
北京字跳网络技术有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 北京字跳网络技术有限公司 filed Critical 北京字跳网络技术有限公司
Publication of WO2023169483A1 publication Critical patent/WO2023169483A1/zh

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering

Definitions

  • Embodiments of the present disclosure relate to the field of human-computer interaction technology, and in particular, to an information flow display method, device, equipment, storage medium, program product, and program.
  • Information flow is a data form that continuously provides content to users.
  • the information flow includes multiple information flow elements, such as a set of videos, a set of graphic and text information, etc.
  • multiple information flow elements included in the information flow are of the same type, for example, they are all of video type.
  • the video content corresponding to each information flow element is sequentially displayed through the player container according to the sliding operation input by the user.
  • Embodiments of the present disclosure provide an information flow display method, device, equipment, storage medium, program product, and program to improve the interactivity of the user browsing information flow process.
  • inventions of the present disclosure provide a method for displaying information flow, which is applied to a terminal device.
  • the terminal device includes an information flow client, a player container, and a network view container.
  • the method includes:
  • the video content corresponding to the first information flow element in the information flow is displayed in the information flow interface through the player container, and the type of the first information flow element is a video type;
  • the interactive material of the interactive content recommended by the second information flow element is loaded into the network view container through the information flow client;
  • the interactive process of displaying the interactive content in the information flow interface through the network view container presents the process of the interactive material changing with the interactive operation input by the user.
  • the interactive process is used to Indicate the interactive process of using the interactive content.
  • embodiments of the present disclosure provide an information flow display device, including: an information flow client, a player container, and a network view container; wherein,
  • the player container is used to display the video content corresponding to the first information flow element in the information flow in the information flow interface, and the type of the first information flow element is a video type;
  • the information flow client is configured to determine a second information flow element to be displayed in the information flow in response to detecting a preset sliding operation input by the user in the information flow interface;
  • the information flow client is also configured to, if the type of the second information flow element is an interactive type, load the interactive material of the interactive content recommended by the second information flow element into the network view container;
  • the network view container is used to display the interactive process of the interactive content in the information flow interface.
  • the interactive process presents the process in which the interactive material changes with the interactive operation input by the user.
  • the interactive process Used to indicate the interactive process of using the interactive content.
  • embodiments of the present disclosure provide an electronic device, including: a processor and a memory;
  • the memory stores computer execution instructions
  • the processor executes the computer execution instructions to implement the method as described in the first aspect.
  • embodiments of the present disclosure provide a computer-readable storage medium.
  • Computer-executable instructions are stored in the computer-readable storage medium.
  • a processor executes the computer-executable instructions, the method described in the first aspect is implemented. method.
  • embodiments of the present disclosure provide a computer program product, including a computer program that implements the method described in the first aspect when executed by a processor.
  • embodiments of the present disclosure provide a computer program, which when executed by a processor implements the method described in the first aspect.
  • Embodiments of the present disclosure provide an information flow display method, device, equipment, storage medium and program.
  • the method includes: presenting an information flow interface; displaying the first item in the information flow in the information flow interface through a player container.
  • the video content corresponding to the information flow element, the type of the first information flow element is a video type; in response to detecting the preset sliding operation input by the user in the information flow interface, the information flow client determines the content to be displayed in the information flow
  • the second information flow element if the type of the second information flow element is the interactive type, the interactive materials of the interactive content recommended by the second information flow element are loaded into the network view container through the information flow client; through the network view container
  • the interactive process of interactive content is displayed in the information flow interface.
  • the interactive process presents the process in which the interactive material changes with the interactive operation input by the user.
  • the interactive process is used to indicate the interactive process of using the interactive content.
  • Figure 1 is a schematic diagram of an information flow display scenario provided by an embodiment of the present disclosure
  • Figure 2 is a schematic interface diagram of related technologies recommending applications in information flow
  • Figure 3 is a schematic flowchart of an information flow display method provided by an embodiment of the present disclosure.
  • Figure 4 is a schematic diagram of an information flow interface provided by an embodiment of the present disclosure.
  • Figure 5 is a schematic diagram of another information flow interface provided by an embodiment of the present disclosure.
  • Figure 6 is a schematic diagram of another information flow display scenario provided by an embodiment of the present disclosure.
  • Figure 7 is a schematic flowchart of another information flow display method provided by an embodiment of the present disclosure.
  • Figure 8 is a schematic diagram of another information flow interface provided by an embodiment of the present disclosure.
  • Figure 9 is a schematic diagram of another information flow interface provided by an embodiment of the present disclosure.
  • Figure 10 is a schematic diagram of the monitoring process of a network view container provided by an embodiment of the present disclosure.
  • Figure 11 is a schematic diagram of the pre-rendering process of interactive materials provided by an embodiment of the present disclosure.
  • Figure 12 is a schematic diagram of an information flow display process provided by an embodiment of the present disclosure.
  • Figure 13 is a schematic structural diagram of an information flow display device provided by an embodiment of the present disclosure.
  • FIG. 14 is a schematic structural diagram of an electronic device provided by an embodiment of the present disclosure.
  • the terminal device can be any electronic device with information flow display function, including but not limited to: mobile phones, laptops, tablets, smart vehicle equipment, smart wearable devices, smart screens, etc.
  • Information flow also called feed flow, is a form of data that continuously provides content to users.
  • the information flow includes a set of information/content, such as a set of videos, a set of graphic and text information, etc.
  • Information flow element refers to every information/content in the information flow. For example, take the video information flow as an example. Each video in it is an information flow element.
  • the information flow interface refers to the interface used to display information flow in the terminal device.
  • the WebView container also known as the web page container, is an embedded browser.
  • the network view container is used to host the materials contained in the page, and can also be used to display the materials contained in the page so that the terminal device can render the page.
  • the terminal device is installed with an information flow push application.
  • the feed client, player container, and network view container can respectively correspond to different modules/processes of the feed push application.
  • the information flow client corresponds to the module used to implement client functions in the information flow push application. For example, the information flow client can control the display order and timing of each information flow element based on the sliding operation input by the user.
  • the player container is used to host and display video type information flow elements.
  • a network view container is a browser embedded in a feed push application, used to host and display interactive feed elements.
  • the network view container can host and display H5 pages.
  • the information flow client is usually a program developed to match the operating system of the terminal device.
  • the information flow client on the terminal device of the Android system is usually different from the information flow client of the terminal device of the iOS system.
  • the information flow client can be called a native application client.
  • the network view container is compatible with different operating systems and may also be called a cross-end container. In this way, terminal devices with different operating systems can share a set of page materials.
  • FIG. 1 is a schematic diagram of an information flow display scenario provided by an embodiment of the present disclosure.
  • interface 101 and interface 102 are both information flow interfaces.
  • the interface 101 displays video A in the information stream.
  • a preset sliding operation such as a sliding up operation
  • the terminal device displays video B in the information flow interface, as shown in interface 102. It should be understood that only a certain image frame in the video is illustrated in the interface 101 and the interface 102 .
  • multiple information flow elements included in the information flow are of the same type, for example, they are all of video type.
  • the video content corresponding to each information flow element is sequentially displayed through the player container according to the sliding operation input by the user.
  • users can only watch videos while browsing the information flow, and the interactivity is poor.
  • the terminal device provides certain interactive functions in the information flow.
  • the terminal device can recommend some content to the user in the information flow, such as recommended applications, recommended page games, etc.
  • Figure 2 is a schematic interface diagram of the related technology recommending applications in the information flow.
  • a recommended video of application A can be inserted into the information flow.
  • the recommended video is used to introduce relevant information of application A.
  • application A is a game program
  • the recommended video of application A may include one or more game screens.
  • the terminal device displays the recommended video of application A
  • the "view details" control can be displayed in the information flow interface, as shown in interface 201.
  • the terminal device jumps to display the details landing page corresponding to application A. More detailed information of application A and the download control of application A are displayed on the details landing page, as shown in interface 202.
  • Terminal devices include information flow clients, player containers, and network view containers.
  • the corresponding video content can be displayed in the information flow interface through the player container;
  • the to-be-recommended information flow elements can be displayed through the information flow client.
  • the interactive materials of the interactive content are loaded into the network view container, and the interaction process of the interactive content is displayed in the information flow interface through the network view container.
  • the interactive process presents a process in which the above-mentioned interactive materials change according to the interactive operation input by the user.
  • the interactive process is used to indicate the interactive process of using interactive content.
  • the interactive process of displaying interactive content in the information flow interface is actually the process of displaying the user's trial play/trial of the interactive content.
  • the user when the user browses the information flow, the user can interact with the information flow, which improves the interactivity of the information flow. Furthermore, when browsing the information flow, there is no need to jump to the landing page. Users can directly try out/try out the interactive content on the information flow interface, which improves the interactivity of the user's browsing process. Moreover, through the trial/try out, users can Deepen users' understanding of interactive content, thereby improving the recommendation effect of interactive content. In addition, for content recommenders, they only need to produce interactive materials that realize the above interactive process, reducing content production costs.
  • FIG. 3 is a schematic flowchart of an information flow display method provided by an embodiment of the present disclosure.
  • the method of this example can be executed by the terminal device.
  • Terminal devices include information flow clients, player containers, and network view containers.
  • the method in this embodiment includes:
  • S302 Use the player container to display the video content corresponding to the first information flow element in the information flow in the information flow interface, and the type of the first information flow element is a video type.
  • the information flow includes multiple information flow elements, and the multiple information flow elements are arranged in order. Users can browse the above multiple information flow elements in sequence.
  • the first information flow element is one of the plurality of information flow elements mentioned above.
  • the types of information flow elements can be divided into video types and interactive types. If the type of an information flow element is video type, it means that the information flow element is used to display a certain video to the user. If the type of an information flow element is interactive, it means that the information flow element is used to recommend certain content to users in an interactive way, such as recommending applications, web programs, etc.
  • the player container is used to host and display video type information flow elements. That is to say, if the information flow element currently browsed by the user is of video type, the corresponding video content will be displayed in the information flow interface through the player container.
  • S303 In response to detecting the preset sliding operation input by the user in the information flow interface, determine the second information flow element to be displayed in the information flow through the information flow client.
  • the preset sliding operation when the user inputs a preset sliding operation in the information flow interface, it means that the user wants to switch the information flow element currently displayed in the information flow interface to browse other information flow elements.
  • This embodiment does not specifically limit the type of preset sliding operation.
  • the preset sliding operation may be, but is not limited to, one of the following: sliding up, sliding down, left sliding, right sliding, etc.
  • the current information flow element refers to the information flow element currently displayed in the information flow interface. For example, assume that the information flow includes: video A, video B, video C, .... Video B is currently displayed in the information flow interface.
  • the upward sliding operation input by the user in the information flow interface it means that the second information flow element to be displayed is video C.
  • the slide operation it means that the second information flow element to be displayed is video A.
  • S304 If the type of the second information flow element is an interactive type, load the interactive material of the interactive content recommended by the second information flow element into the network view container through the information flow client.
  • S305 Display the interactive process of the interactive content in the information flow interface through the network view container.
  • the interactive process presents the process in which the interactive material changes with the interactive operation input by the user.
  • the interactive process Used to indicate the interactive process of using the interactive content.
  • the type of the second information flow element may also be determined.
  • the type of the second information flow element may be interactive type or video type.
  • the type of the target information flow element is a video type
  • the video content corresponding to the target information flow element is displayed in the information flow interface through the player container.
  • FIG. 4 is a schematic diagram of an information flow interface provided by an embodiment of the present disclosure.
  • the information flow interface is displaying a video.
  • the information flow interface includes: content page layer, and An interface component layer overlaid on the content page layer.
  • the content page layer is used to display video images.
  • the content page layer is the page layer corresponding to the player container.
  • the interface component layer includes at least one interface component.
  • the interface component layer is a layer with a transparent background. Overlaying the interface component layer on the content page layer will not block the video screen. Understand that in the example shown in Figure 4, the page content presented by the content page layer is carried and displayed through the player container.
  • the content recommended by the second information flow element is called interactive content.
  • the interactive content can be an application (Application, APP) or a network program (Web program).
  • Network programs can also be called web programs, which refer to programs that can be embedded in network pages, such as web games.
  • the interactive material of the interactive content is loaded into the network view container through the information flow client.
  • the information flow client sends the interactive material of the interactive content to the network view container.
  • interactive materials refer to various visual objects that participate in human-computer interaction operations during the interaction process.
  • Interactive materials can usually change their position and/or display effect according to human-computer interaction operations.
  • This embodiment does not limit the type of interactive material, which can be graphic information, animation, video, audio, etc.
  • the number of interactive materials for interactive content can be multiple.
  • the interactive operations input by the user include but are not limited to: click operations, sliding operations, drag operations, pressing operations, etc.
  • the user can click, slide, drag, press, etc. on the interactive materials, triggering the interactive materials to change according to the interactive operations input by the user, thereby forming the above-mentioned interaction. process.
  • the interactive materials displayed in the information flow interface correspond to the page content that users see when they actually use the interactive content.
  • the interactive operations input by the user for the interactive material correspond to the operations the user needs to input when actually using the interactive content. It can be seen that the above interactive process reflects the user's trial play/trial process of the interactive content, or in other words, the above interactive process reflects the interactive process of using the interactive content.
  • the information flow client is used to add an interactive page layer between the content page layer and the interface component layer of the information flow interface, and the interactive page layer and the content page layer have the same size.
  • the interactive process is displayed in the interactive page layer through a network view container.
  • FIG. 5 is a schematic diagram of another information flow interface provided by an embodiment of the present disclosure.
  • Figure 5 illustrates the interface composition of the information flow interface when displaying the interactive process.
  • the information flow interface includes: content page layer, interactive page layer, and interface component layer.
  • the interactive page layer is located above the content page layer
  • the interface component layer is located above the interactive page layer.
  • the interactive page layer is used to display the interactive process of interactive content.
  • the interactive page layer is a non-transparent layer, and the size of the interactive page layer is the same as the size of the content page layer, so that the interactive page layer completely blocks the content page layer.
  • the video picture is displayed on the content page layer through the player container.
  • the type of the second information flow element to be displayed is an interactive type
  • an interactive page layer is added between the content page layer and the interface component layer, and the interactive process of the interactive content is displayed through the interactive page layer.
  • the video and interactive content are hosted in different page layers, and they are independent of each other and will not affect each other. For example, in some scenarios, different operable areas can be set for the interactive page layer and the content page layer to meet different interaction needs.
  • the interactive page layer is a page layer based on Hypertext Markup Language Revision 5 (HTML5, H5), that is, the interactive process that the user sees in the information flow interface is carried and displayed through the network view container.
  • HTML5, H5 Hypertext Markup Language Revision 5
  • H5 page. H5 pages have cross-terminal features and can be adapted to terminal devices of different systems, with low development costs.
  • the player container and the network view container are deployed in the terminal device, so that when the user browses the information flow element, when the user browses to the video type information flow element, the player container displays the information flow interface on the information flow interface.
  • the corresponding video content is displayed in the video content.
  • the corresponding interaction process is displayed in the information flow interface through the network view container. It enables users to interact directly in the information flow and improves the interactivity of the information flow.
  • the interactive materials of the interactive content may include: M interaction trigger materials and interaction result materials corresponding to each interaction trigger material. M is an integer greater than or equal to 1. In this way, the interactive process of interactive content can be displayed as follows:
  • the Mth interaction triggering material is displayed in the interactive page layer through the network view container; in response to detecting the interactive operation input by the user for the Mth interaction triggering material, the Mth interaction triggering material is displayed in the interactive page layer through the network view container.
  • the interaction result material corresponding to the Mth interactive material is displayed in .
  • Figure 6 is a schematic diagram of another information flow display scenario provided by an embodiment of the present disclosure.
  • the information flow interface is currently displaying a certain video in the information flow, as shown in interface 601.
  • the terminal device determines the next information flow element of the video in the information flow as the second information flow element.
  • the terminal device displays the interaction process as shown in interfaces 602 to 607 in the information flow interface.
  • the interactive materials of game X include three interactive trigger materials and the interaction result materials corresponding to each interactive trigger material.
  • the first interaction trigger material is displayed in the interactive page layer through the network view container. For example, taking the "select a hero" scene in Game Assume that the user enters a click action on card 6. After the terminal device detects the click operation input by the user on card 6, the interaction result material corresponding to the first interaction trigger material is displayed in the interactive page layer through the network view container, as shown in interface 603. For example, in the interactive result material, each card can be flipped to present the hero logo corresponding to each card, and to display the hero image corresponding to the card selected by the user.
  • interface 604 and interface 605, which illustrate the interaction process formed by the second interaction triggering material of game X and the interactive operation input by the user for the second interaction triggering material.
  • the container displays the second interaction trigger material in the interaction page layer. For example, taking the "Upgrade Hero" scene of Game X as an example, the interface 604 displays the image of the hero selected by the user and the "Upgrade Hero" control. After the terminal device detects the click operation input by the user on the "Upgrade Hero" control, the interaction result material corresponding to the second interaction trigger material is displayed in the interactive page layer through the network view container, as shown in interface 605. For example, in the interaction result material, the upgraded hero image can be presented.
  • the third interaction trigger material is displayed in the interactive page layer through the network view container. For example, taking the "Heroes Go to Battle" scene in Game After the terminal device detects the click operation input by the user on the "Heroes Go to Battle” control, the interaction result material corresponding to the third interaction trigger material is displayed in the interactive page layer through the network view container, as shown in interface 607. For example, in the interactive result material, the scene of the upgraded hero fighting can be presented.
  • interface 602, interface 604, and interface 606 in Figure 6 exemplify a certain image frame of the interaction trigger material
  • interface 603, interface 605, and interface 607 exemplify a certain image frame of the interaction result material.
  • the switching prompt component can also be displayed in the interface component layer through the information flow client (for example, in the above-mentioned interface 602 to interface 607
  • the "Swipe up to continue watching video” component is used to prompt users to enter a preset sliding operation at any time during the interaction process to switch to display other information flow elements. In this way, when the user is not interested in the interactive process of Game
  • the transition between the i-th interaction trigger material and the i+1th interaction trigger material can also be displayed in the information flow interface. field material.
  • the transition material is used to connect the interaction result material corresponding to the i-th interaction trigger material and the i+1-th interaction trigger material, so that the pictures and content of the entire interaction process have better connectivity.
  • the information flow display method provided in this embodiment is applied to a terminal device.
  • the terminal device includes an information flow client, a player container, and a network view container.
  • the method includes: presenting an information flow interface, and displaying video content corresponding to a first information flow element in the information flow in the information flow interface through the player container, and the type of the first information flow element is video Type; in response to detecting the preset sliding operation input by the user in the information flow interface, determine the second information flow element to be displayed in the information flow through the information flow client; if the type of the second information flow element is the interactive type, Then the interactive material of the interactive content recommended by the second information flow element is loaded into the network view container through the information flow client; the interaction process of the interactive content is displayed in the information flow interface through the network view container, and the interaction process presents The process in which the interactive material changes according to the interactive operation input by the user, and the interactive process is used to indicate the interactive process of using the interactive content.
  • the user can interact with the information flow while browsing the information flow, thereby improving the interactivity of the information flow. Furthermore, in the process of browsing the information flow, there is no need to jump to the landing page. Users can directly try out/try out the interactive content in the information flow interface. Through the trial/try out, users can deepen their understanding of the interactive content, thereby improving the content. Recommended results.
  • FIG. 7 is a schematic flowchart of another information flow display method provided by an embodiment of the present disclosure. As shown in Figure 7, the method in this embodiment includes:
  • the network view container obtains the display progress of the interactive process of interactive content.
  • the network view container sends the display progress to the information flow client.
  • the network view container can obtain the display progress of the interactive process of interactive content in real time/periodically.
  • the current display duration of the interaction process can be used as the display progress.
  • the display progress can also be determined based on the interactive material currently being displayed. For example, if the interactive content includes a total of 6 interactive materials and the second interactive material is currently being displayed, the display progress is determined to be 1/3.
  • the network view container determines the display progress, it provides the display progress to the information flow client.
  • the information flow client executes S703 or S704 according to the displayed progress.
  • FIG. 8 is a schematic diagram of yet another information flow interface provided by an embodiment of the present disclosure.
  • a first download control 801 is displayed in the information flow interface.
  • the first download control 801 is displayed on the interface component layer. It should be understood that during the interactive process display after the interface 604, the first download control 801 is displayed in the interface component layer.
  • the terminal device obtains the download path of the interactive content and downloads the interactive content according to the download path.
  • the user can click the first download control at any time during the process of trying out the interactive content on the information flow interface to download the interactive content and improve the convenience of the user's download operation. sex.
  • the information flow client displays the first mask layer in the information flow interface, and the first mask layer is located between the interactive page layer and the interface component layer.
  • the first mask layer includes at least one of the following information: detailed information of the interactive content, a second download control used to trigger the download of the interactive content, a second download control used to trigger the re-display of the interactive content. Process re-interaction controls.
  • the mask layer can be understood as a layer whose transparency is less than or equal to the preset threshold.
  • the picture content behind the mask layer can be vaguely seen through the mask layer.
  • FIG. 9 is a schematic diagram of yet another information flow interface provided by an embodiment of the present disclosure.
  • the interactive page layer displays the last frame of the interactive process
  • the first mask layer can be displayed between the interactive page layer and the interface component layer.
  • detailed information 901 of the interactive content can be displayed in the first mask layer, for example, the name of the interactive content (for example, program (such as the best APP of the year), characteristic information of interactive content (such as a high-quality strategic card mobile game based on Western magical adventure), etc.
  • program such as the best APP of the year
  • characteristic information of interactive content such as a high-quality strategic card mobile game based on Western magical adventure
  • a second download control 902 for triggering the download of interactive content may also be displayed in the first mask layer.
  • the user can click on the second download control 902.
  • the terminal device obtains the download path of the interactive content and downloads the interactive content according to the download path.
  • a re-interaction control 903 for triggering re-display of the interaction process may also be displayed in the first mask layer.
  • the terminal device Upon detecting the user's click operation on the re-interaction control 903, the terminal device re-displays the interactive process of the interactive content in the information flow interface.
  • the running status of the network view container can be monitored through the information flow client to determine whether the page displayed by the network view status is stuck. , stuck and other phenomena.
  • Figure 10 is a schematic diagram of the monitoring process of a network view container provided by an embodiment of the present disclosure.
  • the information flow client can periodically send status monitoring requests to the network view container. After receiving the status monitoring requests, the network view container feeds back its own running status to the information flow client. If the running status received by the information flow client is an abnormal state, or the information flow client does not receive the running status within a preset time period, it is determined that the running status of the network view container is an abnormal state.
  • any one of the following can be performed:
  • the second masked layer includes At least one of the following information: detailed information of the interactive content, a second download control used to trigger downloading of the interactive content, and a re-interaction control used to trigger re-display of the interactive process. It should be understood that the display effect of the second mask layer is similar to that shown in Figure 9 and will not be described again here.
  • the above embodiment describes a process of displaying the interactive process of interactive content through a network view container.
  • the interactive materials of the interactive content can be pre-rendered through the information flow client, which can reduce the display delay of the interactive process and improve the interactive effect.
  • the following describes the pre-rendering process of interactive materials with reference to Figure 11.
  • Figure 11 is a schematic diagram of the pre-rendering process of interactive materials provided by an embodiment of the present disclosure. As shown in Figure 11, the method in this embodiment includes:
  • S1101 The server sends an information flow to the information flow client, and the information flow includes multiple information flow elements.
  • the server can actively push the information flow to the information flow client.
  • the server may send an information flow to the information flow client based on a recommendation request sent by the information flow client.
  • the information flow client obtains the resource address information of the second information flow element from the information flow, and the type of the second information flow element is the interactive type.
  • Some of the information flow elements in the information flow are of the video type, and another part of the information flow elements are of the interactive type.
  • the information flow client obtains the resource address information of the second information flow element from the information flow.
  • the resource address information is used to indicate the storage address of the resource data corresponding to the second information flow element on the server.
  • the resource data includes: data required for rendering interactive materials, data required for rendering the first download component, and rendering the first mask layer. /Data required for the second mask layer, etc.
  • the information flow client obtains the resource data corresponding to the second information flow element from the server according to the resource address information, and caches the resource data into the preset storage space.
  • the resource data corresponding to the second information flow element is preloaded locally. In this way, the display delay of the interactive process can be reduced and the interactive effect can be improved.
  • the information flow client determines the reference information flow element corresponding to the second information flow element in the information flow.
  • the reference information flow element is located before the second information flow element and is separated from the second information flow element by K information flow elements.
  • the K is an integer greater than or equal to 0.
  • the display time of the reference information flow element indicates the rendering time of the second information flow element.
  • the x-K-1th information flow element in the information flow can be determined as the reference information flow element.
  • the information flow client can obtain a preset pre-rendering strategy from the server, and determine the reference information flow element corresponding to the second information flow element in the information flow according to the pre-rendering strategy.
  • the pre-rendering strategy is used to indicate the pre-rendering timing of the second information flow element, for example, pre-rendering several information flow elements in advance.
  • these interactive materials can be cached.
  • the pre-rendered interactive material is obtained from the cache, the interactive material is loaded into the network view container, and the interactive content is displayed through the network view container.
  • FIG. 12 is a schematic diagram of an information flow display process provided by an embodiment of the present disclosure.
  • the information flow includes four information flow elements, namely information flow elements A, B, C, and D.
  • information flow element D is of interactive type, and other information flow elements are of video type.
  • the display process of information flow includes:
  • the terminal device After receiving the above five information flow elements from the server, the terminal device determines that the information flow element D is of interactive type, obtains the resource data corresponding to the information flow element D from the server (i.e., the resource preloading process), and stores it locally in the default storage space. Assuming that the pre-rendering policy indicates to pre-render one information flow element in advance, the terminal device determines to render the resource data corresponding to the information flow element D when it detects that the user browses the information flow element C.
  • the video corresponding to the information flow element A is displayed in the information flow interface through the information flow client.
  • the video corresponding to the information flow element B is displayed in the information flow interface through the information flow client.
  • the video corresponding to the information flow element C is displayed in the information flow interface through the information flow client, and the video screen is displayed in the content page layer.
  • the resource data corresponding to the information flow element D is obtained from the preset storage space through the information flow client, and the resource data is rendered to obtain interactive materials for the interactive content.
  • the display delay of the interactive process can be reduced and the user's trial/try of the interactive content can be improved. Play experience.
  • FIG. 13 is a schematic structural diagram of an information flow display device provided by an embodiment of the present disclosure.
  • the device may be in the form of software and/or hardware.
  • the information flow display device 1300 provided by this embodiment includes: an information flow client 1301, a network view container 1302, and a player container 1303; wherein,
  • the player container 1303 is used to display the video content corresponding to the first information flow element in the information flow in the information flow interface, and the type of the first information flow element is a video type;
  • the information flow client 1301 is configured to determine the second information flow element to be displayed in the information flow in response to detecting a preset sliding operation input by the user in the information flow interface;
  • the information flow client 1301 is also configured to load the interactive material of the interactive content recommended by the second information flow element into the network view container if the type of the second information flow element is an interactive type. ;
  • the network view container 1302 is used to display the interactive process of the interactive content in the information flow interface.
  • the interactive process presents the process in which the interactive material changes with the interactive operation input by the user.
  • the interactive process Process is used to indicate the interactive process of using the interactive content.
  • the information flow client 1301 is also configured to add an interactive page layer between the content page layer and the interface component layer of the information flow interface; wherein, the The content page layer is used to display video images of video type information flow elements, and the interactive page layer has the same size as the content page layer;
  • the network view container 1302 is specifically used to display the interactive process in the interactive page layer.
  • the interactive materials of the interactive content include: M interaction trigger materials and interaction result materials corresponding to each interaction trigger material, where M is an integer greater than or equal to 1; the network View container 1302 is specifically used for:
  • the i is taken as 1, 2,...,M in sequence.
  • the network view container 1302 is also used to obtain the display progress of the interactive process; the information flow client 1301 is also used to:
  • a first download control is displayed on the interface component layer, and the first download control is used to download the interactive content;
  • a first masked layer is displayed in the information flow interface, and the first masked layer is located between the interactive page layer and the interface component layer.
  • the first mask layer includes at least one of the following information: detailed information of the interactive content, a second download control used to trigger the download of the interactive content, a second download control used to trigger the re-display of the interactive content. Process re-interaction controls.
  • the information flow client 1301 is also used for:
  • a second masked layer is displayed in the information flow interface.
  • the second masked layer is located between the interactive page layer and the interface component layer.
  • the second masked layer includes at least one of the following information: One: detailed information of the interactive content, a second download control used to trigger downloading of the interactive content, and a re-interaction control used to trigger the re-display of the interactive process; or,
  • the information flow client 1301 is also used for:
  • a reference information flow element corresponding to the second information flow element is determined in the information flow.
  • the reference information flow element is located before the second information flow element and is separated from the second information flow element by K pieces of information.
  • Stream element, the K is an integer greater than or equal to 0;
  • the resource data corresponding to the second information flow element is obtained, and the resource data is rendered to obtain the interactive material of the interactive content.
  • the information flow client 1301 is also used for:
  • the resource address information obtain the resource data corresponding to the second information flow element from the server, and cache the resource data into a preset storage space;
  • the information flow client 1301 is specifically configured to obtain resource data corresponding to the second information flow element from the preset storage space, and perform rendering processing on the resource data to obtain interactive materials of the interactive content.
  • the interactive content is an application program or a network Web program.
  • the information flow display device provided by this embodiment can be used to execute the information flow display method provided by any of the above method embodiments. Its implementation principles and technical effects are similar and will not be described again here.
  • embodiments of the present disclosure also provide an electronic device.
  • the electronic device 1400 may be a terminal device or a server.
  • terminal devices may include but are not limited to mobile phones, laptops, digital broadcast receivers, personal digital assistants (Personal Digital Assistant, PDA for short), tablet computers (Portable Android Device, PAD for short), portable multimedia players (Portable Mobile terminals such as Media Player (PMP for short), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), and fixed terminals such as digital TVs, desktop computers, etc.
  • PDA Personal Digital Assistant
  • PDA Personal Digital Assistant
  • PAD Portable Android Device
  • portable multimedia players Portable Mobile terminals such as Media Player (PMP for short
  • vehicle-mounted terminals such as vehicle-mounted navigation terminals
  • fixed terminals such as digital TVs, desktop computers, etc.
  • the electronic device shown in FIG. 14 is only an example and should not impose any limitations on the functions and scope of use of the embodiments of the present disclosure.
  • the electronic device 1400 may include a processing device (such as a central processing unit, a graphics processor, etc.) 1401, which may process data according to a program stored in a read-only memory (Read Only Memory, ROM for short) 1402 or from a storage device. 1408 loads the program in the random access memory (Random Access Memory, RAM for short) 1403 to perform various appropriate actions and processing. In the RAM 1403, various programs and data required for the operation of the electronic device 1400 are also stored.
  • the processing device 1401, ROM 1402 and RAM 1403 are connected to each other via a bus 1404.
  • An input/output (I/O) interface 1405 is also connected to bus 1404.
  • the following devices may be connected to the I/O interface 1405: input devices 1406 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; including, for example, a liquid crystal display (Liquid Crystal Display).
  • An output device 1407 such as a Crystal Display (LCD for short), a speaker, a vibrator, etc.; a storage device 1408 including a tape, a hard disk, etc.; and a communication device 1409.
  • the communication device 1409 may allow the electronic device 1400 to communicate wirelessly or wiredly with other devices to exchange data.
  • FIG. 14 illustrates electronic device 1400 with various means, it should be understood that implementation or availability of all illustrated means is not required. More or fewer means may alternatively be implemented or provided.
  • embodiments of the present disclosure include a computer program product including a computer program carried on a computer-readable medium, the computer program containing program code for performing the method illustrated in the flowchart.
  • the computer program may be downloaded and installed from the network via communication device 1409, or from storage device 1408, or from ROM 1402.
  • the processing device 1401 When the computer program is executed by the processing device 1401, the above functions defined in the method of the embodiment of the present disclosure are performed.
  • the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the above two.
  • the computer-readable storage medium may be, for example, but is not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus or device, or any combination thereof.
  • Computer readable storage media may include, but are not limited to: an electrical connection having one or more wires, a portable computer disk, a hard drive, random access memory (RAM), read only memory (ROM), removable Erasable Programmable Read-Only Memory (EPROM or flash memory), fiber optics, portable compact disk read-only memory (Compact Disc Read-Only Memory, CD-ROM), optical storage devices, magnetic storage devices, or any of the above The right combination.
  • a computer-readable storage medium may be any tangible medium that contains or stores a program for use by or in connection with an instruction execution system, apparatus, or device.
  • a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code therein. Such propagated data signals may take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above.
  • a computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device .
  • Program code contained on a computer-readable medium can be transmitted using any appropriate medium, including but not limited to: wires, optical cables, radio frequency (Radio Frequency, RF), etc., or any suitable combination of the above.
  • the above-mentioned computer-readable medium may be included in the above-mentioned electronic device; it may also exist independently without being assembled into the electronic device.
  • the computer-readable medium carries one or more programs.
  • the electronic device When the one or more programs are executed by the electronic device, the electronic device performs the method shown in the above embodiment.
  • Computer program code for performing the operations of the present disclosure may be written in one or more programming languages, including object-oriented programming languages such as Java, Smalltalk, C++, and conventional Procedural programming language—such as "C" or a similar programming language.
  • the program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server.
  • the remote computers can be connected through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN). to the user's computer, or may be connected to an external computer (such as via an Internet connection using an Internet service provider).
  • LAN Local Area Network
  • WAN Wide Area Network
  • each block in the flowchart or block diagram may represent a module, segment, or portion of code that contains one or more logic functions that implement the specified executable instructions.
  • the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown one after another may actually execute substantially in parallel, or they may sometimes execute in the reverse order, depending on the functionality involved.
  • each block of the block diagram and/or flowchart illustration, and combinations of blocks in the block diagram and/or flowchart illustration can be implemented by special purpose hardware-based systems that perform the specified functions or operations. , or can be implemented using a combination of specialized hardware and computer instructions.
  • the units involved in the embodiments of the present disclosure can be implemented in software or hardware.
  • the name of the unit does not constitute a limitation on the unit itself under certain circumstances.
  • the first acquisition unit can also be described as "the unit that acquires at least two Internet Protocol addresses.”
  • exemplary types of hardware logic components include: field programmable gate array (Field Programmable Gate Array, FPGA), application specific integrated circuit (Application Specific Integrated Circuit, ASIC), application specific standard product (Application Specific Standard Product, ASSP), System On Chip (SOC), Complex Programmable Logic Device (CPLD), etc.
  • an information flow display method is provided, which is applied to a terminal device.
  • the terminal device includes: an information flow client, a player container, and a network view container.
  • the methods include:
  • the video content corresponding to the first information flow element in the information flow is displayed in the information flow interface through the player container, and the type of the first information flow element is a video type;
  • the interactive material of the interactive content recommended by the second information flow element is loaded into the network view container through the information flow client;
  • the interactive process of displaying the interactive content in the information flow interface through the network view container presents the process of the interactive material changing with the interactive operation input by the user.
  • the interactive process is used to Indicate the interactive process of using the interactive content.
  • the process before the interactive process of displaying the interactive content in the information flow interface through the network view container, the process further includes:
  • the information flow client adds an interactive page layer between the content page layer and the interface component layer of the information flow interface; wherein the content page layer is used to display videos of video type information flow elements. Picture, the size of the interactive page layer and the content page layer are the same;
  • the interactive process of displaying the interactive content in the information flow interface through the network view container includes:
  • the interactive process is displayed in the interactive page layer through the network view container.
  • the interactive materials of the interactive content include: M interaction trigger materials and interaction result materials corresponding to each interaction trigger material, where M is an integer greater than or equal to 1;
  • Displaying the interactive process in the interactive page layer through the network view container includes:
  • the i is taken as 1, 2,...,M in sequence.
  • it further includes:
  • the information flow client displays a first download control on the interface component layer, and the first download control is used to download the interactive content; or,
  • the information flow client displays a first masked layer in the information flow interface, and the first masked layer is located on the interactive page layer.
  • the first mask layer includes at least one of the following information: detailed information of the interactive content, a second download control used to trigger downloading of the interactive content, A re-interaction control that triggers the re-display of said interaction process.
  • it further includes:
  • a second masked layer is displayed in the information flow interface through the information flow client.
  • the second masked layer is located between the interactive page layer and the interface component layer.
  • the second masked layer Including at least one of the following information: detailed information of the interactive content, a second download control used to trigger the download of the interactive content, a re-interaction control used to trigger the re-display of the interactive process; or,
  • the information flow client controls the network view container to display the next interaction triggering material in the interactive page layer.
  • the method before loading the interactive materials of the interactive content recommended by the second information flow element into the default network view container through the information flow client, the method further includes:
  • the information flow client determines a reference information flow element corresponding to the second information flow element in the information flow.
  • the reference information flow element is located before the second information flow element and is connected to the second information flow element.
  • Information flow elements are spaced K information flow elements apart, where K is an integer greater than or equal to 0;
  • the resource data corresponding to the second information flow element is obtained through the information flow client, and the resource data is rendered to obtain Interactive materials for the interactive content.
  • it further includes:
  • the information flow client obtains the resource data corresponding to the second information flow element from the server according to the resource address information, and caches the resource data into a preset storage space;
  • Obtaining resource data corresponding to the second information flow element through the information flow client includes:
  • the resource data corresponding to the second information flow element is obtained from the preset storage space through the information flow client.
  • the interactive content is an application program or a network Web program.
  • an information flow display device including: an information flow client, a player container, and a network view container; wherein,
  • the player container is used to display the video content corresponding to the first information flow element in the information flow in the information flow interface, and the type of the first information flow element is a video type;
  • the information flow client is configured to determine a second information flow element to be displayed in the information flow in response to detecting a preset sliding operation input by the user in the information flow interface;
  • the information flow client is also configured to, if the type of the second information flow element is an interactive type, load the interactive material of the interactive content recommended by the second information flow element into the network view container;
  • the network view container is used to display the interactive process of the interactive content in the information flow interface.
  • the interactive process presents the process in which the interactive material changes with the interactive operation input by the user.
  • the interactive process Used to indicate the interactive process of using the interactive content.
  • the information flow client is further configured to add an interactive page layer between the content page layer and the interface component layer of the information flow interface; wherein, the content The page layer is used to display the video picture of the video type information flow element, and the size of the interactive page layer is the same as that of the content page layer;
  • the network view container is specifically used to display the interactive process in the interactive page layer.
  • the interactive materials of the interactive content include: M interaction trigger materials and interaction result materials corresponding to each interaction trigger material, where M is an integer greater than or equal to 1;
  • the network View containers are specifically used for:
  • the i is taken as 1, 2,...,M in sequence.
  • the network view container is also used to obtain the display progress of the interactive process;
  • the information flow client is also used to:
  • a first download control is displayed on the interface component layer, and the first download control is used to download the interactive content;
  • a first masked layer is displayed in the information flow interface, and the first masked layer is located between the interactive page layer and the interface component layer.
  • the first mask layer includes at least one of the following information: detailed information of the interactive content, a second download control used to trigger the download of the interactive content, a second download control used to trigger the re-display of the interactive content. Process re-interaction controls.
  • the information flow client is also used for:
  • a second masked layer is displayed in the information flow interface.
  • the second masked layer is located between the interactive page layer and the interface component layer.
  • the second masked layer includes at least one of the following information: One: detailed information of the interactive content, a second download control used to trigger downloading of the interactive content, and a re-interaction control used to trigger the re-display of the interactive process; or,
  • the information flow client is also used for:
  • a reference information flow element corresponding to the second information flow element is determined in the information flow.
  • the reference information flow element is located before the second information flow element and is separated from the second information flow element by K pieces of information.
  • Stream element, the K is an integer greater than or equal to 0;
  • the resource data corresponding to the second information flow element is obtained, and the resource data is rendered to obtain the interactive material of the interactive content.
  • the information flow client is also used for:
  • the resource address information obtain the resource data corresponding to the second information flow element from the server, and cache the resource data into a preset storage space;
  • the information flow client is specifically configured to obtain resource data corresponding to the second information flow element from the preset storage space, and perform rendering processing on the resource data to obtain interactive materials of the interactive content.
  • the interactive content is an application program or a network Web program.
  • an electronic device including: a processor and a memory;
  • the memory stores computer execution instructions
  • the processor executes the computer execution instructions to implement the information flow display method described in the first aspect and various possible designs of the first aspect.
  • a computer-readable storage medium is provided.
  • Computer-executable instructions are stored in the computer-readable storage medium.
  • a processor executes the computer-executed instructions, Implement the information flow display method described in the first aspect and various possible designs of the first aspect.
  • a computer program product including a computer program that, when executed by a processor, implements the above first aspect and various possible designs of the first aspect.
  • the information flow display method is provided, including a computer program that, when executed by a processor, implements the above first aspect and various possible designs of the first aspect.
  • a computer program which when executed by a processor implements the information flow described in the first aspect and various possible designs of the first aspect. display method.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本公开实施例提供一种信息流的显示方法、装置、设备、存储介质及程序，该方法应用于终端设备，呈现信息流界面，通过播放器容器在信息流界面中显示信息流中的第一信息流元素对应的视频内容，第一信息流元素的类型为视频类型；响应于检测到用户输入的预设滑动操作，通过信息流客户端在信息流中确定待显示的第二信息流元素，若第二信息流元素的类型为互动类型，则将第二信息流元素所推荐的互动内容的互动素材加载至网络视图容器中；通过网络视图容器在信息流界面中显示互动内容的互动过程，所述互动过程呈现的是互动素材随用户输入的互动操作而变化的过程，所述互动过程用于指示互动内容的使用交互过程。通过上述过程，提高了信息流的互动性。

Description

信息流的显示方法、装置、设备、存储介质及程序
相关申请交叉引用
本公开要求于2022年03月11日提交的、申请号为202210238738.6、名称为“信息流的显示方法、装置、设备、存储介质及程序”的中国专利申请的优先权，其全部内容通过引用并入本文。
技术领域
本公开实施例涉及人机交互技术领域，尤其涉及一种信息流的显示方法、装置、设备、存储介质、程序产品及程序。
背景技术
信息流(Feed流)是一种向用户持续提供内容的数据形式。信息流中包括多个信息流元素，例如：一组视频、一组图文资讯等。
通常，信息流中包括的多个信息流元素为同一类型，例如，均为视频类型。这样，终端设备在显示信息流时，根据用户输入的滑动操作，通过播放器容器依次显示各个信息流元素对应的视频内容。
然而，基于上述方式，用户在浏览信息流的过程中，仅能观看视频内容，互动性较差。
发明内容
本公开实施例提供一种信息流的显示方法、装置、设备、存储介质、程序产品及程序，以提高用户浏览信息流过程的互动性。
第一方面，本公开实施例提供一种信息流的显示方法，应用于终端设备，所述终端设备包括信息流客户端、播放器容器和网络视图容器，所述方法包括：
呈现信息流界面；
通过所述播放器容器在所述信息流界面中显示所述信息流中的第一信息流元素对应的视频内容，所述第一信息流元素的类型为视频类型；
响应于检测到用户在所述信息流界面中输入的预设滑动操作，通过所述信息流客户端在所述信息流中确定待显示的第二信息流元素；
若所述第二信息流元素的类型为互动类型，则通过所述信息流客户端将所述第二信息流元素所推荐的互动内容的互动素材加载至所述网络视图容器中；
通过所述网络视图容器在所述信息流界面中显示所述互动内容的互动过程，所述互动过程呈现的是所述互动素材随用户输入的互动操作而变化的过程，所述互动过程用于指示所述互动内容的使用交互过程。
第二方面，本公开实施例提供一种信息流的显示装置，包括：信息流客户端、播放器容器和网络视图容器；其中，
所述播放器容器，用于在所述信息流界面中显示所述信息流中的第一信息流元素对应的视频内容，所述第一信息流元素的类型为视频类型；
所述信息流客户端，用于响应于检测到用户在信息流界面中输入的预设滑动操作，在所述信息流中确定待显示的第二信息流元素；
所述信息流客户端，还用于若所述第二信息流元素的类型为互动类型，则将所述第二信息流元素所推荐的互动内容的互动素材加载至所述网络视图容器中；
所述网络视图容器，用于在所述信息流界面中显示所述互动内容的互动过程，所述互动过程呈现的是所述互动素材随用户输入的互动操作而变化的过程，所述互动过程用于指示所述互动内容的使用交互过程。
第三方面，本公开实施例提供一种电子设备，包括：处理器和存储器；
所述存储器存储计算机执行指令；
所述处理器执行所述计算机执行指令，以实现如第一方面所述的方法。
第四方面，本公开实施例提供一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，当处理器执行所述计算机执行指令时，实现如第一方面所述的方法。
第五方面，本公开实施例提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现如第一方面所述的方法。
第六方面，本公开实施例提供一种计算机程序，所述计算机程序被处理器执行时实现如第一方面所述的方法。
本公开实施例提供的信息流的显示方法、装置、设备、存储介质及程序，该方法包括：呈现信息流界面；通过播放器容器在所述信息流界面中显示所述信息流中的第一信息流元素对应的视频内容，所述第一信息流元素的类型为视频类型；响应于检测到用户在信息流界面中输入的预设滑动操作，通过信息流客户端在信息流中确定待显示的第二信息流元素；若第二信息流元素的类型为互动类型，则通过信息流客户端将第二信息流元素所推荐的互动内容的互动素材加载至网络视图容器中；通过网络视图容器在信息流界面中显示互动内容的互动过程，所述互动过程呈现的是所述互动素材随用户输入的互动操作而变化的过程，所述互动过程用于指示所述互动内容的使用交互过程。
附图说明
为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本公开实施例提供的一种信息流显示场景的示意图；
图2为相关技术在信息流中推荐应用程序的界面示意图；
图3为本公开实施例提供的一种信息流的显示方法的流程示意图；
图4为本公开实施例提供的一种信息流界面的示意图；
图5为本公开实施例提供的另一种信息流界面的示意图；
图6为本公开实施例提供的另一种信息流显示场景的示意图；
图7为本公开实施例提供的另一种信息流的显示方法的流程示意图；
图8为本公开实施例提供的又一种信息流界面的示意图；
图9为本公开实施例提供的又一种信息流界面的示意图；
图10为本公开实施例提供的网络视图容器的监测过程的示意图；
图11为本公开实施例提供的互动素材的预渲染过程的示意图；
图12为本公开实施例提供的一种信息流的显示过程的示意图；
图13为本公开实施例提供的一种信息流的显示装置的结构示意图；
图14为本公开实施例提供的一种电子设备的结构示意图。
具体实施方式
为使本公开实施例的目的、技术方案和优点更加清楚，下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。
本公开实施例提供的技术方案可应用于终端设备对信息流进行显示的场景。其中，终端设备可以为具有信息流显示功能的任意电子设备，包括但不限于：手机、笔记本电脑、平板电脑、智能车载设备、智能穿戴设备、智慧屏等。
为了便于理解，首先对本公开实施例中涉及的术语进行解释说明。
信息流，也称为Feed流，是一种向用户持续提供内容的数据形式。信息流中包括一组信息/内容，例如：一组视频、一组图文资讯等。
信息流元素，是指信息流中的每一个信息/内容。例如，以视频信息流为例，其中的每一个视频均为一个信息流元素。
信息流界面，是指终端设备中用于显示信息流的界面。
网络视图(WebView)容器，也可以称为网页容器，是一种嵌入式浏览器。网络视图容器用于承载页面所包含的素材，还可用于对页面所包含的素材进行显示，以使终端设备呈现该页面。
本公开实施例中，终端设备安装有信息流推送应用程序。信息流客户端、播放器容器和网络视图容器可以分别对应信息流推送应用程序的不同模块/进程。信息流客户端对应为信息流推送应用程序中，用于实现客户端功能的模块。例如，信息流客户端可以根据用户输入的滑动操作，控制各信息流元素的显示顺序和时机。播放器容器用于承载并显示视频类型的信息流元素。网络视图容器为嵌入到信息流推送应用程序中的浏览器，用于承载并显示互动类型的信息流元素。网络视图容器可以承载并显示H5页面。
实际应用中，信息流客户端通常是与终端设备的操作系统匹配开发的程序。例如，安卓(Android)系统的终端设备上的信息流客户端与iOS系统的终端设备上的信息流客户端通常不同。信息流客户端可以称为原生应用客户端。本公开实施例中，网络视图容器兼容不同操作系统，也可以称为跨端容器。这样，针对不同操作系统的终端设备，可以共用一套页面素材。
图1为本公开实施例提供的一种信息流显示场景的示意图。以信息流中包括一组视频(例如，视频A、视频B、视频C、……)为例进行举例说明。如图1所示，界面101 和界面102均为信息流界面。界面101显示的是信息流中的视频A。当用户想观看信息流中的下一个视频时，可以在界面101中输入预设滑动操作(例如上滑操作)。终端设备响应于该预设滑动操作，在信息流界面中显示视频B，如界面102所示。应理解的是，界面101和界面102中仅示例了视频中的某一个图像帧。
通常，信息流中包括的多个信息流元素为同一类型，例如，均为视频类型。这样，终端设备在显示信息流时，根据用户输入的滑动操作，通过播放器容器依次显示各个信息流元素对应的视频内容。然而，基于上述方式，用户在浏览信息流的过程中，仅能观看视频，互动性较差。
一些可能的实现方式中，终端设备在信息流中提供了一定的互动功能。例如，终端设备可以在信息流中向用户推荐一些内容，例如推荐应用程序、推荐页面小游戏等。图2为相关技术在信息流中推荐应用程序的界面示意图。如图2所示，以推荐应用程序A为例，可以在信息流中插入应用程序A的推荐视频，该推荐视频用于介绍应用程序A的相关信息。例如，假设应用程序A为游戏程序，则应用程序A的推荐视频可以包括一个或者多个游戏画面。用户在浏览信息流的过程中，当终端设备显示到应用程序A的推荐视频时，可以在信息流界面中显示“查看详情”控件，如界面201所示。当用户点击该控件后，终端设备跳转显示应用程序A对应的详情落地页，在详情落地页中展示应用程序A的更多详细信息以及应用程序A的下载控件，如界面202所示。
上述相关技术中，用户对信息流元素推荐的应用程序感兴趣时，可以在信息流界面中点击“查看详情”控件，以使终端设备跳转到详情落地页。用户可以根据详情落地页中展示的详细信息，确定是否下载应用程序A。然而，实际应用中发现，用户在浏览信息流的过程中，点击“查看详情”控件的概率较低，导致应用程序的推荐效果不佳。另外，针对内容推荐方而言，既需要制作应用程序A的推荐视频，还需要制作应用程序A的详情落地页，并且，还需要考虑二者内容的关联性，使得内容制作成本较高。
为了解决上述技术问题，本公开提供一种信息流的显示方法、装置、设备、存储介质及程序。终端设备包括信息流客户端、播放器容器和网络视图容器。在用户浏览信息流的过程中，针对视频类型的信息流元素，可以通过播放器容器在信息流界面中显示对应的视频内容；针对互动类型的信息流元素，可以通过信息流客户端将待推荐的互动内容的互动素材加载至网络视图容器中，并通过网络视图容器在信息流界面中显示互动内容的互动过程。其中，该互动过程呈现的是上述互动素材随用户输入的互动操作而变化的过程。该互动过程用于指示互动内容的使用交互过程。也就是说，在信息流界面中显示互动内容的互动过程，其实是显示用户对互动内容的试玩/试用过程。
在本公开提供的技术方案中，在用户浏览信息流的过程中，用户可以与信息流进行交互，提高了信息流的互动性。进一步的，在浏览信息流过程中，不必进行落地页的跳转，用户可以在信息流界面直接试玩/试用互动内容，提高了用户浏览信息流过程的互动性，而且通过试玩/试用可以加深用户对互动内容的了解，从而，提高互动内容的推荐效果。另外，针对内容推荐方而言，仅需要制作实现上述交互过程的互动素材即可，降低内容制作成本。
下面结合几个具体的实施例对本公开提供的技术方案进行详细说明。下面几个实施例可以相互结合，对于相同或者相似的概念或过程，可能在某些实施例中不再赘述。
图3为本公开实施例提供的一种信息流的显示方法的流程示意图。本示例的方法可以由终端设备执行。终端设备中包括信息流客户端、播放器容器和网络视图容器。如图3所示，本实施例的方法包括：
S301：呈现信息流界面。
S302：通过播放器容器在所述信息流界面中显示信息流中的第一信息流元素对应的视频内容，所述第一信息流元素的类型为视频类型。
本申请实施例中，信息流中包括多个信息流元素，该多个信息流元素按序排列。用户可以按序浏览上述多个信息流元素。
第一信息流元素为上述多个信息流元素中的其中一个。信息流元素的类型可以分为视频类型和互动类型。若一个信息流元素的类型为视频类型，说明该信息流元素用于向用户展示某个视频。若一个信息流元素的类型为互动类型，说明该信息流元素用于采用互动方式向用户推荐某个内容，例如，推荐应用程序、网页程序等。
播放器容器用于承载并显示视频类型的信息流元素。也就是说，若当前用户浏览的信息流元素为视频类型，则通过播放器容器在信息流界面中显示对应的视频内容。
S303：响应于检测到用户在信息流界面中输入的预设滑动操作，通过所述信息流客户端在所述信息流中确定待显示的第二信息流元素。
本实施例中，当用户在信息流界面中输入预设滑动操作时，说明用户想对信息流界面中当前显示的信息流元素进行切换，以浏览其他信息流元素。本实施例对于预设滑动操作的类型不做具体限定。示例性的，预设滑动操作可以为但不限于下述中的一种：上滑操作、下滑操作、左滑操作、右滑操作等。
下面以上滑操作和下滑操作为例进行举例说明。
当检测到用户在信息流界面中输入上滑操作时，说明用户想要浏览当前信息流元素的下一个信息流元素。当检测到用户在信息流界面中输入的下滑操作时，说明用户想要浏览当前信息流元素的上一个信息流元素。当前信息流元素是指信息流界面中当前显示的信息流元素。例如，假设信息流包括：视频A、视频B、视频C、…….。信息流界面中当前显示的为视频B，当检测到用户在信息流界面中输入的上滑操作时，说明待显示的第二信息流元素为视频C，当检测到用户在信息流界面中输入的下滑操作时，说明待显示的第二信息流元素为视频A。
S304：若所述第二信息流元素的类型为互动类型，则通过所述信息流客户端将所述第二信息流元素所推荐的互动内容的互动素材加载至所述网络视图容器中。
S305：通过所述网络视图容器在所述信息流界面中显示所述互动内容的互动过程，所述互动过程呈现的是所述互动素材随用户输入的互动操作而变化的过程，所述互动过程用于指示所述互动内容的使用交互过程。
本实施例中，在确定出第二信息流元素的类型之后，还可以确定第二信息流元素的类型。第二信息流元素的类型可以为互动类型或者视频类型。
当目标信息流元素的类型为视频类型时，通过播放器容器在信息流界面中显示目标信息流元素对应的视频内容。
作为一个示例，图4为本公开实施例提供的一种信息流界面的示意图。如图4所示，假设信息流界面正在显示某个视频，该情况下，信息流界面包括：内容页面图层、以及 叠加在内容页面图层之上的界面组件图层。其中，内容页面图层用于显示视频画面。内容页面图层为播放器容器对应的页面图层。界面组件图层中包括至少一个界面组件。界面组件图层为透明背景的图层。将界面组件图层叠加在内容页面图层之上不会对视频画面产生遮挡。理解，图4所示示例中，内容页面图层所呈现的页面内容是通过播放器容器承载并显示的。
本实施例中，当第二信息流元素的类型为互动类型时，将第二信息流元素所推荐的内容称为互动内容。互动内容可以为应用程序(Application，APP)或者网络程序(Web程序)。网络程序也可以称为网页程序，是指可以是嵌入到网络页面中的程序，例如页面小游戏等。该情况下，通过信息流客户端将互动内容的互动素材加载至网络视图容器中。示例性的，信息流客户端将互动内容的互动素材发送至网络视图容器。通过网关视图容器在信息流界面中显示互动内容的互动过程。
其中，互动素材是指在互动过程中参与人机交互操作的各种可视化对象，互动素材通常能够根据人机交互操作发生位置和/或显示效果的变化。本实施例对于互动素材的类型不做限定，可以为图文信息、动画、视频、音频等。互动内容的互动素材的数量可以有多个。
其中，用户输入的互动操作包括但不限于：点击操作、滑动操作、拖拽操作、按压操作等。示例性的，在信息流界面中显示互动素材的过程中，用户可以对互动素材进行点击、滑动、拖拽、按压等操作，触发互动素材随用户输入的互动操作而发生变化，从而形成上述互动过程。
在上述互动过程中，信息流界面中所显示的互动素材，对应的是用户实际使用互动内容时所看到的页面内容。用户针对互动素材所输入的互动操作，对应的是用户实际使用互动内容时所需输入的操作。可见，上述互动过程体现的是用户对互动内容的试玩/试用过程，或者说，上述互动过程体现的是互动内容的使用交互过程。
一些可能的实现方式中，通过信息流客户端在信息流界面的内容页面图层与界面组件图层之间添加互动页面图层，互动页面图层与内容页面图层的尺寸相同。通过网络视图容器在所述互动页面图层中显示所述互动过程。
作为一个示例，图5为本公开实施例提供的另一种信息流界面的示意图。图5示例的是信息流界面在显示互动过程情况下的界面组成情况。如图5所示，信息流界面包括：内容页面图层、互动页面图层、以及界面组件图层。其中，互动页面图层位于内容页面图层之上，界面组件图层位于互动页面图层之上。互动页面图层用于显示互动内容的互动过程。互动页面图层为非透明图层，互动页面图层的尺寸与内容页面图层的尺寸相同，这样互动页面图层完全遮挡内容页面图层。
也就是说，当待显示的第二信息流元素的类型为视频类型时，通过播放器容器在内容页面图层显示视频画面。当待显示的第二信息流元素的类型为互动类型时，在内容页面图层和界面组件图层之间添加互动页面图层，通过互动页面图层显示互动内容的互动过程。当互动过程结束后，需要显示视频类型的信息流元素时，可以将互动页面图层删除，或者将互动页面图层置为透明。这样，视频和互动内容承载在不同的页面图层中，二者相互独立，不会彼此影响。例如，在一些场景中，可以针对互动页面图层和内容页面图层分别设置不同的可操作区域，从而满足不同的交互需求。
本申请实施例中，互动页面图层为基于超文本标记语言修订版5(HTML5，H5)的页面图层，即用户在信息流界面中观看到的互动过程，是通过网络视图容器承载并显示的H5页面。H5页面具有跨端特性，可以适配不同系统的终端设备，开发成本较低。
本申请实施例中，通过在终端设备中部署播放器容器和网络视图容器，使得在用户浏览信息流的过程中，当用户浏览到视频类型的信息流元素时，通过播放器容器在信息流界面中显示对应的视频内容，当用户浏览到互动类型的信息流元素时，通过网络视图容器在信息流界面中显示对应的互动过程。实现了用户直接在信息流中进行交互，提高了信息流的互动性。
在一些可能的实现方式中，互动内容的互动素材可以包括：M个互动触发素材以及各互动触发素材对应的互动结果素材。M为大于或等于1的整数。这样，互动内容的互动过程的显示方式可以如下：
(1)通过网络视图容器在互动页面图层中显示第1个互动触发素材；响应于检测到用户针对所述第1个互动触发素材输入的互动操作，通过网络视图容器在互动页面图层中显示第1个互动素材对应的互动结果素材。
(2)通过网络视图容器在互动页面图层中显示第2个互动触发素材；响应于检测到用户针对所述第2个互动触发素材输入的互动操作，通过网络视图容器在互动页面图层中显示第2个互动素材对应的互动结果素材。
依次类推，直至通过网络视图容器在互动页面图层中显示第M个互动触发素材；响应于检测到用户针对所述第M个互动触发素材输入的互动操作，通过网络视图容器在互动页面图层中显示第M个互动素材对应的互动结果素材。
下面结合图6进行举例说明。
图6为本公开实施例提供的另一种信息流显示场景的示意图。如图6所示，假设信息流界面当前正在显示信息流中的某个视频，如界面601所示。用户在界面601中输入预设滑动操作(例如上滑操作)后，终端设备将信息流中该视频的下一个信息流元素确定为第二信息流元素。假设第二信息流元素的类型为互动类型，且第二信息流元素推荐的互动内容为游戏X，则终端设备在信息流界面中显示如界面602至界面607所示的互动过程。
图6所示示例中，假设游戏X的互动素材包括3个互动触发素材、以及各互动触发素材对应的互动结果素材。
参见界面602和界面603，示例的是游戏X的第1个互动触发素材、以及用户针对第1个互动触发素材输入的互动操作所形成的互动过程。在界面602中，通过网络视图容器在互动页面图层中显示第1个互动触发素材。例如，以游戏X的“选择英雄”场景为例，界面602中显示多个卡片，每个卡片对应一个英雄，提示用户点击其中一个卡片，以选择一个英雄。假设用户针对卡片6输入点击操作。终端设备检测到用户针对卡片6输入的点击操作之后，通过网络视图容器在互动页面图层中显示第1个互动触发素材对应的互动结果素材，如界面603所示。例如，在互动结果素材中，可以对各卡片进行翻转，以呈现每个卡片对应的英雄标识，并展示用户选中的卡片对应的英雄形象。
参见界面604和界面605，示例的是游戏X的第2个互动触发素材、以及用户针对第2个互动触发素材输入的互动操作所形成的互动过程。在界面604中，通过网络视图 容器在互动页面图层中显示第2个互动触发素材。例如，以游戏X的“升级英雄”场景为例，界面604中显示用户选择的英雄形象、以及“升级英雄”控件。终端设备检测到用户针对“升级英雄”控件输入的点击操作之后，通过网络视图容器在互动页面图层中显示第2个互动触发素材对应的互动结果素材，如界面605所示。例如，在互动结果素材中，可以呈现升级后的英雄形象。
参见界面606和界面607，示例的是游戏X的第3个互动触发素材、以及用户针对第3个互动触发素材输入的互动操作所形成的互动过程。在界面606中，通过网络视图容器在互动页面图层中显示第3个互动触发素材。例如，以游戏X的“英雄上阵”场景为例，界面606中显示用户升级后的英雄形象，以及“英雄上阵”控件。终端设备检测到用户针对“英雄上阵”控件输入的点击操作之后，通过网络视图容器在互动页面图层中显示第3个互动触发素材对应的互动结果素材，如界面607所示。例如，在互动结果素材中，可以呈现升级后的英雄进行战斗的场景。
应理解，图6中的界面602、界面604、界面606示例的是互动触发素材的某一个图像帧，界面603、界面605、界面607示例的是互动结果素材中的某一个图像帧。
可选的，在通过网络视图容器在互动页面图层中显示上述互动过程的过程中，还可以通过信息流客户端在界面组件图层中显示切换提示组件(例如，上述界面602至界面607中的“上滑继续观看视频”组件)，用于提示用户在互动过程中可以随时输入预设滑动操作以切换显示其他信息流元素。这样，用户对游戏X的互动过程不感兴趣时，可以随时输入上滑操作，以切换显示后续的信息流元素。
可选的，在信息流界面中显示第i个互动触发素材对应的互动结果素材之后，还可以在信息流界面中显示第i个互动触发素材与第i+1个互动触发素材之间的转场素材。转场素材用于衔接第i个互动触发素材对应的互动结果素材、以及第i+1个互动触发素材，使得整个互动过程的画面、内容具有更好的连接性。
本实施例提供的信息流的显示方法，应用于终端设备，终端设备中包括信息流客户端、播放器容器和网络视图容器。该方法包括：呈现信息流界面，通过所述播放器容器在所述信息流界面中显示所述信息流中的第一信息流元素对应的视频内容，所述第一信息流元素的类型为视频类型；响应于检测到用户在信息流界面中输入的预设滑动操作，通过信息流客户端在信息流中确定待显示的第二信息流元素；若第二信息流元素的类型为互动类型，则通过信息流客户端将第二信息流元素所推荐的互动内容的互动素材加载至网络视图容器中；通过网络视图容器在信息流界面中显示互动内容的互动过程，所述互动过程呈现的是所述互动素材随用户输入的互动操作而变化的过程，所述互动过程用于指示所述互动内容的使用交互过程。通过上述过程，在用户浏览信息流的过程中，可以与信息流进行交互，提高了信息流的互动性。进一步的，在浏览信息流的过程中，不必进行落地页的跳转，用户可以直接在信息流界面试玩/试用互动内容，通过试玩/试用加深用户对互动内容的了解，从而，提高内容推荐效果。
图7为本公开实施例提供的另一种信息流的显示方法的流程示意图。如图7所示，本实施例的方法包括：
S701：网络视图容器获取互动内容的互动过程的显示进度。
S702：网络视图容器向信息流客户端发送所述显示进度。
网络视图容器可以实时/周期性获取互动内容的互动过程的显示进度。示例性的，可以将互动过程的当前显示时长作为显示进度。例如，若当前时刻互动过程已显示了3s，则将显示进度确定为3s。示例性的，还可以根据当前正在显示的互动素材，确定显示进度。例如，若互动内容共包括6个互动素材，当前正在显示第2个互动素材，则确定显示进度为1/3。
网络视图容器确定出显示进度后，将显示进度提供给信息流客户端。信息流客户端根据显示进度执行S703或S704。
S703：若所述显示进度为预设进度，则信息流客户端在界面组件图层显示第一下载控件，所述第一下载控件用于下载所述互动内容。
结合图6进行举例说明。假设预设进度是指互动过程的显示时长达到5s。终端设备在界面604的显示时刻，信息流客户端根据网络视图容器提供的显示进度，确定显示进度达到预设进度，则在界面604的界面组件图层中显示第一下载控件。作为一个示例，图8为本公开实施例提供的又一种信息流界面的示意图。如图8所示，在信息流界面中显示有第一下载控件801。第一下载控件801是显示在界面组件图层的。应理解，在界面604之后的互动过程显示过程中，界面组件图层中均显示第一下载控件801。响应于检测到用户针对第一下载控件801输入的点击操作，终端设备获取互动内容的下载路径，并根据下载路径下载所述互动内容。
这样，通过在界面组件图层显示第一下载控件，使得用户在信息流界面试玩互动内容的过程中，可以随时点击第一下载控件，以实现对互动内容的下载，提高用户下载操作的便利性。
S704：若所述显示进度用于指示所述互动过程已显示完成，则信息流客户端在信息流界面中显示第一蒙层，所述第一蒙层位于互动页面图层与界面组件图层之间，所述第一蒙层中包括下述信息中的至少一种：所述互动内容的详情信息、用于触发下载所述互动内容的第二下载控件、用于触发重新显示所述互动过程的重新互动控件。
其中，蒙层可以理解为一种透明度小于或者等于预设阈值的图层。当蒙层的透明度较低时，透过蒙层可以隐约看到蒙层背后的画面内容。
作为一个示例，图9为本公开实施例提供的又一种信息流界面的示意图。当互动内容的互动过程显示结束后，互动页面图层呈现的是互动过程的最后一帧画面，可以互动页面图层与界面组件图层之间显示第一蒙层。
继续参见图9，可以在第一蒙层中显示互动内容的详情信息901，例如，互动内容的名称(例如程序X)、互动内容的历史下载人数(例如9999人下载)、互动内容历史评价信息(例如年度最佳APP)、互动内容的特征信息(例如，以西方魔幻冒险为背景的高品质有策略的卡牌手游)等。通过上述详情信息901，可以进一步加深用户对互动内容的了解，加强用户下载互动内容的意愿。
继续参见图9，还可以在第一蒙层中显示用于触发下载互动内容的第二下载控件902。用户可以点击第二下载控件902。响应于检测到用户针对第二下载控件902输入的点击操作，终端设备获取互动内容的下载路径，并根据下载路径下载所述互动内容。
继续参见图9，还可以在第一蒙层中显示用于触发重新显示所述互动过程的重新互动控件903。这样，用户想要重新试玩互动内容时，可以点击重新互动控件903。响应于检 测到用户针对重新互动控件903的点击操作，终端设备在信息流界面中重新显示所述互动内容的互动过程。通过提供重新试玩功能，使得用户可以充分体验互动内容的使用交互过程，加深用户对互动内容的了解，加强用户下载互动内容的意愿。
在上述任意实施例的基础上，在信息流界面显示互动内容的互动过程中，可以通过信息流客户端对网络视图容器的运行状态进行监测，以判断网络视图状态所显示的页面是否出现卡顿、卡死等现象。
图10为本公开实施例提供的网络视图容器的监测过程的示意图。如图10所示，信息流客户端可以周期性地向网络视图容器发送状态监测请求，网络视图容器接收到状态监测请求后，向信息流客户端反馈自身的运行状态。若信息流客户端接收到的运行状态为异常状态，或者信息流客户端在预设时长内未接收到运行状态，则确定网络视图容器的运行状态为异常状态。
本实施例中，当监测到网络视图容器的运行状态为异常状态时，可以执行下述中的任意一项：
(1)通过信息流客户端在信息流界面中显示第二蒙层，所述第二蒙层位于所述互动页面图层与所述界面组件图层之间，所述第二蒙层中包括下述信息中的至少一种：所述互动内容的详情信息、用于触发下载所述互动内容的第二下载控件、用于触发重新显示所述互动过程的重新互动控件。应理解，第二蒙层的显示效果与图9所示类似，此处不做赘述。
(2)通过信息流客户端控制网络视图容器在互动页面图层中显示下一个互动触发素材。也就是说，当一个场景的互动触发素材出现卡死、卡顿等情况时，可以控制网络视图容器显示下一个场景的互动触发素材，从而提升用户的互动体验。
上述实施例中描述了通过网络视图容器对互动内容的互动过程进行显示的过程。在上述任意实施例的基础上，在一些可能的实现方式中，可以通过信息流客户端对互动内容的互动素材进行预渲染，这样可以降低互动过程的显示时延，提高互动效果。下面结合图11对互动素材的预渲染过程进行说明。
图11为本公开实施例提供的互动素材的预渲染过程的示意图。如图11所示，本实施例的方法包括：
S1101：服务器向信息流客户端发送信息流，信息流中包括多个信息流元素。
一个示例中，服务器可以主动向信息流客户端推送信息流。另一个示例中，服务器可以根据信息流客户端发送的推荐请求，向信息流客户端发送信息流。
S1102：信息流客户端从信息流中获取第二信息流元素的资源地址信息，第二信息流元素的类型为互动类型。
信息流中的一部分信息流元素为视频类型，另一部分信息流元素为互动类型。针对互动类型的第二信息流元素，信息流客户端从信息流中获取第二信息流元素的资源地址信息。该资源地址信息用于指示第二信息流元素对应的资源数据在服务器的存储地址，该资源数据包括：渲染互动素材所需的数据、渲染第一下载组件所需的数据、渲染第一蒙层/第二蒙层所需的数据等。
S1103：信息流客户端根据资源地址信息，从服务器获取第二信息流元素对应的资源数据，并将资源数据缓存至预设存储空间中。
本实施例中，信息流客户端从服务器获取到信息流之后，若信息流中存在互动类型的第二信息流元素，则将第二信息流元素对应的资源数据预先加载到本地。这样，可以降低互动过程的显示时延，提高互动效果。
S1104：信息流客户端在信息流中确定出第二信息流元素对应的参考信息流元素，参考信息流元素位于第二信息流元素之前、与第二信息流元素间隔K个信息流元素。所述K为大于或者等于0的整数。
S1105：在检测到信息流界面中正在显示参考信息流元素时，通过信息流客户端从预设存储空间中获取第二信息流元素对应的资源数据，并对资源数据进行渲染处理，得到互动内容的互动素材。
本实施例中，参考信息流元素的显示时刻指示了第二信息流元素的渲染时刻。举例而言，假设第二信息流元素为信息流中的第x个信息流元素，则可以将信息流中的第x-K-1个信息流元素确定为参考信息流元素。当检测用户正在浏览第x-K-1个信息流元素时，开始对第x个信息流元素对应的资源数据进行渲染处理，得到互动内容的互动素材。
可选的，除了预渲染得到互动内容的互动素材，还可以预渲染得到第一下载组件、第一蒙层、第二蒙层等。这样，在需要显示第一下载组件、第一蒙层、第二蒙层时，可以进一步降低互动时延。
可选的，信息流客户端可以从服务器获取预设的预渲染策略，根据预渲染策略，在信息流中确定出第二信息流元素对应的参考信息流元素。预渲染策略用于指示第二信息流元素的预渲染时机，例如提前几个信息流元素进行预渲染。
应理解，信息流客户端渲染得到互动内容的互动素材之后，可以对这些互动素材进行缓存。在用户浏览信息流的过程中，当检测到需要显示第二信息流元素时，从缓存中获取预渲染好的互动素材，将互动素材加载至网络视图容器中，通过网络视图容器显示互动内容的互动过程。该部分可以参考前述实施例的详细描述。
作为一个示例，图12为本公开实施例提供的一种信息流的显示过程的示意图。假设信息流中包括4个信息流元素，分别为信息流元素A、B、C、D。其中，信息流元素D为互动类型，其他信息流元素为视频类型。如图12所示，信息流的显示过程包括：
(1)终端设备从服务器接收到上述5个信息流元素后，确定出信息流元素D为互动类型，从服务器获取信息流元素D对应的资源数据(即资源预加载过程)，并存储到本地预设存储空间中。假设预渲染策略指示提前1个信息流元素进行预渲染，则终端设备确定在检测到用户浏览信息流元素C时，对信息流元素D对应的资源数据进行渲染处理。
(2)检测到用户在信息流界面中输入的预设滑动操作后，通过信息流客户端在信息流界面中显示信息流元素A对应的视频。
(3)检测到用户在信息流界面中输入的预设滑动操作后，通过信息流客户端在信息流界面中显示信息流元素B对应的视频。
(4)检测到用户在信息流界面中输入的预设滑动操作后，通过信息流客户端在信息流界面中显示信息流元素C对应的视频，该视频画面显示在内容页面图层。并且，通过信息流客户端从预设存储空间中获取信息流元素D对应的资源数据，并对资源数据进行渲染处理，得到互动内容的互动素材。
(5)检测到用户在信息流界面中输入的预设滑动操作后，通过信息流客户端在内容画面图层和界面组件图层之间添加互动页面图层，并通过网络视图容器利用预渲染好的互动素材，在互动页面图层中显示互动内容的互动过程。
本实施例中，通过对第二信息流元素对应的资源数据进行预加载、以及对互动内容的互动素材进行预渲染，这样可以降低互动过程的显示时延，提升用户对互动内容的试用/试玩体验。
图13为本公开实施例提供的一种信息流的显示装置的结构示意图。该装置可以为软件和/或硬件形式。如图13所示，本实施例提供的信息流的显示装置1300，包括：信息流客户端1301、网络视图容器1302和播放器容器1303；其中，
所述播放器容器1303，用于在所述信息流界面中显示所述信息流中的第一信息流元素对应的视频内容，所述第一信息流元素的类型为视频类型；
所述信息流客户端1301，用于响应于检测到用户在信息流界面中输入的预设滑动操作，在所述信息流中确定待显示的第二信息流元素；
所述信息流客户端1301，还用于若所述第二信息流元素的类型为互动类型，则将所述第二信息流元素所推荐的互动内容的互动素材加载至所述网络视图容器中；
所述网络视图容器1302，用于在所述信息流界面中显示所述互动内容的互动过程，所述互动过程呈现的是所述互动素材随用户输入的互动操作而变化的过程，所述互动过程用于指示所述互动内容的使用交互过程。
根据本公开的一个或多个实施例，所述信息流客户端1301，还用于在所述信息流界面的内容页面图层与界面组件图层之间添加互动页面图层；其中，所述内容页面图层用于显示视频类型的信息流元素的视频画面，所述互动页面图层与所述内容页面图层的尺寸相同；
所述网络视图容器1302，具体用于在所述互动页面图层中显示所述互动过程。
根据本公开的一个或多个实施例，所述互动内容的互动素材包括：M个互动触发素材以及各互动触发素材对应的互动结果素材，所述M为大于或等于1的整数；所述网络视图容器1302具体用于：
在所述互动页面图层中显示第i个互动触发素材；
响应于检测到用户针对所述第i个互动触发素材输入的互动操作，在所述互动页面图层中显示所述第i个互动触发素材对应的互动结果素材；
其中，所述i依次取1、2、…、M。
根据本公开的一个或多个实施例，所述网络视图容器1302还用于获取所述互动过程的显示进度；所述信息流客户端1301还用于：
若所述显示进度为预设进度，则在所述界面组件图层显示第一下载控件，所述第一下载控件用于下载所述互动内容；或者，
若所述显示进度用于指示所述互动过程已显示完成，则在所述信息流界面中显示第一蒙层，所述第一蒙层位于所述互动页面图层与所述界面组件图层之间，所述第一蒙层中包括下述信息中的至少一种：所述互动内容的详情信息、用于触发下载所述互动内容的第二下载控件、用于触发重新显示所述互动过程的重新互动控件。
根据本公开的一个或多个实施例，所述信息流客户端1301还用于：
对所述网络视图容器的运行状态进行监测；
若监测到所述网络视图容器的运行状态为异常状态，则执行下述中的任意一项：
在所述信息流界面中显示第二蒙层，所述第二蒙层位于所述互动页面图层与所述界面组件图层之间，所述第二蒙层中包括下述信息中的至少一种：所述互动内容的详情信息、用于触发下载所述互动内容的第二下载控件、用于触发重新显示所述互动过程的重新互动控件；或者，
控制所述网络视图容器在所述互动页面图层中显示下一个互动触发素材。
根据本公开的一个或多个实施例，所述信息流客户端1301还用于：
在所述信息流中确定出所述第二信息流元素对应的参考信息流元素，所述参考信息流元素位于所述第二信息流元素之前、与所述第二信息流元素间隔K个信息流元素，所述K为大于或者等于0的整数；
在检测到所述信息流界面中正在显示所述参考信息流元素时，获取所述第二信息流元素对应的资源数据，并对所述资源数据进行渲染处理，得到所述互动内容的互动素材。
根据本公开的一个或多个实施例，所述信息流客户端1301还用于：
从服务器接收所述信息流；
从所述信息流中获取所述第二信息流元素的资源地址信息；
根据所述资源地址信息，从所述服务器获取所述第二信息流元素对应的资源数据，并将所述资源数据缓存至预设存储空间中；
所述信息流客户端1301具体用于从所述预设存储空间中获取所述第二信息流元素对应的资源数据，并对所述资源数据进行渲染处理，得到所述互动内容的互动素材。
根据本公开的一个或者多个实施例，所述互动内容为应用程序或者网络Web程序。
本实施例提供的对信息流的显示装置，可用于执行上述任一方法实施例提供的信息流的显示方法，其实现原理和技术效果类似，此处不作赘述。
为了实现上述实施例，本公开实施例还提供了一种电子设备。
参考图14，其示出了适于用来实现本公开实施例的电子设备1400的结构示意图，该电子设备1400可以为终端设备或服务器。其中，终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、个人数字助理(Personal Digital Assistant，简称PDA)、平板电脑(Portable Android Device，简称PAD)、便携式多媒体播放器(Portable Media Player，简称PMP)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图14示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图14所示，电子设备1400可以包括处理装置(例如中央处理器、图形处理器等)1401，其可以根据存储在只读存储器(Read Only Memory，简称ROM)1402中的程序或者从存储装置1408加载到随机访问存储器(Random Access Memory，简称RAM)1403中的程序而执行各种适当的动作和处理。在RAM 1403中，还存储有电子设备1400操作所需的各种程序和数据。处理装置1401、ROM 1402以及RAM 1403通过总线1404彼此相连。输入/输出(Input/Output，I/O)接口1405也连接至总线1404。
通常，以下装置可以连接至I/O接口1405：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置1406；包括例如液晶显示器(Liquid  Crystal Display，简称LCD)、扬声器、振动器等的输出装置1407；包括例如磁带、硬盘等的存储装置1408；以及通信装置1409。通信装置1409可以允许电子设备1400与其他设备进行无线或有线通信以交换数据。虽然图14示出了具有各种装置的电子设备1400，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置1409从网络上被下载和安装，或者从存储装置1408被安装，或者从ROM 1402被安装。在该计算机程序被处理装置1401执行时，执行本公开实施例的方法中限定的上述功能。
需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(Erasable Programmable Read-Only Memory，EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(Compact Disc Read-Only Memory，CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、射频(Radio Frequency，RF)等等，或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备执行上述实施例所示的方法。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(Local Area Network，简称LAN)或广域网(Wide Area Network，简称WAN)—连 接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定，例如，第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(Field Programmable Gate Array，FPGA)、专用集成电路(Application Specific Integrated Circuit，ASIC)、专用标准产品(Application Specific Standard Product，ASSP)、片上系统(System On Chip，SOC)、复杂可编程逻辑设备(Complex Programmable Logic Device，CPLD)等等。
第一方面，根据本公开的一个或多个实施例，提供了一种信息流的显示方法，应用于终端设备，所述终端设备包括：信息流客户端、播放器容器和网络视图容器，所述方法包括：
呈现信息流界面；
通过所述播放器容器在所述信息流界面中显示所述信息流中的第一信息流元素对应的视频内容，所述第一信息流元素的类型为视频类型；
响应于检测到用户在信息流界面中输入的预设滑动操作，通过所述信息流客户端在所述信息流中确定待显示的第二信息流元素；
若所述第二信息流元素的类型为互动类型，则通过所述信息流客户端将所述第二信息流元素所推荐的互动内容的互动素材加载至所述网络视图容器中；
通过所述网络视图容器在所述信息流界面中显示所述互动内容的互动过程，所述互动过程呈现的是所述互动素材随用户输入的互动操作而变化的过程，所述互动过程用于指示所述互动内容的使用交互过程。
根据本公开的一个或多个实施例，通过所述网络视图容器在所述信息流界面中显示所述互动内容的互动过程之前，还包括：
通过所述信息流客户端在所述信息流界面的内容页面图层与界面组件图层之间添加互动页面图层；其中，所述内容页面图层用于显示视频类型的信息流元素的视频画面，所述互动页面图层与所述内容页面图层的尺寸相同；
通过所述网络视图容器在所述信息流界面中显示所述互动内容的互动过程，包括：
通过所述网络视图容器在所述互动页面图层中显示所述互动过程。
根据本公开的一个或多个实施例，所述互动内容的互动素材包括：M个互动触发素材以及各互动触发素材对应的互动结果素材，所述M为大于或等于1的整数；
通过所述网络视图容器在所述互动页面图层中显示所述互动过程，包括：
通过所述网络视图容器在所述互动页面图层中显示第i个互动触发素材；
响应于检测到用户针对所述第i个互动触发素材输入的互动操作，通过所述网络视图容器在所述互动页面图层中显示所述第i个互动触发素材对应的互动结果素材；
其中，所述i依次取1、2、…、M。
根据本公开的一个或多个实施例，还包括：
通过所述网络视图容器获取所述互动过程的显示进度；
若所述显示进度为预设进度，则通过所述信息流客户端在所述界面组件图层显示第一下载控件，所述第一下载控件用于下载所述互动内容；或者，
若所述显示进度用于指示所述互动过程已显示完成，则通过所述信息流客户端在所述信息流界面中显示第一蒙层，所述第一蒙层位于所述互动页面图层与所述界面组件图层之间，所述第一蒙层中包括下述信息中的至少一种：所述互动内容的详情信息、用于触发下载所述互动内容的第二下载控件、用于触发重新显示所述互动过程的重新互动控件。
根据本公开的一个或多个实施例，还包括：
通过所述信息流客户端对所述网络视图容器的运行状态进行监测；
若监测到所述网络视图容器的运行状态为异常状态，则执行下述中的任意一项：
通过所述信息流客户端在所述信息流界面中显示第二蒙层，所述第二蒙层位于所述互动页面图层与所述界面组件图层之间，所述第二蒙层中包括下述信息中的至少一种：所述互动内容的详情信息、用于触发下载所述互动内容的第二下载控件、用于触发重新显示所述互动过程的重新互动控件；或者，
通过所述信息流客户端控制所述网络视图容器在所述互动页面图层中显示下一个互动触发素材。
根据本公开的一个或多个实施例，通过所述信息流客户端将所述第二信息流元素所推荐的互动内容的互动素材加载至预设网络视图容器中之前，还包括：
通过所述信息流客户端在所述信息流中确定出所述第二信息流元素对应的参考信息流元素，所述参考信息流元素位于所述第二信息流元素之前、与所述第二信息流元素间隔K个信息流元素，所述K为大于或者等于0的整数；
在检测到所述信息流界面中正在显示所述参考信息流元素时，通过所述信息流客户端获取所述第二信息流元素对应的资源数据，并对所述资源数据进行渲染处理，得到所述互动内容的互动素材。
根据本公开的一个或多个实施例，还包括：
通过所述信息流客户端从服务器接收所述信息流；
通过所述信息流客户端从所述信息流中获取所述第二信息流元素的资源地址信息；
通过所述信息流客户端根据所述资源地址信息，从所述服务器获取所述第二信息流元素对应的资源数据，并将所述资源数据缓存至预设存储空间中；
通过所述信息流客户端获取所述第二信息流元素对应的资源数据，包括：
通过所述信息流客户端从所述预设存储空间中获取所述第二信息流元素对应的资源数据。
根据本公开的一个或者多个实施例，所述互动内容为应用程序或者网络Web程序。
第二方面，根据本公开的一个或多个实施例，提供了一种信息流的显示装置，包括：信息流客户端、播放器容器和网络视图容器；其中，
所述播放器容器，用于在所述信息流界面中显示所述信息流中的第一信息流元素对应的视频内容，所述第一信息流元素的类型为视频类型；
所述信息流客户端，用于响应于检测到用户在信息流界面中输入的预设滑动操作，在所述信息流中确定待显示的第二信息流元素；
所述信息流客户端，还用于若所述第二信息流元素的类型为互动类型，则将所述第二信息流元素所推荐的互动内容的互动素材加载至所述网络视图容器中；
所述网络视图容器，用于在所述信息流界面中显示所述互动内容的互动过程，所述互动过程呈现的是所述互动素材随用户输入的互动操作而变化的过程，所述互动过程用于指示所述互动内容的使用交互过程。
根据本公开的一个或多个实施例，所述信息流客户端，还用于在所述信息流界面的内容页面图层与界面组件图层之间添加互动页面图层；其中，所述内容页面图层用于显示视频类型的信息流元素的视频画面，所述互动页面图层与所述内容页面图层的尺寸相同；
所述网络视图容器，具体用于在所述互动页面图层中显示所述互动过程。
根据本公开的一个或多个实施例，所述互动内容的互动素材包括：M个互动触发素材以及各互动触发素材对应的互动结果素材，所述M为大于或等于1的整数；所述网络视图容器具体用于：
在所述互动页面图层中显示第i个互动触发素材；
响应于检测到用户针对所述第i个互动触发素材输入的互动操作，在所述互动页面图层中显示所述第i个互动触发素材对应的互动结果素材；
其中，所述i依次取1、2、…、M。
根据本公开的一个或多个实施例，所述网络视图容器还用于获取所述互动过程的显示进度；所述信息流客户端还用于：
若所述显示进度为预设进度，则在所述界面组件图层显示第一下载控件，所述第一下载控件用于下载所述互动内容；或者，
若所述显示进度用于指示所述互动过程已显示完成，则在所述信息流界面中显示第一蒙层，所述第一蒙层位于所述互动页面图层与所述界面组件图层之间，所述第一蒙层中包括下述信息中的至少一种：所述互动内容的详情信息、用于触发下载所述互动内容的第二下载控件、用于触发重新显示所述互动过程的重新互动控件。
根据本公开的一个或多个实施例，所述信息流客户端还用于：
对所述网络视图容器的运行状态进行监测；
若监测到所述网络视图容器的运行状态为异常状态，则执行下述中的任意一项：
在所述信息流界面中显示第二蒙层，所述第二蒙层位于所述互动页面图层与所述界面组件图层之间，所述第二蒙层中包括下述信息中的至少一种：所述互动内容的详情信息、用于触发下载所述互动内容的第二下载控件、用于触发重新显示所述互动过程的重新互动控件；或者，
控制所述网络视图容器在所述互动页面图层中显示下一个互动触发素材。
根据本公开的一个或多个实施例，所述信息流客户端还用于：
在所述信息流中确定出所述第二信息流元素对应的参考信息流元素，所述参考信息流元素位于所述第二信息流元素之前、与所述第二信息流元素间隔K个信息流元素，所述K为大于或者等于0的整数；
在检测到所述信息流界面中正在显示所述参考信息流元素时，获取所述第二信息流元素对应的资源数据，并对所述资源数据进行渲染处理，得到所述互动内容的互动素材。
根据本公开的一个或多个实施例，所述信息流客户端还用于：
从服务器接收所述信息流；
从所述信息流中获取所述第二信息流元素的资源地址信息；
根据所述资源地址信息，从所述服务器获取所述第二信息流元素对应的资源数据，并将所述资源数据缓存至预设存储空间中；
所述信息流客户端具体用于从所述预设存储空间中获取所述第二信息流元素对应的资源数据，并对所述资源数据进行渲染处理，得到所述互动内容的互动素材。
根据本公开的一个或多个实施例，所述互动内容为应用程序或者网络Web程序。
第三方面，根据本公开的一个或多个实施例，提供了一种电子设备，包括：处理器和存储器；
所述存储器存储计算机执行指令；
所述处理器执行所述计算机执行指令，以实现如上第一方面以及第一方面各种可能的设计所述的信息流的显示方法。
第四方面，根据本公开的一个或多个实施例，提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，当处理器执行所述计算机执行指令时，实现如上第一方面以及第一方面各种可能的设计所述的信息流的显示方法。
第五方面，根据本公开的一个或多个实施例，提供了一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现如上第一方面以及第一方面各种可能的设计所述的信息流的显示方法。
第六方面，根据本公开的一个或多个实施例，提供了一种计算机程序，所述计算机程序被处理器执行时实现如上第一方面以及第一方面各种可能的设计所述的信息流的显示方法。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。

Claims (13)

  1. 一种信息流的显示方法，应用于终端设备，所述终端设备包括：信息流客户端、播放器容器和网络视图容器，所述方法包括：
    呈现信息流界面；
    通过所述播放器容器在所述信息流界面中显示所述信息流中的第一信息流元素对应的视频内容，所述第一信息流元素的类型为视频类型；
    响应于检测到用户在所述信息流界面中输入的预设滑动操作，通过所述信息流客户端在所述信息流中确定待显示的第二信息流元素；
    若所述第二信息流元素的类型为互动类型，则通过所述信息流客户端将所述第二信息流元素所推荐的互动内容的互动素材加载至所述网络视图容器中；
    通过所述网络视图容器在所述信息流界面中显示所述互动内容的互动过程，所述互动过程呈现的是所述互动素材随用户输入的互动操作而变化的过程，所述互动过程用于指示所述互动内容的使用交互过程。
  2. 根据权利要求1所述的方法，其中，通过所述网络视图容器在所述信息流界面中显示所述互动内容的互动过程之前，还包括：
    通过所述信息流客户端在所述信息流界面的内容页面图层与界面组件图层之间添加互动页面图层；其中，所述内容页面图层用于显示视频类型的信息流元素的视频画面，所述互动页面图层与所述内容页面图层的尺寸相同；
    通过所述网络视图容器在所述信息流界面中显示所述互动内容的互动过程，包括：
    通过所述网络视图容器在所述互动页面图层中显示所述互动过程。
  3. 根据权利要求2所述的方法，其中，所述互动内容的互动素材包括：M个互动触发素材以及各互动触发素材对应的互动结果素材，所述M为大于或等于1的整数；
    通过所述网络视图容器在所述互动页面图层中显示所述互动过程，包括：
    通过所述网络视图容器在所述互动页面图层中显示第i个互动触发素材；
    响应于检测到用户针对所述第i个互动触发素材输入的互动操作，通过所述网络视图容器在所述互动页面图层中显示所述第i个互动触发素材对应的互动结果素材；
    其中，所述i依次取1、2、…、M。
  4. 根据权利要求2或3所述的方法，还包括：
    通过所述网络视图容器获取所述互动过程的显示进度；
    若所述显示进度为预设进度，则通过所述信息流客户端在所述界面组件图层显示第一下载控件，所述第一下载控件用于下载所述互动内容；或者，
    若所述显示进度用于指示所述互动过程已显示完成，则通过所述信息流客户端在所述信息流界面中显示第一蒙层，所述第一蒙层位于所述互动页面图层与所述界面组件图层之间，所述第一蒙层中包括下述信息中的至少一种：所述互动内容的详情信息、用于触发下载所述互动内容的第二下载控件、用于触发重新显示所述互动过程的重新互动控件。
  5. 根据权利要求2至4任一项所述的方法，还包括：
    通过所述信息流客户端对所述网络视图容器的运行状态进行监测；
    若监测到所述网络视图容器的运行状态为异常状态，则执行下述中的任意一项：
    通过所述信息流客户端在所述信息流界面中显示第二蒙层，所述第二蒙层位于所述互动页面图层与所述界面组件图层之间，所述第二蒙层中包括下述信息中的至少一种：所述互动内容的详情信息、用于触发下载所述互动内容的第二下载控件、用于触发重新显示所述互动过程的重新互动控件；或者，
    通过所述信息流客户端控制所述网络视图容器在所述互动页面图层中显示下一个互动触发素材。
  6. 根据权利要求1至5任一项所述的方法，其中，通过所述信息流客户端将所述第二信息流元素所推荐的互动内容的互动素材加载至所述网络视图容器中之前，还包括：
    通过所述信息流客户端在所述信息流中确定出所述第二信息流元素对应的参考信息流元素，所述参考信息流元素位于所述第二信息流元素之前、与所述第二信息流元素间隔K个信息流元素，所述K为大于或者等于0的整数；
    在检测到所述信息流界面中正在显示所述参考信息流元素时，通过所述信息流客户端获取所述第二信息流元素对应的资源数据，并对所述资源数据进行渲染处理，得到所述互动内容的互动素材。
  7. 根据权利要求6所述的方法，还包括：
    通过所述信息流客户端从服务器接收所述信息流；
    通过所述信息流客户端从所述信息流中获取所述第二信息流元素的资源地址信息；
    通过所述信息流客户端根据所述资源地址信息，从所述服务器获取所述第二信息流元素对应的资源数据，并将所述资源数据缓存至预设存储空间中；
    通过所述信息流客户端获取所述第二信息流元素对应的资源数据，并对所述资源数据进行渲染处理，得到所述互动内容的互动素材，包括：
    通过所述信息流客户端从所述预设存储空间中获取所述第二信息流元素对应的资源数据，并对所述资源数据进行渲染处理，得到所述互动内容的互动素材。
  8. 根据权利要求1至7任一项所述的方法，其中，所述互动内容为应用程序或者网络Web程序。
  9. 一种信息流的显示装置，包括：信息流客户端、播放器容器和网络视图容器；其中，
    所述播放器容器，用于在所述信息流界面中显示所述信息流中的第一信息流元素对应的视频内容，所述第一信息流元素的类型为视频类型；
    所述信息流客户端，用于响应于检测到用户在信息流界面中输入的预设滑动操作，在所述信息流中确定待显示的第二信息流元素；
    所述信息流客户端，还用于若所述第二信息流元素的类型为互动类型，则将所述第二信息流元素所推荐的互动内容的互动素材加载至所述网络视图容器中；
    所述网络视图容器，用于在所述信息流界面中显示所述互动内容的互动过程，所述互动过程呈现的是所述互动素材随用户输入的互动操作而变化的过程，所述互动过程用于指示所述互动内容的使用交互过程。
  10. 一种电子设备，包括：处理器和存储器；
    所述存储器存储计算机执行指令；
    所述处理器执行所述计算机执行指令，以实现如权利要求1至8任一项所述的方法。
  11. 一种计算机可读存储介质，其中，所述计算机可读存储介质中存储有计算机执行指令，当处理器执行所述计算机执行指令时，实现如权利要求1至8任一项所述的方法。
  12. 一种计算机程序产品，包括计算机程序，其中，所述计算机程序被处理器执行时实现如权利要求1至8任一项所述的方法。
  13. 一种计算机程序，其中，所述计算机程序被处理器执行时实现如权利要求1至8任一项所述的方法。
PCT/CN2023/080361 2022-03-11 2023-03-08 信息流的显示方法、装置、设备、存储介质及程序 WO2023169483A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202210238738.6A CN114610428B (zh) 2022-03-11 2022-03-11 信息流的显示方法、装置、设备、存储介质及程序
CN202210238738.6 2022-03-11

Publications (1)

Publication Number Publication Date
WO2023169483A1 true WO2023169483A1 (zh) 2023-09-14

Family

ID=81862922

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/080361 WO2023169483A1 (zh) 2022-03-11 2023-03-08 信息流的显示方法、装置、设备、存储介质及程序

Country Status (2)

Country Link
CN (1) CN114610428B (zh)
WO (1) WO2023169483A1 (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114610428B (zh) * 2022-03-11 2024-04-23 北京字跳网络技术有限公司 信息流的显示方法、装置、设备、存储介质及程序
CN117008789A (zh) * 2022-06-22 2023-11-07 腾讯科技（深圳）有限公司 界面显示方法、装置、设备及介质
CN118214911A (zh) * 2022-12-15 2024-06-18 北京字跳网络技术有限公司 信息流处理方法及相关设备

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160202879A1 (en) * 2015-01-12 2016-07-14 Facebook, Inc. Content-based interactive elements on online social networks
CN109146530A (zh) * 2017-06-15 2019-01-04 阿里巴巴集团控股有限公司 基于社交网络信息的互动方法及装置
CN110111125A (zh) * 2019-03-21 2019-08-09 北京奇艺世纪科技有限公司 一种信息输出方法、装置、终端和可读存储介质
CN111580913A (zh) * 2020-05-09 2020-08-25 腾讯科技（深圳）有限公司 信息流的互动处理方法、装置、设备及计算机存储介质
CN112817781A (zh) * 2021-02-08 2021-05-18 北京字节跳动网络技术有限公司 一种应用程序的互动方法、装置、设备及介质
CN114065080A (zh) * 2021-11-26 2022-02-18 腾讯科技（深圳）有限公司 页面渲染方法、装置、设备及计算机可读存储介质
CN114610428A (zh) * 2022-03-11 2022-06-10 北京字跳网络技术有限公司 信息流的显示方法、装置、设备、存储介质及程序

Family Cites Families (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130232430A1 (en) * 2011-08-26 2013-09-05 Reincloud Corporation Interactive user interface
GB2526562A (en) * 2014-05-28 2015-12-02 I Spy Digital Ltd Interactive display telecommunication method and system
CN106385621A (zh) * 2016-09-12 2017-02-08 猫范（北京）科技有限公司 智能设备控制方法和装置
CN107596687B (zh) * 2017-08-24 2021-03-02 网易（杭州）网络有限公司 游戏画面显示系统及方法、存储介质、电子设备
CN112565835A (zh) * 2019-09-26 2021-03-26 北京字节跳动网络技术有限公司 视频内容的展示方法、客户端及存储介质
CN110611847B (zh) * 2019-10-16 2022-07-12 北京字节跳动网络技术有限公司 视频预览的方法、装置、存储介质及电子设备
CN111177610A (zh) * 2020-01-06 2020-05-19 北京字节跳动网络技术有限公司 素材展示方法、装置、电子设备及存储介质
CN113495664A (zh) * 2020-04-02 2021-10-12 腾讯科技（深圳）有限公司 基于媒体信息流的信息展示方法、装置、设备及存储介质
CN111669639A (zh) * 2020-06-15 2020-09-15 北京字节跳动网络技术有限公司 一种活动入口的展示方法、装置、电子设备及存储介质
CN113986003A (zh) * 2020-07-27 2022-01-28 北京字节跳动网络技术有限公司 多媒体信息播放方法、装置、电子设备及计算机存储介质
CN113076101A (zh) * 2021-04-01 2021-07-06 海通安恒科技股份有限公司 一种基于可视化编程的管理平台和使用方法
CN113031842B (zh) * 2021-04-12 2023-02-28 北京有竹居网络技术有限公司 基于视频的交互方法、装置、存储介质及电子设备
CN112925463A (zh) * 2021-04-12 2021-06-08 网易（杭州）网络有限公司 信息流的发布处理方法、装置、介质及电子设备
CN113923499B (zh) * 2021-09-30 2023-06-02 北京字跳网络技术有限公司 显示控制方法、装置、设备及存储介质
CN114007143A (zh) * 2021-10-29 2022-02-01 腾讯科技（深圳）有限公司 信息交互方法、装置、设备及计算机存储介质、程序产品

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160202879A1 (en) * 2015-01-12 2016-07-14 Facebook, Inc. Content-based interactive elements on online social networks
CN109146530A (zh) * 2017-06-15 2019-01-04 阿里巴巴集团控股有限公司 基于社交网络信息的互动方法及装置
CN110111125A (zh) * 2019-03-21 2019-08-09 北京奇艺世纪科技有限公司 一种信息输出方法、装置、终端和可读存储介质
CN111580913A (zh) * 2020-05-09 2020-08-25 腾讯科技（深圳）有限公司 信息流的互动处理方法、装置、设备及计算机存储介质
CN112817781A (zh) * 2021-02-08 2021-05-18 北京字节跳动网络技术有限公司 一种应用程序的互动方法、装置、设备及介质
CN114065080A (zh) * 2021-11-26 2022-02-18 腾讯科技（深圳）有限公司 页面渲染方法、装置、设备及计算机可读存储介质
CN114610428A (zh) * 2022-03-11 2022-06-10 北京字跳网络技术有限公司 信息流的显示方法、装置、设备、存储介质及程序

Also Published As

Publication number Publication date
CN114610428A (zh) 2022-06-10
CN114610428B (zh) 2024-04-23

Similar Documents

Publication Publication Date Title
WO2023169483A1 (zh) 信息流的显示方法、装置、设备、存储介质及程序
US20230359337A1 (en) Interaction method, and electronic device and storage medium
WO2019218384A1 (zh) 显示处理方法、装置、存储介质及电子终端
CN112783591A (zh) 互动方法、装置、电子设备和存储介质
WO2023169484A1 (zh) 信息流的显示方法、装置、设备、存储介质及程序
US20220368980A1 (en) Video interaction method and device, electronic device and storage medium
US11586255B2 (en) Method and apparatus for adjusting view for target device, electronic device and medium
EP4124052A1 (en) Video production method and apparatus, and device and storage medium
CN111790148B (zh) 游戏场景中的信息交互方法、设备及计算机可读介质
US20240094875A1 (en) Video interaction method and apparatus, electronic device, and storage medium
CN112486611B (zh) 页面切换显示方法、装置、存储介质及电子设备
WO2022183887A1 (zh) 视频编辑及播放方法、装置、设备、介质
US20230421857A1 (en) Video-based information displaying method and apparatus, device and medium
CN114679628B (zh) 一种弹幕添加方法、装置、电子设备和存储介质
CN113747227B (zh) 视频播放方法、装置、存储介质以及电子设备
US20230185444A1 (en) Multimedia information playback and apparatus, electronic device, and computer storage medium
US20230385361A1 (en) Page displaying method, apparatus and electronic device
CN111209503B (zh) 网页中弹窗的处理方法、装置、电子设备、及存储介质
US20230137492A1 (en) Landscape interaction method and apparatus, electronic device, and storage medium
CN115474086B (zh) 播放控制方法、装置、电子设备和存储介质
CN115119040B (zh) 视频处理方法、装置、电子设备以及存储介质
CN115933921A (zh) 媒体内容的展示方法、装置、电子设备和存储介质
EP2852155A1 (en) System and method for shoppable video feed
WO2022022363A1 (zh) 视频生成及播放方法、装置、电子设备及存储介质
CN115079922B (zh) 一种页面显示方法、装置、电子设备及介质

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 23766060

Country of ref document: EP

Kind code of ref document: A1