WO2022161335A1 - 互动方法、装置、电子设备和存储介质 - Google Patents

互动方法、装置、电子设备和存储介质 Download PDF

Info

Publication number
WO2022161335A1
WO2022161335A1 PCT/CN2022/073633 CN2022073633W WO2022161335A1 WO 2022161335 A1 WO2022161335 A1 WO 2022161335A1 CN 2022073633 W CN2022073633 W CN 2022073633W WO 2022161335 A1 WO2022161335 A1 WO 2022161335A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
target
content
display
video
Prior art date
Application number
PCT/CN2022/073633
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 北京字跳网络技术有限公司
Priority to JP2023545191A priority Critical patent/JP2024505022A/ja
Priority to EP22745210.9A priority patent/EP4270188A1/en
Publication of WO2022161335A1 publication Critical patent/WO2022161335A1/zh
Priority to US18/360,227 priority patent/US20230367456A1/en

Links

Images

Classifications

    • 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • 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
    • G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
    • G06F1/16—Constructional details or arrangements
    • G06F1/1613—Constructional details or arrangements for portable computers
    • G06F1/1633—Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
    • G06F1/1684—Constructional details or arrangements related to integrated I/O peripherals not covered by groups G06F1/1635 - G06F1/1675
    • G06F1/1694—Constructional details or arrangements related to integrated I/O peripherals not covered by groups G06F1/1635 - G06F1/1675 the I/O peripheral being a single or a set of motion sensors for pointer control or gesture input obtained by sensing movements of the portable computer
    • 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/017—Gesture based interaction, e.g. based on a set of recognized hand gestures
    • 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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/02—Marketing; Price estimation or determination; Fundraising
    • G06Q30/0241—Advertisements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/02—Marketing; Price estimation or determination; Fundraising
    • G06Q30/0241—Advertisements
    • G06Q30/0251—Targeted advertisements
    • G06Q30/0257—User requested
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/02—Marketing; Price estimation or determination; Fundraising
    • G06Q30/0241—Advertisements
    • G06Q30/0251—Targeted advertisements
    • G06Q30/0267—Wireless devices
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/06—Buying, selling or leasing transactions
    • G06Q30/0601—Electronic shopping [e-shopping]
    • G06Q30/0631—Item recommendations
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation

Definitions

  • the present disclosure relates to the field of interactive technologies, for example, to an interactive method, apparatus, electronic device, and storage medium.
  • the screen-opening page is usually displayed, and the corresponding screen-opening content is displayed on the screen-opening page, such as displaying a preset screen-opening screen on the screen-opening page or playing a preset screen-opening screen on the screen-opening page. screen video, etc.
  • the display method of the screen-opening page in the related art has poor interactivity, resulting in a poor viewing experience of the screen-opening content for the user.
  • the present disclosure provides an interaction method, apparatus, electronic device and storage medium, so as to enhance the interactivity of screen-opening content and improve the user's viewing experience.
  • An embodiment of the present disclosure provides an interaction method, including:
  • the target page displays target content including the target object
  • the associated content of the target content is displayed on the upper layer of the target page, and after the associated content is displayed, the detail page of the target object is displayed.
  • the embodiment of the present disclosure also provides an interactive device, including:
  • a target page display module configured to display a target page, wherein the target page displays target content including a target object
  • Shake the receiving module set to receive the user's shake trigger operation
  • a detail page display module configured to display the associated content of the target content on the upper layer of the target page in response to the shaking trigger operation, and display the details of the target object after the associated content is displayed page.
  • Embodiments of the present disclosure also provide an electronic device, including:
  • processors one or more processors
  • memory arranged to store one or more programs
  • the one or more processors When the one or more programs are executed by the one or more processors, the one or more processors implement the interaction method according to the embodiment of the present disclosure.
  • Embodiments of the present disclosure also provide a computer-readable storage medium storing a computer program, and when the computer program is executed by a processor, the interactive method described in the embodiments of the present disclosure is implemented.
  • FIG. 1 is a schematic flowchart of an interaction method provided by an embodiment of the present disclosure
  • FIG. 2 is a schematic diagram of a screen opening page provided by an embodiment of the present disclosure
  • FIG. 3 is a schematic diagram of a video playback page provided by an embodiment of the present disclosure.
  • FIG. 4 is a schematic flowchart of another interaction method provided by an embodiment of the present disclosure.
  • FIG. 5 is a schematic diagram of a moving-in manner of an associated visual element according to an embodiment of the present disclosure
  • FIG. 6 is a schematic diagram of a display manner of an associated visual element provided by an embodiment of the present disclosure.
  • FIG. 7 is a structural block diagram of an interactive device according to an embodiment of the present disclosure.
  • FIG. 8 is a schematic structural diagram of an electronic device according to an embodiment of the present disclosure.
  • method embodiments of the present disclosure may be performed in different orders and/or in parallel. Furthermore, method embodiments may include additional steps and/or omit performing the illustrated steps. The scope of the present disclosure is not limited in this regard.
  • the term “including” and variations thereof are open-ended inclusions, ie, "including but not limited to”.
  • the term “based on” is “based at least in part on.”
  • the term “one embodiment” means “at least one embodiment”; the term “another embodiment” means “at least one additional embodiment”; the term “some embodiments” means “at least some embodiments”. Relevant definitions of other terms will be given in the description below.
  • FIG. 1 is a schematic flowchart of an interaction method provided by an embodiment of the present disclosure.
  • the method can be performed by an interactive device, wherein the device can be implemented by software and/or hardware, and can be configured in an electronic device, such as a mobile phone or a tablet computer.
  • the interaction method provided by the embodiment of the present disclosure is suitable for a scenario in which screen-opening content is displayed or a video containing the same object as the screen-opening content is played.
  • the interaction method provided in this embodiment may include the following steps.
  • the target object may be an object to be recommended, such as a virtual or non-virtual item to be recommended.
  • the target content can be understood as the recommended content of the target object, such as the advertisement content of an item set by the developer or the recommendation information of an item uploaded by other users, etc.
  • the format of the target content can include pictures (including static pictures or dynamic pictures, etc. ) and/or video, the following description takes the target content as advertising content as an example.
  • the target page can be a page that displays target content, such as any page that displays advertising content, the target page can include a screen-opening page and/or a video playback page, and the screen-opening page can be understood as what is displayed when the application software is started
  • the video playing page can be understood as a video playing page that is playing a recommended video containing the target object, such as a video playing page that is playing an advertisement video.
  • the electronic device displays the target page based on the user's trigger operation, and displays the target content including the target object in the target page.
  • the electronic device may display the screen opening page during the process of starting the corresponding application software or after the application software is started. , and display the preset advertisement content on the screen opening page, as shown in Figure 2; it is also possible to play the video in the video playback page based on the user's corresponding trigger operation, and play the advertisement video or a specific advertisement video (if set with When the content is associated with an advertisement video), as shown in FIG. 3 , the subsequent steps are performed based on the user's shaking trigger operation.
  • a shaking prompt message 20 may also be displayed on the screen-opening page to remind the user that the operation can be triggered by shaking Have more interaction.
  • a jump control 21 can also be provided in the screen opening page, so that the user can instruct the electronic device to stop displaying the screen opening page by clicking on the jump control 21, and enter the home page of the application software, such as a video playback page.
  • the electronic device may display the advertisement image on the screen-opening page for a preset length of time when the advertisement video in the screen-opening page is finished playing (for the case where the target content displayed on the screen-opening page is a video) If the target content displayed on the screen page is a picture), the currently displayed page is automatically switched from the screen opening page to the home page of the application software. The user can also instruct the electronic device to switch the currently displayed page to the detail page of the target object by clicking on the non-control area of the opening page (eg, the display area of the target content).
  • the video playback page may display a shake prompt message 30 to show Remind the user that more interaction can be done by performing a shake trigger action.
  • a view details control 31 may also be displayed on the video playback page, so that the user can instruct the electronic device to switch the currently displayed page from the video playback page to the details page of the target object by clicking the view details control 31, so that the user can view the details page of the target object. Details of the target object.
  • the target page includes a video playback page
  • the target content is a target video
  • the target page further includes: displaying a screen-opening page, and displaying a screen-opening page that includes the target The screen-opening content of the object;
  • the displaying the target page includes: when the screen-opening content is displayed, or when a first trigger operation acting on the jump control in the screen-opening page is received, displaying the current The display page is switched from the screen opening page to the video playing page, and the target video including the target object is played on the video playing page.
  • the electronic device may provide the user with an interactive manner of shaking when playing the target video of the screen-opening content.
  • the target video may be a video containing the same object as the screen-opening content, such as a video corresponding to the same item as the screen-opening advertisement, and the video may be played when entering the home page (such as a video playback page) of the application.
  • the first trigger operation may be understood as an operation of triggering the jump control in the screen opening page, such as a click operation acting on the jump control in the screen opening page.
  • the screen-opening page is displayed, and the target object is displayed on the screen-opening page.
  • target content such as displaying an advertisement image of the target item on the screen-opening page or playing an advertisement video of the target item on the screen-opening page.
  • the user can watch the target content displayed on the screen opening page, and when he wants to skip the target content and enter the video playback page of the application, click the jump control on the screen opening page.
  • the electronic device may determine to receive the first trigger operation when monitoring that the user triggers the jump control in the screen-opening page, switch the currently displayed page from the screen-opening page to the first page of the application software, and change the target object's target
  • the video is set as the first video in the video stream of the home page, and the first video is played on the home page; or, when the target content is displayed, the electronic device can also switch the current display page from the screen-opening page to On the home page of the application software, set the target video of the target object as the first video in the video stream of the home page, and play the first video on the home page. Therefore, when the user does not want to watch the target video, he can instruct the electronic device to switch the video played on the home page by performing a corresponding video switching operation, such as a sliding operation up and down.
  • a corresponding video switching operation such as a sliding operation up and down.
  • the electronic device may provide the user with a shake interaction method when displaying the screen-opening content.
  • the electronic device can switch the currently displayed page from the screen-opening page to the home page of the application software, and play a video with or without the target object on the home page, and can play the video without the target on the home page.
  • the video of the object that is, the first video in the video stream of the home page can be set as the non-recommended video of the target object, so as to avoid the situation that the user continuously watches the advertisement content and further improve the user's viewing experience.
  • the shaking trigger operation can be understood as acting on the electronic device, the shaking amplitude is greater than or equal to the preset angle value, the number of continuous shaking is greater than or equal to the preset number of times, and the time interval between two adjacent shakings is less than or equal to the preset time interval shaking operation.
  • the preset angle, preset number of times and preset time interval can be set by the developer as required, for example, the preset angle value can be set to 20° or 30°, etc., and the preset number of times can be set to 2 or 3 times, etc.
  • the time interval may be set to 0.5s or 1s, etc., which is not limited in this embodiment.
  • the electronic device displays the target content on the target page; when the user wants to view the related content of the target content displayed on the target page, he can shake the electronic device, that is, perform a shake trigger operation; correspondingly, the electronic device can receive the user's shaking action.
  • a shake triggers the operation, and executes S103.
  • the associated content of the target content may be a special effect associated with the target object (ie, associated special effect) or a video associated with the target object (ie, associated video), etc.
  • the associated content of the target content may be set by developers in advance as required.
  • the associated effect may or may not contain visual elements associated with the target object.
  • the detail page of the target object can be a page that displays the detailed information of the target object. When the target object is an item corresponding to the advertisement content, the detail page can be the purchase page of the item, so that the user can view the detailed information of the corresponding item and to make a purchase.
  • the details page can be a page set in the application or a page in other applications. When the details page is a page in another application, the application can display the details page of the target object by calling the other application.
  • the electronic device may continue to display the target content on the target page when monitoring the user's shaking trigger operation, and display the associated content of the target content on the upper layer of the target page, such as displaying the target object's content on the upper layer of the target page.
  • the timing at which the electronic device switches the target page to the detail page of the target object can be set as required. For example, when the electronic device starts to display the associated content of the target content, the target page located at the lower level of the associated content can be switched to The details page of the target object, or, when the associated content is displayed, that is, when the associated content is stopped, the target page is switched to the details page of the target object; it can also be displayed during the display of the associated content, such as when the associated content is completely covered When the target page is selected, the target page located at the lower level of the associated content is switched to the details page of the target object.
  • the electronic device may switch the target page to the detail page of the target object during the process of displaying the associated content, and at this time, the associated content of the target content is displayed on the upper layer of the target page, and After the display of the associated content is completed, displaying the detail page of the target object may include: displaying the associated content of the target content on the upper layer of the target page, and displaying the associated content during the display of the associated content.
  • the target page is switched to the detail page of the target object; when the display of the associated content is completed, the display of the associated content is stopped to display the detail page located at the lower level of the associated content.
  • the electronic device when the electronic device receives a shake trigger operation from the user, in response to the shake trigger operation, the associated content of the target content is displayed on the upper layer of the target page, for example, the association of the target object is displayed on the upper layer of the target page.
  • special effects or play the associated video of the target object during the display process of the associated special effect or the playback process of the associated video, switch the target page located at the lower level of the associated special effect/associated video to the details page of the target object, and in the When the display of the associated special effect is completed or the associated video is finished playing, stop displaying the associated special effect/associated video on the upper layer, so as to show the user the details page of the target object located at the lower layer of the associated special effect/associated video.
  • the method further includes: displaying the target object when a second trigger operation acting on the associated content is received. details page.
  • the second trigger operation may be understood as a trigger operation acting on the display area of the associated content, such as a click operation acting on the display area of the associated content.
  • the user when the user does not want to wait for the related content to be displayed before viewing the details page of the target object, he can click on the display area of the related content, such as clicking on the related content displayed by the electronic device; correspondingly, the electronic device is monitoring
  • the click operation acts on the display area of the associated content, it can be determined that the second trigger operation is received, the display of the associated content is stopped, and the details page of the target object is displayed, so that the user can view the detailed information of the target object, thereby preventing the user from It is necessary to wait for the related content to be displayed before viewing the detailed information of the target object, which reduces the user's waiting time and improves the user's experience.
  • a target page is displayed, and target content including the target object is displayed on the target page; a shake trigger operation from the user is received, and in response to the shake trigger operation, the target page is displayed on the upper layer of the target page.
  • the related content of the target content is displayed, and after the related content is displayed, the detail page of the target object is displayed.
  • FIG. 4 is a schematic flowchart of another interaction method provided by an embodiment of the present disclosure.
  • the solution in this embodiment can be combined with one or more optional solutions in the above-mentioned embodiments.
  • the associated content includes associated visual elements
  • the associated content of the target content is displayed on the upper layer of the target page
  • the target page is switched to the target page during the display process of the associated content.
  • the detail page of the target object includes: filling the display area where the target page is located with the associated visual elements of the target content; when the filling is completed, stop controlling the new associated visual elements to move into the display area, and move all the associated visual elements into the display area.
  • the target page is switched to the details page of the target object.
  • stopping the display of the associated content so as to display the details page located at a lower level of the associated content including: after the preset time length is filled, controlling each An associated visual element is moved out of the display area to display the detail page at a lower level of the associated visual element.
  • the associated content includes an associated video
  • the associated content of the target content is displayed on the upper layer of the target page
  • the target page is switched to the The detail page of the target object, including: playing the associated video of the target content on the upper layer of the target page, and switching the target page to the detail page of the target object during the playing process of the associated video;
  • stopping the display of the associated content so as to display the detail page located at the lower level of the associated content includes: when the associated video is finished playing, stopping the display of the associated video , to display the detail page located below the associated video.
  • the interaction method provided by this embodiment includes the following steps.
  • the associated visual element can be understood as the visual element displayed on the upper layer of the target page when the user's shaking trigger operation is received when the target content is displayed on the target page, and the visual element can be related to the target content included in the target content.
  • the visual element associated with the object may also be a visual element not associated with the target object.
  • the shape of the associated visual element may be set flexibly, for example, the associated data element may be in the shape of an easter egg, such as a sphere, or may be in other regular or irregular shapes, which is not limited in this embodiment.
  • the electronic device when it receives a shake trigger operation from the user, it can obtain the associated content of the target content from the server, and when the obtained associated content is an associated visual element, it can follow a preset filling method.
  • the display area where the target page is located is filled with one or more of the associated visual elements to cover the target page displayed on the screen.
  • the filling method of the associated visual element can be flexibly set as required.
  • the associated visual element can be displayed at a preset position (such as the center position of the display area where the target page is located) and the associated visual element can be controlled to gradually expand until Completely cover the display area where the target page is located; you can also display multiple associated visual elements in a preset position successively or control multiple associated visual elements to move from the preset position into the display area where the target page is located, and control each associated visual element.
  • the element moves to the area boundary of the display area, when it moves to another set position of the display area (such as the boundary or another position within the display area), or moves to the same area that has stopped moving in the display area
  • other associated visual elements are in contact, they stop moving until the associated visual elements fill the display area where the target page is located, which is not limited in this embodiment.
  • the step of using the associated visual elements of the target content to fill the display area where the target page is located includes: controlling the associated visual elements of the target content to move from a preset position into a place where the target page is located. and continues to move to the area boundary of the display area until it contacts the area boundary or the associated visual element in the display area that stops moving.
  • the preset position may be any position in the display area where the target page is located, such as one or more area boundary positions in the display area where the target page is located, or any position in the display area where the target page is located, such as The center position of the target page or other non-regional border positions, etc.
  • the moving direction of the associated visual elements can be set flexibly, for example, it can be set as the direction from the preset position to the area boundary of the display area where the target page is located, and the moving directions of different associated visual elements may be the same or different.
  • the electronic device when receiving a shake trigger operation from the user, can successively control a plurality of associated visual elements to move into the display area from a boundary of the display area where the target page is located, and continue to move toward the boundary opposite to the area boundary. For example, you can control multiple associated visual elements to fall into the display area in a downward direction from the upper area boundary of the display area where the target page is located, and control each associated visual element in the display area.
  • the associated visual element is an ellipsoidal visual element and the target page is an open-screen page as an example
  • the associated visual elements that have stopped moving are in contact, or, successively control multiple associated visual elements to float into the display area from the lower boundary of the display area where the target page is located in an upward direction, and control each associated visual element in the display area.
  • the area boundary position (the center position of the display area) moves into the display area in different directions, and continues to move around until it contacts an area boundary of the display area or other associated visual elements in the display area that have stopped moving until.
  • the number of associated visual elements that are moved into the display area where the target page is located at a single time can be preset or randomly determined, the speed at which different associated visual elements move into the display area where the target page is located, and the different associated visual elements in the display area where the target page is located.
  • the speed of movement can be the same or not.
  • the target page after the associated visual element fills the display area where the target page is located, the target page can be switched to the detail page of the target object, so as to weaken the user's perception of the page switching operation and reduce the abruptness of page switching. .
  • Figure 6 takes the target page as the open-screen page as an example
  • the filling stop controlling the new target video element to move into the display area, and switch the target page to the detail page of the target object.
  • the associated visual elements fill the display area where the target page is located does not necessarily require that there are no gaps in the target area that are not filled with associated visual elements, but only that the filled associated visual elements fill the entire display area, that is, you only need to follow the The move-in method described above is no longer sufficient to move in new associated visual elements.
  • the electronic device can use associated visual elements to fill the display area where the target page is located, and after the filling is completed, continue to display the filled associated visual elements for a preset length of time, and control each associated visual element to move out after the preset time length is reached.
  • the display area where the target page is located to cancel the occlusion of the detail page of the target object displayed in the display area, that is, to show the user the detail page of the target object located at the lower level of the associated visual element.
  • the preset time length can be set as required, for example, the preset time length can be set to 1s or 2s.
  • the moving direction of each associated visual element moving out of the display area can be the same or different from the direction in which the associated visual element moves into the display area, and each associated visual element can be controlled to move out of the display area along the moving direction of the associated visual element when it moves into the display area.
  • the display area for example, when each associated visual element moves into the display area in the downward direction, after reaching a preset time length, you can control each associated visual element to continue to move down to move out of the display area; When the associated visual element moves into the display area in the upward direction, you can control each associated visual element to continue to move upwards to move out of the display area after a preset time period is reached, and so on, so as to improve the movement of each associated visual element in and out of the display area. Continuity when moving out.
  • the different associated visual elements may or may not move at the same speed as they move out of the display area.
  • the trigger condition for controlling each associated visual element to move out of the display area may also be set as the target page is switched to the details page of the target object, that is, in this embodiment, after the target page is switched to the details page of the target object, That is, control each associated visual element to move out of the display area where the target page is located.
  • the associated video of the target content can be understood as a video containing the target object.
  • the associated video can be a different video from the target content, and the associated video can be set by the developer as needed.
  • the electronic device when it receives a shake trigger operation from the user, it can obtain the associated content of the target content from the server, and when the obtained associated content is a video, that is, when the obtained associated content is an associated video , play the associated video on the upper layer of the target page, during the playback of the associated video, if the associated video is played to a preset time node (such as the starting point of the associated video, the associated video is located between the starting point and the end point) time node or the end point of the associated video, etc.), when the target page located at the lower level of the associated video being played is switched to the detail page of the target object, and when the associated video finishes playing, stop displaying the associated video in the upper layer, such as deleting the associated video The layer on which to display the detail page of the target object below the associated video.
  • a preset time node such as the starting point of the associated video, the associated video is located between the starting point and the end point
  • time node such as the starting point of the associated video, the associated video is located
  • the associated visual element when receiving a shake trigger operation from the user, the associated visual element is displayed on the upper layer of the target page or the associated video is played, and the target page is switched to the detail page of the target object during the display process. It can provide users with more interactive methods and interactive content, and can also weaken the user's perception of page switching, improve the continuity of the content displayed on the page, and improve the user's viewing experience.
  • FIG. 7 is a structural block diagram of an interactive device according to an embodiment of the present disclosure.
  • the apparatus can be implemented by software and/or hardware, can be configured in an electronic device, can be configured in a mobile phone or a tablet computer, and can interact by executing an interactive method.
  • the interactive device provided in this embodiment may include: a target page display module 701 , a shake receiving module 702 , and a detail page display module 703 .
  • the target page display module 701 is configured to display a target page, wherein the target page displays target content including a target object;
  • a shake receiving module 702 configured to receive a shake trigger operation of the user
  • the detail page display module 703 is configured to display the related content of the target content on the upper layer of the target page in response to the shake trigger operation, and after the related content is displayed, display the related content of the target object. Details page.
  • the target page is displayed by the target page display module 701, and the target content including the target object is displayed on the target page; the shaking trigger operation of the user is received by the shaking receiving module 702, and the details are
  • the page display module 703 displays the associated content of the target content on the upper layer of the target page in response to the shake trigger operation, and displays the detail page of the target object after the associated content is displayed.
  • the user can instruct the electronic device to display the related content of the target content displayed in the target page and jump to the details page of the target object by shaking the trigger operation, which can improve the display of the target content of the target object.
  • interesting in associating with content so as to improve the user's interest in the target object and the user's experience.
  • the target page may include a screen opening page and/or a video playing page.
  • the target page may include a video playing page, and the target content may be a target video.
  • the interactive device provided in this embodiment may further include: a screen-opening page display module configured to display the screen-opening page before the target page is displayed , and display the screen-opening content including the target object in the screen-opening page; the target page display module 701 can be set to: when the screen-opening content is displayed, or when receiving an effect on the screen-opening content During the first triggering operation of the jump control in the page, the currently displayed page is switched from the screen opening page to the video playing page, and the target video including the target object is played on the video playing page.
  • the detail page display module 703 may include: a page switching unit, configured to display the associated content of the target content on the upper layer of the target page, and during the display process of the associated content, display the associated content The target page is switched to the detail page of the target object; the detail page display unit is configured to stop displaying the associated content when the associated content is displayed, so as to display the detail page located at the lower level of the associated content .
  • the associated content includes associated visual elements
  • the page switching unit may be configured to: fill the display area where the target page is located with the associated visual elements of the target content; when the filling is completed, stop A new associated visual element is controlled to move into the display area, and the target page is switched to the detail page of the target object.
  • the page switching unit may be configured to: control the associated visual element of the target content to move from a preset position into the display area where the target page is located, and continue to the area boundary of the display area move until it comes into contact with the area boundary or the associated visual element in the display area that has stopped moving.
  • the detail page display unit may be set to: after filling the preset time length, control each associated visual element to move out of the display area, so as to display the details at the lower layer of the associated visual element page.
  • the page switching unit may be configured to: play the associated video of the target content on the upper layer of the target page, and switch the target page to the target page during the playing process of the associated video
  • the detail page of the target object may be configured to: stop displaying the video frame of the associated video when the associated video finishes playing, so as to display the detail page located at the lower layer of the associated video.
  • the interactive device may further include: a trigger receiving module, configured to, after the related content of the target content is displayed on the upper layer of the target page, when a second trigger acting on the related content is received During operation, the detail page of the target object is displayed.
  • a trigger receiving module configured to, after the related content of the target content is displayed on the upper layer of the target page, when a second trigger acting on the related content is received During operation, the detail page of the target object is displayed.
  • the interaction device provided by the embodiment of the present disclosure can execute the interaction method provided by any embodiment of the present disclosure, and has functional modules and effects corresponding to executing the interaction method.
  • the interaction method provided by any embodiment of the present disclosure can execute the interaction method provided by any embodiment of the present disclosure, and has functional modules and effects corresponding to executing the interaction method.
  • FIG. 8 it shows a schematic structural diagram of an electronic device (eg, a terminal device) 800 suitable for implementing an embodiment of the present disclosure.
  • the terminal device in the embodiment of the present disclosure may include, for example, a mobile phone, a notebook computer, a digital broadcast receiver, a personal digital assistant (Personal Digital Assistant, PDA), a tablet computer (Portable Android Device, PAD), a portable multimedia player (Portable Multimedia Player) Player, PMP), mobile terminals such as in-vehicle terminals (eg, in-vehicle navigation terminals), etc., and stationary terminals such as digital TVs, desktop computers, and the like.
  • PDA Personal Digital Assistant
  • PAD Portable Android Device
  • PMP portable multimedia player
  • mobile terminals such as in-vehicle terminals (eg, in-vehicle navigation terminals), etc.
  • stationary terminals such as digital TVs, desktop computers, and the like.
  • the electronic device shown in FIG. 8 is only an example, and should not impose any limitation on
  • the electronic device 800 may include a processing device (such as a central processing unit, a graphics processor, etc.) 801, and the processing device 801 may be based on a program stored in a read-only memory (Read-only Memory, ROM) 802 or from a Storage device 808 loads programs into random access memory (RAM) 803 to perform various appropriate actions and processes. In the RAM 803, various programs and data required for the operation of the electronic device 800 are also stored.
  • the processing device 801, the ROM 802, and the RAM 803 are connected to each other through a bus 804.
  • An Input/Output (I/O) interface 805 is also connected to the bus 804 .
  • I/O interface 805 The following devices may be connected to the I/O interface 805: Input devices 806 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; including, for example, a Liquid Crystal Display (LCD), speakers An output device 807 , a vibrator, etc.; a storage device 808 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 809 . Communication means 809 may allow electronic device 800 to communicate wirelessly or by wire with other devices to exchange data.
  • FIG. 8 shows an electronic device 800 having various means, it is not required to implement or have all of the illustrated means. More or fewer devices may alternatively be implemented or provided.
  • embodiments of the present disclosure include a computer program product comprising a computer program carried on a non-transitory 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 the communication device 809, or from the storage device 808, or from the ROM 802.
  • the processing device 801 the above-mentioned functions defined in the methods of the embodiments of the present disclosure are executed.
  • the computer-readable medium described above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the two.
  • the computer-readable storage medium can be, for example, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus or device, or a combination of any of the above.
  • Computer readable storage media can include: electrical connections with one or more wires, portable computer disks, hard disks, RAM, ROM, Erasable Programmable Read-Only Memory (EPROM), flash memory, optical fibers , portable compact disk read-only memory (Compact Disc Read-Only Memory, CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the above.
  • the storage medium may be a non-transitory storage medium.
  • a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction 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 with computer-readable program code embodied thereon. Such propagated data signals may take a variety of forms, including electromagnetic signals, optical signals, or any suitable combination of the foregoing.
  • a computer-readable signal medium can also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transport the program for use by or in connection with the instruction execution system, apparatus, or device .
  • the program code embodied on the computer-readable medium may be transmitted by any suitable medium, including: electric wire, optical fiber cable, radio frequency (RF), etc., or any suitable combination of the above.
  • clients and servers can communicate using any currently known or future developed network protocols, such as HyperText Transfer Protocol (HTTP), and can communicate with digital data in any form or medium.
  • Communication eg, a communication network
  • Examples of communication networks include Local Area Networks (LANs), Wide Area Networks (WANs), the Internet (eg, the Internet), and peer-to-peer networks (eg, ad hoc peer-to-peer networks), as well as any currently Known or future developed networks.
  • LANs Local Area Networks
  • WANs Wide Area Networks
  • the Internet eg, the Internet
  • peer-to-peer networks eg, ad hoc peer-to-peer networks
  • the above-mentioned computer-readable medium may be included in the above-mentioned electronic device; or may exist alone without being assembled into the electronic device.
  • the above-mentioned computer-readable medium carries one or more programs, and when the above-mentioned one or more programs are executed by the electronic device, the electronic device: displays a target page, wherein the target page is displayed with a target including a target object content; receive a shake trigger operation from the user; in response to the shake trigger operation, display the associated content of the target content on the upper layer of the target page, and after the associated content is displayed, display the associated content Details page describing the target object.
  • Computer program code for carrying out operations of the present disclosure may be written in one or more programming languages, including object-oriented programming languages—such as Java, Smalltalk, C++, but also conventional Procedural programming language - such as the "C" language or 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 computer may be connected to the user computer through any kind of network, including a LAN or WAN, or may be connected to an external computer (eg, using an Internet service provider to connect through the Internet).
  • each block in the flowchart or block diagrams may represent a module, segment, or portion of code that contains one or more logical functions for implementing the specified functions executable instructions.
  • the functions noted in the blocks may occur out of the order noted in the figures.
  • two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved.
  • Each block of the block diagrams and/or flowchart illustrations, and combinations of blocks in the block diagrams and/or flowchart illustrations can be implemented in special purpose hardware-based systems that perform the specified functions or operations, or special purpose hardware implemented in combination with computer instructions.
  • the units involved in the embodiments of the present disclosure may be implemented in a software manner, and may also be implemented in a hardware manner.
  • the name of the module does not constitute a limitation on the unit itself.
  • FPGA Field Programmable Gate Array
  • ASIC Application Specific Integrated Circuit
  • ASSP Application Specific Standard Parts
  • SOC System on Chip
  • CPLD Complex Programmable Logic Device
  • a machine-readable medium may be a tangible medium that may contain or store a program for use by or in connection with the instruction execution system, apparatus or device.
  • the machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium.
  • Machine-readable media may include electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices, or devices, or any suitable combination of the foregoing.
  • Machine-readable storage media include one or more wire-based electrical connections, portable computer disks, hard disks, RAM, ROM, EPROM, flash memory, optical fibers, portable CD-ROMs, optical storage devices, magnetic storage devices, or the above any suitable combination of content.
  • Example 1 provides an interaction method, comprising:
  • the target page displays target content including the target object
  • the associated content of the target content is displayed on the upper layer of the target page, and after the associated content is displayed, the detail page of the target object is displayed.
  • Example 2 According to the method of Example 1, the target page includes a screen opening page and/or a video playing page.
  • Example 3 The method according to Example 2, the target page includes a video playing page, the target content is a target video, and before the displaying of the target page, further comprising:
  • the display target page includes:
  • the currently displayed page is switched from the screen-opening page to the video playback page, and play the target video containing the target object in the video playing page.
  • Example 4 according to the method described in Example 1, the related content of the target content is displayed on the upper layer of the target page, and after the related content is displayed, the related content is displayed.
  • the details page of the target object including:
  • the display of the associated content is completed, the display of the associated content is stopped, so as to display the detail page located at the lower level of the associated content.
  • Example 5 in Example 5, according to the method described in Example 4, the associated content includes an associated visual element, the associated content of the target content is displayed on the upper layer of the target page, and the associated content is displayed on the target page.
  • switching the target page to the detail page of the target object includes:
  • Example 6 According to one or more embodiments of the present disclosure, Example 6. According to the method of Example 5, the use of the associated visual elements of the target content to fill the display area where the target page is located includes:
  • the associated visual element that stops moving until it touches.
  • Example 7 when the related content is displayed, stop displaying the related content, so as to display a lower layer of the related content.
  • the details page including:
  • each associated visual element is controlled to move out of the display area, so as to display the detail page located at the lower layer of the associated visual element.
  • Example 8 is the method according to Example 4, the associated content includes associated video, the associated content of the target content is displayed on the upper layer of the target page, and the associated content is displayed on the target page.
  • switching the target page to the detail page of the target object including:
  • the display of the associated content is stopped, so as to display the detail page located at the lower level of the associated content, including:
  • Example 9 according to the method of any one of Examples 1-4, after the displaying the related content of the target content on the upper layer of the target page, includes:
  • Example 10 provides an interactive device comprising:
  • a target page display module configured to display a target page, wherein the target page displays target content including a target object
  • Shake the receiving module set to receive the user's shake trigger operation
  • a detail page display module configured to display the associated content of the target content on the upper layer of the target page in response to the shaking trigger operation, and display the details of the target object after the associated content is displayed page.
  • Example 11 provides an electronic device, comprising:
  • processors one or more processors
  • memory arranged to store one or more programs
  • the one or more processors When the one or more programs are executed by the one or more processors, the one or more processors implement the interaction method as described in any one of Examples 1-9.
  • Example 12 provides a computer-readable storage medium having stored thereon a computer program that, when executed by a processor, implements as described in any one of Examples 1-9 interactive method.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Business, Economics & Management (AREA)
  • Human Computer Interaction (AREA)
  • Accounting & Taxation (AREA)
  • Finance (AREA)
  • Development Economics (AREA)
  • Strategic Management (AREA)
  • Software Systems (AREA)
  • Economics (AREA)
  • Marketing (AREA)
  • General Business, Economics & Management (AREA)
  • Computer Hardware Design (AREA)
  • Entrepreneurship & Innovation (AREA)
  • Game Theory and Decision Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种互动方法、装置、电子设备和存储介质。互动方法包括：显示目标页面，其中，目标页面中显示有包含目标对象的目标内容（S101）；接收到用户的摇一摇触发操作（S102）；响应于摇一摇触发操作，在目标页面的上层展示目标内容的关联内容，并在关联内容展示完毕后，显示目标对象的详情页面（S103）。

Description

互动方法、装置、电子设备和存储介质
本申请要求在2021年01月27日提交中国专利局、申请号为202110113638.6的中国专利申请的优先权，该申请的全部内容通过引用结合在本申请中。
技术领域
本公开涉及互动技术领域，例如涉及一种互动方法、装置、电子设备和存储介质。
背景技术
在启动客户端时，通常会显示开屏页面，并在开屏页面中显示相应的开屏内容，如在开屏页面中显示预先设置的开屏画面或在开屏页面中播放预先设置的开屏视频等。
然而，相关技术中的开屏页面的展示方式，互动性较差，导致用户对开屏内容的观看体验不佳。
发明内容
本公开提供一种互动方法、装置、电子设备和存储介质，以提升开屏内容的互动性，提高用户的观看体验。
本公开实施例提供了一种互动方法，包括：
显示目标页面，其中，所述目标页面中显示有包含目标对象的目标内容；
接收到用户的摇一摇触发操作；
响应于所述摇一摇触发操作，在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容展示完毕后，显示所述目标对象的详情页面。
本公开实施例还提供了一种互动装置，包括：
目标页面显示模块，设置为显示目标页面，其中，所述目标页面中显示有包含目标对象的目标内容；
摇一摇接收模块，设置为接收到用户的摇一摇触发操作；
详情页面显示模块，设置为响应于所述摇一摇触发操作，在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容展示完毕后，显示所述目标对象的详情页面。
本公开实施例还提供了一种电子设备，包括：
一个或多个处理器；
存储器，设置为存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本公开实施例所述的互动方法。
本公开实施例还提供了一种计算机可读存储介质，存储有计算机程序，该计算机程序被处理器执行时实现如本公开实施例所述的互动方法。
附图说明
图1为本公开实施例提供的一种互动方法的流程示意图；
图2为本公开实施例提供的一种开屏页面的示意图；
图3为本公开实施例提供的一种视频播放页面的示意图；
图4为本公开实施例提供的另一种互动方法的流程示意图；
图5为本公开实施例提供的一种关联视觉元素的移入方式示意图；
图6为本公开实施例提供的一种关联视觉元素的显示方式示意图；
图7为本公开实施例提供的一种互动装置的结构框图；
图8为本公开实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将参照附图描述本公开的实施例。虽然附图中显示了本公开的一些实施例，本公开可以通过多种形式来实现，而且不应该被解释为限于这里阐述的实施例。本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
本公开的方法实施方式中记载的多个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施 例”。其他术语的相关定义将在下文描述中给出。
本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，除非在上下文另有指出，否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
图1为本公开实施例提供的一种互动方法的流程示意图。该方法可以由互动装置执行，其中，该装置可以由软件和/或硬件实现，可配置于电子设备中，例如可以配置在手机或平板电脑中。本公开实施例提供的互动方法适用于展示开屏内容或播放与开屏内容包含同一对象的视频的场景。如图1所示，本实施例提供的互动方法可以包括以下步骤。
S101、显示目标页面，其中，所述目标页面中显示有包含目标对象的目标内容。
其中，目标对象可以为待推荐的对象，如待推荐的虚拟或非虚拟物品等。目标内容可以理解为目标对象的推荐内容，如由开发商设置的一个物品的广告内容或由其他用户上传的一个物品的推荐信息等，目标内容的格式可以包括图片(包括静态图片或动态图片等)和/或视频，以下以目标内容为广告内容为例进行说明。目标页面可以为显示有目标内容的页面，如任一显示有广告内容的页面，所述目标页面可以包括开屏页面和/或视频播放页面，该开屏页面可以理解为应用软件启动时所显示的页面，该视频播放页面可以理解为正在播放包含目标对象的推荐视频的视频播放页面，如正在播放广告视频的视频播放页面等。
电子设备基于用户的触发操作显示目标页面，并在目标页面中显示包含目标对象的目标内容，例如，电子设备可以在相应应用软件启动的过程中或者在该应用软件启动完成后，显示开屏页面，并在开屏页面中显示预先设置的广告内容，如图2所示；也可以基于用户的相应触发操作在视频播放页面中播放视频，并在播放广告视频或者特定的广告视频(如设置有关联内容的广告视频)时，如图3所示，基于用户的摇一摇触发操作执行后续步骤。
在本实施例中，如图2所示，当在开屏页面中展示开屏广告时，开屏页面中还可以显示有摇一摇提示信息20，以提醒用户可以通过进行摇一摇触发操作进行更多的互动。此外，开屏页面中还可以设置有跳转控件21，从而，用户可 以通过点击该跳转控件21指示电子设备停止显示开屏页面，并进入应用软件的首页面，如一个视频播放页面。或者，电子设备可以在开屏页面中的广告视频播放完毕时(针对开屏页面中所显示的目标内容为视频的情况)或者在开屏页面中的广告图片显示预设时间长度时(针对开屏页面中所显示的目标内容为图片的情况)，自动将当前显示页面由开屏页面切换为应用软件的首页面。用户也可以通过点击开屏页面的非控件区域(如目标内容的显示区域)指示电子设备将当前显示页面切换为目标对象的详情页面。
如图3所示，当在视频播放页面中播放目标对象的推荐视频时，如当在视频播放页面中播放目标对象的广告视频时，视频播放页面中可以显示有摇一摇提示信息30，以提醒用户可以通过进行摇一摇触发操作进行更多的互动。此外，视频播放页面中还可以显示有查看详情控件31，从而，用户可以通过点击该查看详情控件31指示电子设备将当前显示页面由视频播放页面切换为目标对象的详情页面，以便于用户查看该目标对象的详细信息。
在一个实施方式中，所述目标页面包括视频播放页面，所述目标内容为目标视频，在所述显示目标页面之前，还包括：显示开屏页面，并在所述开屏页面中显示包含目标对象的开屏内容；所述显示目标页面，包括：当所述开屏内容展示完毕时，或者，当接收到作用于所述开屏页面内的跳转控件的第一触发操作时，将当前显示页面由所述开屏页面切换为视频播放页面，并在所述视频播放页面中播放包含所述目标对象的目标视频。
在上述实施方式中，电子设备可以在播放开屏内容的目标视频时，为用户提供摇一摇的互动方式。该目标视频可以为与开屏内容包含同一对象的视频，如与开屏广告对应同一物品的视频，该视频可以在进入应用程序的首页面(如视频播放页面)时进行播放。第一触发操作可以理解为触发开屏页面中的跳转控件的操作，如作用于开屏页面中的跳转控件的点击操作等。
示例性的，以应用程序的首页面即为视频播放页面为例，电子设备在启动相应应用程序时或者在相应应用程序启动完成后，显示开屏页面，并在开屏页面中展示包含目标对象的目标内容，如在开屏页面中显示目标物品的广告图片或在开屏页面中播放目标物品的广告视频。用户可以观看开屏页面中所展示的目标内容，并在欲跳过该目标内容进入应用程序的视频播放页面时，点击开屏页面中的跳转控件。相应的，电子设备可以在监测到用户触发开屏页面中的跳转控件时，确定接收到第一触发操作，将当前显示页面由开屏页面切换为应用软件的首页面，将目标对象的目标视频设置为该首页面的视频流中的首个视频，并在该首页面中播放该首个视频；或者，电子设备也可以在目标内容展示完毕时，将当前显示页面由开屏页面切换为应用软件的首页面，将目标对象的目标 视频设置为该首页面的视频流中的首个视频，并在该首页面中播放该首个视频。从而，用户在不欲观看该目标视频时，可以通过执行相应的视频切换操作，如上下滑动操作，指示电子设备切换首页面中所播放的视频。
在另一个实施方式中，电子设备可以在展示开屏内容时为用户提供摇一摇互动方式，此时，当开屏内容播放完毕时或者当接收到作用于开屏页面内的跳转控件的第一触发操作时，电子设备可以将当前显示页面由开屏页面切换为应用软件的首页面，并在该首页面中播放包含或不包含目标对象的视频，可以在首页面中播放不包含目标对象的视频，即可以将首页面的视频流中的首个视频设置为目标对象的非推荐视频，以避免用户连续观看广告内容的情况，进一步提高用户的观看体验。
S102、接收到用户的摇一摇触发操作。
其中，摇一摇触发操作可以理解为作用于电子设备、摇动幅度大于或等于预设角度值、连续摇动次数大于或等于预设次数且相邻两次摇动的时间间隔小于或等于预设时间间隔的摇动操作。该预设角度、预设次数和预设时间间隔可以由开发人员根据需要设置，如预设角度值可以设置为20°或30°等，预设次数可以设置为2次或3次等，预设时间间隔可以设置为0.5s或1s等，本实施例不对此进行限制。
电子设备在目标页面中显示目标内容；用户在欲查看目标页面中所显示的目标内容的关联内容时，可以摇动电子设备，即执行摇一摇触发操作；相应的，电子设备可以接收用户的摇一摇触发操作，并执行S103。
S103、响应于所述摇一摇触发操作，在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容展示完毕后，显示所述目标对象的详情页面。
其中，目标内容的关联内容可以为与目标对象关联的特效(即关联特效)或与目标对象关联的视频(即关联视频)等，目标内容的关联内容可以由开发人员预先根据需要进行设置。该关联特效可以包含或不包含与目标对象关联的视觉元素。目标对象的详情页面可以为显示有目标对象的详细信息的页面，当目标对象为广告内容所对应的物品时，该详情页面可以为该物品的购买页面，以便于用户查看相应物品的详细信息并进行购买。该详情页面可以为应用程序内设置的页面或其他应用程序中的页面，当该详情页面为其他应用程序中的页面时，本应用程序可以通过调用该其他应用程序展示目标对象的详情页面。
示例性的，电子设备在监测到用户的摇一摇触发操作时可以在目标页面中继续展示目标内容，并在目标页面的上层展示目标内容的关联内容，如在目标 页面的上层展示目标对象的关联特效或在目标对象的上层播放目标对象的关联视频，并在该关联特效展示完毕(如展示时间长度达到预设时间长度)或该关联视频播放完毕时，停止显示该关联特效/关联视频，并显示目标对象的详情页面，以便于用户查看目标对象的相关信息。
在本实施例中，电子设备将目标页面切换为目标对象的详情页面的时机可以根据需要设置，如电子设备可以在开始展示目标内容的关联内容时，即将位于关联内容的下层的目标页面切换为目标对象的详情页面，或者，在关联内容展示完毕时，即在停止显示关联内容时，将目标页面切换为目标对象的详情页面；也可以在关联内容的展示过程中，如当关联内容完全覆盖目标页面时，将位于关联内容的下层的目标页面切换为目标对象的详情页面。
在一个实施方式中，电子设备可以在展示关联内容的过程中，将目标页面切换为目标对象的详情页面，此时，所述在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容展示完毕后，显示所述目标对象的详情页面，可以包括：在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容的展示过程中，将所述目标页面切换为所述目标对象的详情页面；当所述关联内容展示完毕时，停止展示所述关联内容，以显示位于所述关联内容的下层的所述详情页面。
示例性的，电子设备在接收到用户的摇一摇触发操作时，响应于该摇一摇触发操作，在目标页面的上层展示目标内容的关联内容，如在目标页面的上层展示目标对象的关联特效或播放目标对象的关联视频，在该关联特效的展示过程中或者在该关联视频的播放过程中，将位于该关联特效/关联视频下层的目标页面切换为目标对象的详情页面，并在该关联特效展示完毕或者该关联视频播放完毕时，停止在上层显示该关联特效/关联视频，以向用户展示位于该关联特效/关联视频下层的目标对象的详情页面。
在一个实施方式中，在所述在所述目标页面的上层展示所述目标内容的关联内容之后，还包括：当接收到作用于所述关联内容的第二触发操作时，显示所述目标对象的详情页面。
其中，第二触发操作可以理解为作用于关联内容的展示区域的触发操作，如作用于关联内容的展示区域内的点击操作。
在上述实施方式中，当用户不欲等待关联内容展示完毕后再查看目标对象的详情页面时，可以点击关联内容的展示区域，如点击电子设备所展示的关联内容；相应的，电子设备在监测到作用于关联内容的展示区域内的点击操作时，可以确定接收到第二触发操作，停止显示关联内容，并显示目标对象的详情页面，以供用户查看目标对象的详细信息，从而，避免用户需要等待关联内容展 示完毕才能查看目标对象的详细信息的情况，减少用户的等待时间，提高用户的体验。
本实施例提供的互动方法，显示目标页面，并在该目标页面中显示包含目标对象的目标内容；接收用户的摇一摇触发操作，响应于该摇一摇触发操作，在该目标页面的上层显示该目标内容的关联内容，并在该关联内容展示完毕后，显示目标对象的详情页面。本实施例通过采用上述技术方案，用户可以通过摇一摇触发操作指示电子设备显示目标页面中所显示的目标内容的关联内容并跳转至目标对象的详情页面，能够进一步提高展示目标对象的目标内容与关联内容时的趣味性，从而提高用户对目标对象的兴趣以及用户的使用体验。
图4为本公开实施例提供的另一种互动方法的流程示意图。本实施例中的方案可以与上述实施例中的一个或多个可选方案组合。可选的，所述关联内容包括关联视觉元素，所述在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容的展示过程中，将所述目标页面切换为所述目标对象的详情页面，包括：采用所述目标内容的关联视觉元素填充所述目标页面所处的显示区域；当填充完成时，停止控制新的关联视觉元素移入所述显示区域，并将所述目标页面切换为所述目标对象的详情页面。
可选的，所述当所述关联内容展示完毕时，停止展示所述关联内容，以显示位于所述关联内容的下层的所述详情页面，包括：当填充完成预设时间长度后，控制每个关联视觉元素移出所述显示区域，以显示位于所述关联视觉元素的下层的所述详情页面。
可选的，所述关联内容包括关联视频，所述在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容的展示过程中，将所述目标页面切换为所述目标对象的详情页面，包括：在所述目标页面的上层播放所述目标内容的关联视频，并在所述关联视频的播放过程中，将所述目标页面切换为所述目标对象的详情页面；所述当所述关联内容展示完毕时，停止展示所述关联内容，以显示位于所述关联内容的下层的所述详情页面，包括：当所述关联视频播放完毕时，停止显示所述关联视频的视频帧，以显示位于所述关联视频下层的所述详情页面。
如图4所示，本实施例提供的互动方法包括以下步骤。
S201、显示目标页面，其中，所述目标页面中显示有包含目标对象的目标内容。
S202、接收到用户的摇一摇触发操作，执行S203或S206。
S203、响应于所述摇一摇触发操作，采用所述目标内容的关联视觉元素填充所述目标页面所处的显示区域。
其中，关联视觉元素可以理解为当在目标页面中显示目标内容时接收到用户的摇一摇触发操作在目标页面的上层所显示的视觉元素，该视觉元素可以为与目标内容中所包含的目标对象关联的视觉元素，也可以为与目标对象不关联的视觉元素。关联视觉元素的形状可以灵活设置，例如关联数据元素可以为彩蛋形状，如球形，也可以为其他规则或不规则的形状，本实施例不对此进行限制。
示例性的，电子设备在接收到用户的摇一摇触发操作时，可以向服务器获取目标内容的关联内容，并在所获取到的关联内容为关联视觉元素时，可以按照预先设置的填充方式，采用一个或多个该关联视觉元素填充目标页面所处的显示区域，以覆盖屏幕中所显示的目标页面。
在本实施例中，关联视觉元素的填充方式可以根据需要灵活设置，如可以在预先设置的一个位置(如目标页面所处显示区域的中心位置)显示关联视觉元素并控制关联视觉元素逐渐扩大直至完全覆盖目标页面所处的显示区域；也可以先后在预设位置显示多个关联视觉元素或者先后控制多个关联视觉元素自预设位置移入目标页面所处的显示区域，并控制每个关联视觉元素向该显示区域的区域边界处移动，当移动到该显示区域的另一设定位置(如边界或该显示区域内的另一个位置)处时或者移动到与该显示区域中已停止移动的其他关联视觉元素接触时停止移动，直至关联视觉元素填充满目标页面所处的显示区域为止，本实施例不对此进行限制。
在一个实施方式中，所述采用所述目标内容的关联视觉元素填充所述目标页面所处的显示区域，包括：控制所述目标内容的关联视觉元素自预设位置处移入所述目标页面所处的显示区域，并继续向所述显示区域的区域边界处移动，直至与所述区域边界或所述显示区域中停止移动的关联视觉元素接触为止。
其中，预设位置可以为目标页面所处显示区域的任一位置，如目标页面所处显示区域的一个或多个区域边界位置处，或者，目标页面所处显示区域内的任一位置，如目标页面的中心位置或其他非区域边界位置等。关联视觉元素的移动方向可以灵活设置，如可以设置为由预设位置向目标页面所处显示区域的区域边界的方向，不同关联视觉元素的移动方向可以相同或不相同。
示例性的，当接收到用户的摇一摇触发操作时，电子设备可以先后控制多个关联视觉元素自目标页面所处显示区域的一区域边界处移入该显示区域并继续向与该区域边界相对的另一区域边界处移动，如可以先后控制多个关联视觉元素自目标页面所处显示区域的上区域边界处沿向下的方向落入该显示区域， 并控制每个关联视觉元素在该显示区域内继续向下移动，如图5所示(图中以关联视觉元素为椭球形视觉元素、目标页面为开屏页面为例)，直至与该显示区域的下区域边界或该显示区域内其它已停止移动的关联视觉元素接触为止，或者，先后控制多个关联视觉元素自目标页面所处显示区域的下边界处沿向上的方向飘入该显示区域，并控制每个关联视觉元素在该显示区域内继续向上移动，直至与该显示区域的上区域边界或者该显示区域内其他已停止移动的关联视觉元素接触为止；也可以控制多个关联视觉元素自目标页面所处显示区域内的一非区域边界位置处(该显示区域的中心位置)沿不同的方向移入该显示区域，并继续向周围移动，直至与该显示区域的一个区域边界或者该显示区域内其他已停止移动的关联视觉元素接触为止。其中，单次移入目标页面所处显示区域的关联视觉元素的数量可以预先设置或随机确定，不同关联视觉元素移入目标页面所处显示区域的速度以及不同关联视觉元素在目标页面所处显示区域内移动的速度可以相同或不相同。
S204、当填充完成时，停止控制新的关联视觉元素移入所述显示区域，并将所述目标页面切换为所述目标对象的详情页面。
在本实施例中，可以在关联视觉元素填充满目标页面所位于的显示区域后，将目标页面切换为目标对象的详情页面，以弱化用户对页面切换操作的感知，降低页面切换时的突兀性。当关联视觉元素填充满目标页面所位于的显示区域时，如图6所示(图6以目标页面为开屏页面为例)，即当新的关联视觉元素已无法移入目标页面所位于的显示区域时，可以停止控制新的关联视觉元素移入该显示区域，并将位于该关联视觉元素的下层的目标页面切换为目标对象的详情页面。当填充完成时，停止控制新的目标视频元素移入所述显示区域，并将所述目标页面切换为所述目标对象的详情页面。
关联视觉元素填充满目标页面所位于的显示区域并不一定要求目标区域中不存在未填充关联视觉元素的空隙，只需要所填充的关联视觉元素已布满整个显示区域即可，即只需要按照上述移入方式已无法再移入新的关联视觉元素即可。
S205、当填充完成预设时间长度后，控制每个关联视觉元素移出所述显示区域，以显示位于所述关联视觉元素的下层的所述详情页面，结束操作。
电子设备可以采用关联视觉元素填充目标页面所处的显示区域，在填充完成后，继续显示填充完成的关联视觉元素预设时间长度，并在达到预设时间长度后，控制每个关联视觉元素移出目标页面所处的显示区域，以取消对该显示区域中所显示的目标对象的详情页面的遮挡，即以向用户展示位于关联视觉元素的下层的目标对象的详情页面。
其中，预设时间长度可以根据需要设置，如预设时间长度可以设置为1s或2s等。每个关联视觉元素移出显示区域的移动方向可以与该关联视觉元素移入该显示区域的方向相同或不相同，可以控制每个关联视觉元素沿该关联视觉元素移入该显示区域时的移动方向移出该显示区域，如当每个关联视觉元素沿向下的方向移入该显示区域时，可以在达到预设时间长度后，控制每个关联视觉元素继续向下移动，以移出该显示区域；当每个关联视觉元素沿向上的方向移入该显示区域时，可以在达到预设时间长度后，控制每个关联视觉元素继续向上移动，以移出该显示区域，等等，以提高每个关联视觉元素移入与移出时的连续性。不同关联视觉元素移出该显示区域时的移动速度可以相同或不相同。
在本步骤中，控制每个关联视觉元素移出显示区域的触发条件也可以设置为目标页面切换为目标对象的详情页面，即本实施例也可以在将目标页面切换为目标对象的详情页面之后，即控制每个关联视觉元素移出目标页面所处的显示区域。
S206、响应于所述摇一摇触发操作，在所述目标页面的上层播放所述目标内容的关联视频，并在所述关联视频的播放过程中，将所述目标页面切换为所述目标对象的详情页面。
S207、当所述关联视频播放完毕时，停止显示所述关联视频的视频帧，以显示位于所述关联视频下层的所述详情页面。
其中，目标内容的关联视频可以理解为包含目标对象的视频，当目标页面中所显示的目标内容为视频时，关联视频可以为与目标内容不同的视频，关联视频可以由开发人员根据需要进行设置。
示例性的，电子设备在接收到用户的摇一摇触发操作时，可以向服务器获取目标内容的关联内容，在所获取到的关联内容为视频时，即当所获取到的关联内容为关联视频时，在目标页面的上层播放该关联视频，在该关联视频的播放过程中，如在该关联视频播放到预先设置的一个时间节点(如关联视频的起点、关联视频位于起点与终点之间的一个时间节点或关联视频的终点等)时，当位于所播放的关联视频下层的目标页面切换为目标对象的详情页面，并在该关联视频播放完毕时，停止在上层显示关联视频，如删除关联视频所位于的图层，以显示位于关联视频下层的目标对象的详情页面。
本实施例提供的互动方法，当接收到用户的摇一摇触发操作时，在目标页面上层显示关联视觉元素或者播放关联视频，并在显示过程中将目标页面切换为目标对象的详情页面，不但能够为用户提供更多的互动方式以及互动内容，还能够弱化用户对页面切换的感知，提高页面中所显示内容的连续性，提高用户的观看体验。
图7为本公开实施例提供的一种互动装置的结构框图。该装置可以由软件和/或硬件实现，可配置于电子设备中，可以配置在手机或平板电脑中，可通过执行互动方法进行互动。如图7所示，本实施例提供的互动装置可以包括：目标页面显示模块701、摇一摇接收模块702和详情页面显示模块703。
目标页面显示模块701，设置为显示目标页面，其中，所述目标页面中显示有包含目标对象的目标内容；
摇一摇接收模块702，设置为接收到用户的摇一摇触发操作；
详情页面显示模块703，设置为响应于所述摇一摇触发操作，在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容展示完毕后，显示所述目标对象的详情页面。
本实施例提供的互动装置，通过目标页面显示模块701显示目标页面，并在该目标页面中显示包含目标对象的目标内容；通过摇一摇接收模块702接收用户的摇一摇触发操作，通过详情页面显示模块703响应于该摇一摇触发操作，在该目标页面的上层显示该目标内容的关联内容，并在该关联内容展示完毕后，显示目标对象的详情页面。本实施例通过采用上述技术方案，用户可以通过摇一摇触发操作指示电子设备显示目标页面中所显示的目标内容的关联内容并跳转至目标对象的详情页面，能够提高展示目标对象的目标内容与关联内容时的趣味性，从而提高用户对目标对象的兴趣以及用户的使用体验。
在上述方案中，所述目标页面可以包括开屏页面和/或视频播放页面。
所述目标页面可以包括视频播放页面，所述目标内容可以为目标视频，本实施例提供的互动装置还可以包括：开屏页面显示模块，设置为在所述显示目标页面之前，显示开屏页面，并在所述开屏页面中显示包含目标对象的开屏内容；所述目标页面显示模块701可以设置为：在所述开屏内容展示完毕时，或者，当接收到作用于所述开屏页面内的跳转控件的第一触发操作时，将当前显示页面由所述开屏页面切换为视频播放页面，并在所述视频播放页面中播放包含所述目标对象的目标视频。
在上述方案中，所述详情页面显示模块703可以包括：页面切换单元，设置为在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容的展示过程中，将所述目标页面切换为所述目标对象的详情页面；详情页面显示单元，设置为在所述关联内容展示完毕时，停止展示所述关联内容，以显示位于所述关联内容的下层的所述详情页面。
在所述方案中，所述关联内容包括关联视觉元素，所述页面切换单元可以 设置为：采用所述目标内容的关联视觉元素填充所述目标页面所处的显示区域；当填充完成时，停止控制新的关联视觉元素移入所述显示区域，并将所述目标页面切换为所述目标对象的详情页面。
在所述方案中，所述页面切换单元可以设置为：控制所述目标内容的关联视觉元素自预设位置处移入所述目标页面所处的显示区域，并继续向所述显示区域的区域边界处移动，直至与所述区域边界或所述显示区域中停止移动的关联视觉元素接触为止。
在上述方案中，所述详情页面显示单元可以设置为：当填充完成预设时间长度后，控制每个关联视觉元素移出所述显示区域，以显示位于所述关联视觉元素的下层的所述详情页面。
在所述方案中，所述页面切换单元可以设置为：在所述目标页面的上层播放所述目标内容的关联视频，并在所述关联视频的播放过程中，将所述目标页面切换为所述目标对象的详情页面；所述详情页面显示单元可以设置为：在所述关联视频播放完毕时，停止显示所述关联视频的视频帧，以显示位于所述关联视频下层的所述详情页面。
本实施例提供的互动装置还可以包括：触发接收模块，设置为在所述在所述目标页面的上层展示所述目标内容的关联内容之后，当接收到作用于所述关联内容的第二触发操作时，显示所述目标对象的详情页面。
本公开实施例提供的互动装置可执行本公开任意实施例提供的互动方法，具备执行互动方法相应的功能模块和效果。未在本实施例中详尽描述的技术细节，可参见本公开任意实施例所提供的互动方法。
下面参考图8，其示出了适于用来实现本公开实施例的电子设备(例如终端设备)800的结构示意图。本公开实施例中的终端设备可以包括诸如移动电话、笔记本电脑、数字广播接收器、个人数字助理(Personal Digital Assistant，PDA)、平板电脑(Portable Android Device，PAD)、便携式多媒体播放器(Portable Multimedia Player，PMP)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图8示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图8所示，电子设备800可以包括处理装置(例如中央处理器、图形处理器等)801，处理装置801可以根据存储在只读存储器(Read-only Memory，ROM)802中的程序或者从存储装置808加载到随机访问存储器(Random Access Memory，RAM)803中的程序而执行多种适当的动作和处理。在RAM 803中， 还存储有电子设备800操作所需的多种程序和数据。处理装置801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(Input/Output，I/O)接口805也连接至总线804。
以下装置可以连接至I/O接口805：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置806；包括例如液晶显示器(Liquid Crystal Display，LCD)、扬声器、振动器等的输出装置807；包括例如磁带、硬盘等的存储装置808；以及通信装置809。通信装置809可以允许电子设备800与其他设备进行无线或有线通信以交换数据。虽然图8示出了具有多种装置的电子设备800，但是并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置809从网络上被下载和安装，或者从存储装置808被安装，或者从ROM 802被安装。在该计算机程序被处理装置801执行时，执行本公开实施例的方法中限定的上述功能。
本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质可以包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、RAM、ROM、可擦式可编程只读存储器(Erasable Programmable Read-Only Memory，EPROM)、闪存、光纤、便携式紧凑磁盘只读存储器(Compact Disc Read-Only Memory，CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。存储介质可以是非暂态(non-transitory)存储介质。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括：电线、光缆、射频(Radio Frequency，RF)等等，或者上述的任意合适的组合。
在一些实施方式中，客户端、服务器可以利用诸如超文本传输协议(HyperText Transfer Protocol，HTTP)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(Local Area Network，LAN)，广域网(Wide Area Network，WAN)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：显示目标页面，其中，所述目标页面中显示有包含目标对象的目标内容；接收到用户的摇一摇触发操作；响应于所述摇一摇触发操作，在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容展示完毕后，显示所述目标对象的详情页面。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括LAN或WAN—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开多种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，模块的名称在一种情况下并不构成对该单元本 身的限定。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(Field Programmable Gate Array，FPGA)、专用集成电路(Application Specific Integrated Circuit，ASIC)、专用标准产品(Application Specific Standard Parts，ASSP)、片上系统(System on Chip，SOC)、复杂可编程逻辑设备(Complex Programmable Logic Device，CPLD)等等。
在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、RAM、ROM、EPROM、快闪存储器、光纤、便捷式CD-ROM、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的一个或多个实施例，示例1提供了一种互动方法，包括：
显示目标页面，其中，所述目标页面中显示有包含目标对象的目标内容；
接收到用户的摇一摇触发操作；
响应于所述摇一摇触发操作，在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容展示完毕后，显示所述目标对象的详情页面。
根据本公开的一个或多个实施例，示例2根据示例1所述的方法，所述目标页面包括开屏页面和/或视频播放页面。
根据本公开的一个或多个实施例，示例3根据示例2所述的方法，所述目标页面包括视频播放页面，所述目标内容为目标视频，在所述显示目标页面之前，还包括：
显示开屏页面，并在所述开屏页面中显示包含目标对象的开屏内容；
所述显示目标页面，包括：
当所述开屏内容展示完毕时，或者，当接收到作用于所述开屏页面内的跳转控件的第一触发操作时，将当前显示页面由所述开屏页面切换为视频播放页面，并在所述视频播放页面中播放包含所述目标对象的目标视频。
根据本公开的一个或多个实施例，示例4根据示例1所述的方法，所述在 所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容展示完毕后，显示所述目标对象的详情页面，包括：
在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容的展示过程中，将所述目标页面切换为所述目标对象的详情页面；
当所述关联内容展示完毕时，停止展示所述关联内容，以显示位于所述关联内容的下层的所述详情页面。
根据本公开的一个或多个实施例，示例5根据示例4所述的方法，所述关联内容包括关联视觉元素，所述在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容的展示过程中，将所述目标页面切换为所述目标对象的详情页面，包括：
采用所述目标内容的关联视觉元素填充所述目标页面所处的显示区域；
当填充完成时，停止控制新的关联视觉元素移入所述显示区域，并将所述目标页面切换为所述目标对象的详情页面。
根据本公开的一个或多个实施例，示例6根据示例5所述的方法，所述采用所述目标内容的关联视觉元素填充所述目标页面所处的显示区域，包括：
控制所述目标内容的关联视觉元素自预设位置处移入所述目标页面所处的显示区域，并继续向所述显示区域的区域边界处移动，直至与所述区域边界或所述显示区域中停止移动的关联视觉元素接触为止。
根据本公开的一个或多个实施例，示例7根据示例5或6所述的方法，所述当所述关联内容展示完毕时，停止展示所述关联内容，以显示位于所述关联内容的下层的所述详情页面，包括：
当填充完成预设时间长度后，控制每个关联视觉元素移出所述显示区域，以显示位于所述关联视觉元素的下层的所述详情页面。
根据本公开的一个或多个实施例，示例8根据示例4所述的方法，所述关联内容包括关联视频，所述在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容的展示过程中，将所述目标页面切换为所述目标对象的详情页面，包括：
在所述目标页面的上层播放所述目标内容的关联视频，并在所述关联视频的播放过程中，将所述目标页面切换为所述目标对象的详情页面；
所述当所述关联内容展示完毕时，停止展示所述关联内容，以显示位于所述关联内容的下层的所述详情页面，包括：
当所述关联视频播放完毕时，停止显示所述关联视频的视频帧，以显示位 于所述关联视频下层的所述详情页面。
根据本公开的一个或多个实施例，示例9根据示例1-4任一所述的方法，在所述在所述目标页面的上层展示所述目标内容的关联内容之后，包括：
当接收到作用于所述关联内容的第二触发操作时，显示所述目标对象的详情页面。
根据本公开的一个或多个实施例，示例10提供了一种互动装置，包括：
目标页面显示模块，设置为显示目标页面，其中，所述目标页面中显示有包含目标对象的目标内容；
摇一摇接收模块，设置为接收到用户的摇一摇触发操作；
详情页面显示模块，设置为响应于所述摇一摇触发操作，在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容展示完毕后，显示所述目标对象的详情页面。
根据本公开的一个或多个实施例，示例11提供了一种电子设备，包括：
一个或多个处理器；
存储器，设置为存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如示例1-9中任一所述的互动方法。
根据本公开的一个或多个实施例，示例12提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如示例1-9中任一所述的互动方法。
此外，虽然采用特定次序描绘了多个操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了多个实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的一些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的多种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

Claims (12)

  1. 一种互动方法，包括：
    显示目标页面，其中，所述目标页面中显示有包含目标对象的目标内容；
    接收到用户的摇一摇触发操作；
    响应于所述摇一摇触发操作，在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容展示完毕后，显示所述目标对象的详情页面。
  2. 根据权利要求1所述的方法，其中，所述目标页面包括以下至少之一：开屏页面、或视频播放页面。
  3. 根据权利要求2所述的方法，其中，所述目标页面包括所述视频播放页面，所述目标内容为目标视频，在所述显示目标页面之前，还包括：
    显示开屏页面，并在所述开屏页面中显示包含所述目标对象的开屏内容；
    所述显示目标页面，包括：
    在所述开屏内容展示完毕的情况下，或者，在接收到作用于所述开屏页面内的跳转控件的第一触发操作的情况下，将当前显示页面由所述开屏页面切换为所述视频播放页面，并在所述视频播放页面中播放包含所述目标对象的目标视频。
  4. 根据权利要求1所述的方法，其中，所述在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容展示完毕后，显示所述目标对象的详情页面，包括：
    在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容的展示过程中，将所述目标页面切换为所述目标对象的详情页面；
    在所述关联内容展示完毕的情况下，停止展示所述关联内容，以显示位于所述关联内容的下层的所述详情页面。
  5. 根据权利要求4所述的方法，其中，所述关联内容包括关联视觉元素，所述在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容的展示过程中，将所述目标页面切换为所述目标对象的详情页面，包括：
    采用所述目标内容的关联视觉元素填充所述目标页面所处的显示区域；
    在填充完成的情况下，停止控制新的关联视觉元素移入所述显示区域，并将所述目标页面切换为所述目标对象的详情页面。
  6. 根据权利要求5所述的方法，其中，所述采用所述目标内容的关联视觉元素填充所述目标页面所处的显示区域，包括：
    控制所述目标内容的关联视觉元素自预设位置处移入所述目标页面所处的 显示区域，并继续向所述显示区域的区域边界处移动，直至与所述区域边界或所述显示区域中停止移动的关联视觉元素接触为止。
  7. 根据权利要求5或6所述的方法，其中，所述在所述关联内容展示完毕的情况下，停止展示所述关联内容，以显示位于所述关联内容的下层的所述详情页面，包括：
    当填充完成预设时间长度后，控制每个关联视觉元素移出所述显示区域，以显示位于所述关联视觉元素的下层的所述详情页面。
  8. 根据权利要求4所述的方法，其中，所述关联内容包括关联视频，所述在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容的展示过程中，将所述目标页面切换为所述目标对象的详情页面，包括：
    在所述目标页面的上层播放所述目标内容的关联视频，并在所述关联视频的播放过程中，将所述目标页面切换为所述目标对象的详情页面；
    所述在所述关联内容展示完毕的情况下，停止展示所述关联内容，以显示位于所述关联内容的下层的所述详情页面，包括：
    在所述关联视频播放完毕的情况下，停止显示所述关联视频的视频帧，以显示位于所述关联视频的下层的所述详情页面。
  9. 根据权利要求1-4中任一项所述的方法，其中，在所述在所述目标页面的上层展示所述目标内容的关联内容之后，还包括：
    在接收到作用于所述关联内容的第二触发操作的情况下，显示所述目标对象的详情页面。
  10. 一种互动装置，包括：
    目标页面显示模块，设置为显示目标页面，其中，所述目标页面中显示有包含目标对象的目标内容；
    摇一摇接收模块，设置为接收到用户的摇一摇触发操作；
    详情页面显示模块，设置为响应于所述摇一摇触发操作，在所述目标页面的上层展示所述目标内容的关联内容，并在所述关联内容展示完毕后，显示所述目标对象的详情页面。
  11. 一种电子设备，包括：
    至少一个处理器；
    存储器，设置为存储至少一个程序，
    当所述至少一个程序被所述至少一个处理器执行，使得所述至少一个处理 器实现如权利要求1-9中任一项所述的互动方法。
  12. 一种计算机可读存储介质，存储有计算机程序，其中，所述计算机程序被处理器执行时实现如权利要求1-9中任一项所述的互动方法。
PCT/CN2022/073633 2021-01-27 2022-01-25 互动方法、装置、电子设备和存储介质 WO2022161335A1 (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
JP2023545191A JP2024505022A (ja) 2021-01-27 2022-01-25 インタラクション方法、装置、電子機器、および記憶媒体
EP22745210.9A EP4270188A1 (en) 2021-01-27 2022-01-25 Interaction method and apparatus, electronic device, and storage medium
US18/360,227 US20230367456A1 (en) 2021-01-27 2023-07-27 Interaction method and apparatus, electronic device, and storage medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202110113638.6A CN112783591A (zh) 2021-01-27 2021-01-27 互动方法、装置、电子设备和存储介质
CN202110113638.6 2021-01-27

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US18/360,227 Continuation US20230367456A1 (en) 2021-01-27 2023-07-27 Interaction method and apparatus, electronic device, and storage medium

Publications (1)

Publication Number Publication Date
WO2022161335A1 true WO2022161335A1 (zh) 2022-08-04

Family

ID=75759140

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/073633 WO2022161335A1 (zh) 2021-01-27 2022-01-25 互动方法、装置、电子设备和存储介质

Country Status (5)

Country Link
US (1) US20230367456A1 (zh)
EP (1) EP4270188A1 (zh)
JP (1) JP2024505022A (zh)
CN (1) CN112783591A (zh)
WO (1) WO2022161335A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116860115A (zh) * 2023-09-05 2023-10-10 荣耀终端有限公司 应用管理方法及相关装置

Families Citing this family (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112783591A (zh) * 2021-01-27 2021-05-11 北京字跳网络技术有限公司 互动方法、装置、电子设备和存储介质
CN113301441B (zh) * 2021-05-21 2023-02-03 北京字跳网络技术有限公司 应用程序的交互方法、装置和电子设备
CN113641294A (zh) * 2021-07-30 2021-11-12 北京达佳互联信息技术有限公司 信息展示方法、装置、电子设备及存储介质
CN113535033B (zh) * 2021-08-04 2023-09-05 北京字跳网络技术有限公司 多媒体内容展示的控制方法、装置、电子设备和介质
CN113791709A (zh) * 2021-08-20 2021-12-14 北京达佳互联信息技术有限公司 页面显示方法、装置、电子设备及存储介质
CN113760150B (zh) * 2021-09-22 2023-05-30 北京字跳网络技术有限公司 页面处理方法、装置、设备及存储介质
CN113867593A (zh) * 2021-10-18 2021-12-31 北京字跳网络技术有限公司 一种互动方法、装置、电子设备和存储介质
CN114117282B (zh) * 2021-11-30 2024-02-23 北京字跳网络技术有限公司 信息展示方法、装置、设备及存储介质
CN114296851B (zh) * 2021-12-27 2024-03-15 北京达佳互联信息技术有限公司 信息显示方法及装置
CN114415928A (zh) * 2022-01-17 2022-04-29 北京字跳网络技术有限公司 一种页面控制方法、装置、设备以及存储介质
CN114546565A (zh) * 2022-02-24 2022-05-27 北京字跳网络技术有限公司 信息展示方法、装置、电子设备、存储介质和程序产品
CN115113790A (zh) * 2022-07-15 2022-09-27 北京字跳网络技术有限公司 一种交互方法、装置、电子设备和存储介质
CN117689433A (zh) * 2022-08-26 2024-03-12 北京有竹居网络技术有限公司 交互方法、装置、电子设备以及存储介质

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105933730A (zh) * 2016-06-30 2016-09-07 乐视控股（北京）有限公司 一种视频关联信息推荐方法和装置
CN105955582A (zh) * 2016-05-03 2016-09-21 腾讯科技（北京）有限公司 信息展示方法和终端设备
CN108255562A (zh) * 2018-01-15 2018-07-06 武汉斗鱼网络科技有限公司 页面跳转方法和装置
WO2018138664A1 (en) * 2017-01-26 2018-08-02 Varghese, Vinu Embedding interactive elements in the content and user interaction with the interactive elements
CN109754298A (zh) * 2017-11-07 2019-05-14 阿里巴巴集团控股有限公司 界面信息提供方法、装置及电子设备
CN111031375A (zh) * 2019-11-19 2020-04-17 青岛海信电器股份有限公司 一种开机动画详情页的跳转方法及显示设备
CN111752639A (zh) * 2020-06-28 2020-10-09 中国银行股份有限公司 一种开屏内容推荐方法及装置
CN112783591A (zh) * 2021-01-27 2021-05-11 北京字跳网络技术有限公司 互动方法、装置、电子设备和存储介质

Family Cites Families (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8504925B1 (en) * 2005-06-27 2013-08-06 Oracle America, Inc. Automated animated transitions between screens of a GUI application
US20080288983A1 (en) * 2007-05-18 2008-11-20 Johnson Bradley G System and Method for Providing Sequential Video and Interactive Content
US8571935B2 (en) * 2009-06-04 2013-10-29 Viacom International Inc. Dynamic integration and linear presentation of advertising content and media content
US20120166294A1 (en) * 2009-11-02 2012-06-28 Todd Lieberman System and method for skippable pre-roll video advertising
CN102906667B (zh) * 2010-04-23 2016-11-23 意美森公司 用于提供触觉效果的系统和方法
US8548848B1 (en) * 2011-06-21 2013-10-01 Google Inc. Mobile interstitial ads
US8666818B2 (en) * 2011-08-15 2014-03-04 Logobar Innovations, Llc Progress bar is advertisement
US9081410B2 (en) * 2012-11-14 2015-07-14 Facebook, Inc. Loading content on electronic device
US20150379160A1 (en) * 2014-06-29 2015-12-31 Yaniv AVRAHAM Apparatus and methods for transferring focus control and related return content within a graphical user interface
US10685471B2 (en) * 2015-05-11 2020-06-16 Facebook, Inc. Methods and systems for playing video while transitioning from a content-item preview to the content item
US20170195736A1 (en) * 2015-12-31 2017-07-06 Opentv, Inc. Systems and methods for enabling transitions between items of content
CN108282683B (zh) * 2017-01-05 2020-07-14 腾讯科技（深圳）有限公司 一种视频界面显示方法及装置
US10769701B1 (en) * 2018-02-27 2020-09-08 Amazon Technologies, Inc. Sensory-based delivery of content
CN110134484B (zh) * 2019-05-21 2024-02-13 腾讯科技（深圳）有限公司 消息图标的显示方法、装置、终端及存储介质

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105955582A (zh) * 2016-05-03 2016-09-21 腾讯科技（北京）有限公司 信息展示方法和终端设备
CN105933730A (zh) * 2016-06-30 2016-09-07 乐视控股（北京）有限公司 一种视频关联信息推荐方法和装置
WO2018138664A1 (en) * 2017-01-26 2018-08-02 Varghese, Vinu Embedding interactive elements in the content and user interaction with the interactive elements
CN109754298A (zh) * 2017-11-07 2019-05-14 阿里巴巴集团控股有限公司 界面信息提供方法、装置及电子设备
CN108255562A (zh) * 2018-01-15 2018-07-06 武汉斗鱼网络科技有限公司 页面跳转方法和装置
CN111031375A (zh) * 2019-11-19 2020-04-17 青岛海信电器股份有限公司 一种开机动画详情页的跳转方法及显示设备
CN111752639A (zh) * 2020-06-28 2020-10-09 中国银行股份有限公司 一种开屏内容推荐方法及装置
CN112783591A (zh) * 2021-01-27 2021-05-11 北京字跳网络技术有限公司 互动方法、装置、电子设备和存储介质

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116860115A (zh) * 2023-09-05 2023-10-10 荣耀终端有限公司 应用管理方法及相关装置

Also Published As

Publication number Publication date
JP2024505022A (ja) 2024-02-02
EP4270188A1 (en) 2023-11-01
US20230367456A1 (en) 2023-11-16
CN112783591A (zh) 2021-05-11

Similar Documents

Publication Publication Date Title
WO2022161335A1 (zh) 互动方法、装置、电子设备和存储介质
WO2021259301A1 (zh) 直播互动方法、装置、可读介质及电子设备
JP7421009B2 (ja) トレンドランキングリストの表示方法、装置、電子機器及び記憶媒体
CN112261459B (zh) 一种视频处理方法、装置、电子设备和存储介质
WO2022218282A1 (zh) 控件的显示方法、装置、电子设备和存储介质
WO2022156638A1 (zh) 互动方法、装置、电子设备和存储介质
US20240040199A1 (en) Video-based interaction method and apparatus, storage medium and electronic device
WO2023169340A1 (zh) 信息展示方法、装置、电子设备、存储介质和程序产品
EP4084488A1 (en) Video interaction method and device, electronic device and storage medium
WO2023160416A1 (zh) 信息展示方法、装置、电子设备、存储介质和程序产品
WO2022199426A1 (zh) 视频的展示方法、装置、电子设备和存储介质
US20240094875A1 (en) Video interaction method and apparatus, electronic device, and storage medium
US20240134512A1 (en) Interaction method and apparatus, electronic device, and storage medium
US20240137581A1 (en) Methods, apparatuses, readable media and electronic devices for live stream interaction
WO2023103956A1 (zh) 数据交互方法、装置、电子设备、存储介质和程序产品
WO2021228234A1 (zh) 应用程序的互动消息展示方法、装置及可读存储介质
WO2024012392A1 (zh) 交互方法、装置、电子设备和存储介质
WO2023024921A1 (zh) 视频交互方法、装置、设备及介质
CN111790148A (zh) 游戏场景中的信息交互方法、设备及计算机可读介质
WO2023202359A1 (zh) 直播内容显示方法、装置、设备、可读存储介质及产品
CN111177610A (zh) 素材展示方法、装置、电子设备及存储介质
WO2022188757A1 (zh) 一种基于视频的信息展示方法、装置、设备及介质
WO2021135684A1 (zh) 直播间互动方法、装置、可读介质及电子设备
WO2024037563A1 (zh) 内容展示方法、装置、设备及存储介质
WO2024051606A1 (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: 22745210

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 2023545191

Country of ref document: JP

WWE Wipo information: entry into national phase

Ref document number: 2022745210

Country of ref document: EP

ENP Entry into the national phase

Ref document number: 2022745210

Country of ref document: EP

Effective date: 20230727

NENP Non-entry into the national phase

Ref country code: DE