WO2023078395A1 - 页面展示方法及装置、电子设备、存储介质和程序产品 - Google Patents

页面展示方法及装置、电子设备、存储介质和程序产品 Download PDF

Info

Publication number
WO2023078395A1
WO2023078395A1 PCT/CN2022/129894 CN2022129894W WO2023078395A1 WO 2023078395 A1 WO2023078395 A1 WO 2023078395A1 CN 2022129894 W CN2022129894 W CN 2022129894W WO 2023078395 A1 WO2023078395 A1 WO 2023078395A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
display
overlay
display area
information
Prior art date
Application number
PCT/CN2022/129894
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 WO2023078395A1 publication Critical patent/WO2023078395A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/972—Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • 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]
    • 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/04842—Selection of displayed objects or displayed text elements

Definitions

  • Embodiments of the present disclosure relate to a method and device for displaying a page, electronic equipment, a storage medium, and a computer program product.
  • At least one embodiment of the present disclosure provides a method and device for displaying a page, an electronic device, and a storage medium, which can make the display form of detailed information more novel and diverse, and can improve the interactive experience.
  • At least one embodiment of the present disclosure provides a page presentation method, including: displaying a page overlay about a target object on a first media presentation page, wherein the page overlay covers at least part of the first media presentation page area, the page overlay includes an object display area displaying the target object and an information display area displaying first associated information about the target object, the object display area has a first display size; in response to the The first operation instruction of the page overlay changes the object display area of the page overlay from the first display size to the second display size.
  • At least one embodiment of the present disclosure further provides a page display device, including a first display module and a second display module, the first display module is configured to display a page overlay about a target object on a first media display page, the The page overlay covers at least a partial area of the predetermined page, and the page overlay includes an object display area displaying the target object and an information display area displaying first associated information about the target object; the second display module configuration In response to the first operation instruction for the page overlay, the object display area of the page overlay is changed from a first display size to a second display size.
  • At least one embodiment of the present disclosure also provides an electronic device, including: a processor; a memory including one or more computer program modules; wherein the one or more computer program modules are stored in the memory and configured To be executed by the processor, the one or more computer program modules include instructions for implementing the method for displaying a page in any embodiment of the present disclosure.
  • At least one embodiment of the present disclosure further provides a storage medium for non-transitory storage of computer-readable instructions, and when the computer-readable instructions are executed by a computer, the page display method described in any embodiment of the present disclosure can be implemented.
  • At least one embodiment of the present disclosure also provides a computer program product, including a computer program carried on a non-transitory computer-readable medium, where the computer program includes a program for executing the page display method described in any embodiment of the present disclosure. code.
  • FIG. 1 is a schematic flowchart of a page display method provided by some embodiments of the present disclosure
  • Fig. 2 is a schematic diagram of a first media display page provided by some embodiments of the present disclosure
  • Fig. 3 is a schematic diagram of a page overlay provided by some embodiments of the present disclosure.
  • Fig. 4 is a schematic diagram of a changed page overlay provided by some embodiments of the present disclosure.
  • FIG. 5 is a schematic diagram of a page overlay during a change process provided by some embodiments of the present disclosure.
  • FIG. 6 is a system that can be used to implement the page display method provided by the embodiment of the present disclosure.
  • Fig. 7 is a schematic block diagram of a page display device provided by some embodiments of the present disclosure.
  • Fig. 8 is a schematic block diagram of an electronic device provided by some embodiments of the present disclosure.
  • FIG. 9 is a schematic block diagram of another electronic device provided by some embodiments of the present disclosure.
  • Fig. 10 is a schematic diagram of a storage medium provided by some embodiments of the present disclosure.
  • the term “comprise” and its variations are open-ended, 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 further 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 a page display method provided by some embodiments of the present disclosure. As shown in Fig. 1, in at least one embodiment, the method includes operations S110 and S120.
  • Step S110 displaying a page overlay about the target object on the first media display page, wherein the page overlay covers at least part of the first media display page, and the page overlay includes an object display area displaying the target object and displaying about The information display area of the first related information of the target object, the object display area has a first display size.
  • Step S120 changing the object display area of the page overlay from the first display size to the second display size in response to the first operation instruction on the page overlay.
  • the target object may include at least one of items, people, animals, etc.
  • the associated information (such as the first associated information and the second associated information in the following content) may be descriptive information about the target object, and the associated information may be in Presentation in the form of characters, such as text, numbers, English letters, etc.
  • the associated information may include detailed information of the item, such as the name, price, sales volume, parameters, evaluation, explanation, etc. of the item. at least one.
  • the target object is taken as an example for illustration, but the embodiments of the present disclosure are not limited thereto, and the type of the target object may be set according to actual requirements during actual application.
  • the first media display page may be a video playback page, and the video played on the video playback page is the video corresponding to the target object.
  • the video corresponding to the target object can be understood as one or more frames of video display There is the target object, or the target object is an explanation object of the video, and the like.
  • the first media display page may be a page that plays video media resources, such as a live broadcast page, a short video page, or a long video page, or may also be an animated picture such as GIF.
  • the first media display page may also be other dynamic or static pages, such as a news page, a chat page, and the like.
  • the first media presentation page is taken as an example for illustration.
  • the first media display page may display links related to the target object, such as advertisement links and product recommendation links related to the target object.
  • the page presentation method provided by the embodiment of the present disclosure may be executed.
  • the page presentation method provided by the embodiments of the present disclosure may be executed by a terminal device, and the terminal device includes but is not limited to a mobile phone, a tablet computer, a notebook computer, and the like.
  • the terminal device may include a display screen, a processor, a data sending and receiving device, etc., and the terminal device may transmit data with a server and/or a database through a communication network.
  • the page overlay about the target object is displayed on the first media presentation page, which can be understood as the page overlay is located on the user-facing side of the first media presentation page, that is, the page overlay is located on the first media presentation page.
  • the layer above the layer where the media display page is located presents a visual effect that the page covering covers the top of the first media display page.
  • a coating may be understood as a floating layer, a mask, or the like.
  • Fig. 2 is a schematic diagram of a first media presentation page provided by some embodiments of the present disclosure.
  • Fig. 3 is a schematic diagram of a page overlay provided by some embodiments of the present disclosure.
  • the first media display page 200 can be a live broadcast page (such as a live broadcast room page), and live broadcast users can pass information such as pictures and sounds to users who watch the live broadcast in real time through the live broadcast page , and users who watch the live broadcast can interact with the live broadcast users in real time by posting comments on the live broadcast page, etc.
  • the live broadcast page includes live video 201 , user comments 202 , item links 203 and other content.
  • Each item link 203 can be linked to the page overlay corresponding to the item, so as to display the detailed information of the item through the page overlay, for example, the target object is the item "hat", when the item link 203 is clicked, double-clicked, etc.
  • a page overlay 300 about hats can be displayed on the live broadcast page 200 , and the page overlay 300 can partially or completely cover the first media display page 200 .
  • the first media display page 200 may continue to play the video.
  • the object display area 310 has a first display size
  • the display size of the object display area 310 may include a size in the first direction A1 and/or a size in the second direction A2, and the first direction A1 may be In the vertical direction or the length direction of the page, the second direction A2 may be a direction perpendicular to the first direction A1, for example, the horizontal direction or the width direction of the page.
  • the page overlay 300 includes an object display area 310 displaying a target object and an information display area 320 displaying first associated information about the target object.
  • the object display area 310 is configured to display pictures about the target object. Taking the target object as "hat” as an example, the object display area 310 can display pictures with hats.
  • the object display area 310 has a first display size, and the first display size can be smaller than The display size of the first media display page 300 .
  • the information display area 320 is located on the side of the object display area 310 close to the bottom edge of the page cover 300 , and the information display area 320 can display information items such as product name, price, and evaluation about the hat.
  • the first operation instruction may be generated by an interaction event, and the interaction event may be a touch operation on the page overlay 300 .
  • performing a predetermined touch operation on the page overlay 300 may trigger the first operation instruction, and the predetermined touch operation may be a slide operation (such as a slide-up operation, a multi-touch operation, etc.), a click operation, or a double-click operation, etc.
  • the first operation instruction is an instruction capable of changing the interface of the page overlay 300, and the interface change includes changing the object display area 310 from the first display size to the second display size.
  • the page overlay about the target object can be displayed on the media display page such as the live broadcast page, and the detailed information about the target object can be displayed in the form of the overlay, which can avoid the page jump caused by the related technology. And cause the problem of video interruption.
  • the size of the page overlay can be changed through touch operations, and the detailed information can be displayed more conveniently, so that the display form of the detailed information is more novel and diverse, and the interactive experience can be improved .
  • the page display method in this embodiment of the present disclosure may further include: as the object display area 310 of the page overlay is changed from the first display size to the second display size, changing the first The associated information is replaced with the second associated information. Based on this method, changing the information in the information display area while changing the size of the object display area can display richer detailed information and improve the interactive experience.
  • the first display size is smaller than the second display size, that is, in response to the first operation instruction, the display area of the object display area 310 increases.
  • the display area of the information display area 320 can be increased or unchanged.
  • the page overlay 300 may cover a partial area of the first media presentation page 200 .
  • the page overlay 300 can be located at the bottom area of the first media presentation page 200, the bottom edge (bottom edge) of the page overlay 300 can be aligned with the bottom edge of the first media presentation page 200, and the top edge of the page overlay 300 ( top edge) has a certain distance from the top edge of the first media display page 200, and the left and right sides (left edge and right side edge) of the page covering 300 can be aligned with the left and right sides of the first media display page 200 respectively or have a certain distance .
  • the page overlay 300 may also be located at the top area or other areas of the first media presentation page 200 .
  • Fig. 4 is a schematic diagram of a changed page overlay provided by some embodiments of the present disclosure.
  • the display area of the object display area 310 of the page overlay increases.
  • the first display size includes a length dimension L1
  • the second display size includes a length dimension L2, and L2>L1, that is, the length of the object display area 310 increases.
  • the top edge of the object display area 310 moves up to be close to the top edge of the first media display page 200 or is aligned with the top edge of the first media display page 200, and the bottom edge of the object display area 310 can move upwards.
  • the edge moves but the moving distance is less than the moving distance of the top edge, or the bottom edge of the object display area 310 may not move, or the bottom edge of the object display area 310 moves towards a direction away from the top edge, as long as the top edge of the object display area 310 is guaranteed Just increase the distance between it and the bottom edge.
  • the size of the page overlay 300 in the width direction may not change; or the size of the page overlay 300 in the width direction may increase.
  • the page overlay 300 may completely cover the first media display page.
  • the page overlay 300 in response to the first operation instruction, can be converted from a non-full-screen display to a full-screen display, so as to display the detailed information of the target object to the greatest extent.
  • the existing way to view item details from video playback pages such as live broadcast rooms is generally to first click on the shopping cart space on the live broadcast room page to enter the item detail list, select and click an item in the item detail list and then enter the item detail page.
  • the display method of the item details page is fixed, and the interaction method is single, which cannot meet the needs of users.
  • the page display method of the embodiment of the present disclosure can quickly and conveniently realize the switching of the target object from partial display to full display through interactive methods such as sliding operations. It is convenient for users to understand the details of the object and quickly return to the video playback page.
  • the page overlay 300 may also partially cover the first media display page.
  • the first display size may be larger than the second display size, that is, in response to the first operation instruction, the display area of the object display area 310 decreases.
  • the display area of the information display area 320 can be reduced or unchanged.
  • the object display area has the first display size, which is convenient for the user to view the object information and return to video playback, and in response to the first operation instruction for the page overlay, the object display area of the page overlay is changed from the first
  • the display size is changed to the second display size to meet the user's need to view more object information and meet user expectations.
  • the object display area 310 may have a size L2 as shown in FIG. 4 .
  • the length of the object display area 310 is reduced from the size L2 to the size L1 shown in FIG. 3 .
  • the page overlay 300 may cover the entire area of the first media presentation page 200 .
  • the page overlay 300 in response to the first operation instruction, is converted from a full-screen display to a non-full-screen display.
  • the example in which the first display size is larger than the second display size may adopt a solution opposite to the above-mentioned example in which the first display size is smaller than the second display size, which will not be repeated here.
  • the first display size is smaller than the second display size as an example.
  • the first media presentation page 200 may continue to play the video or may pause the video playing. For example, it may be determined whether the first media display page 200 continues to play the video according to the proportion of the first media display page 200 covered by the page overlay 300 . When the coverage ratio is less than a predetermined ratio (such as 80% or 100%), the first media display page 200 can continue to play the video, and when the coverage ratio is greater than or equal to the predetermined ratio, the first media display page 200 can pause the playback video. For example, after the video is paused on the first media presentation page 200, the video may be displayed on the page overlay 300 in the form of a floating window, so that the user can continue watching the video.
  • a predetermined ratio such as 80% or 100%
  • the second associated information is not completely the same as the first associated information but may be partly the same, for example, the first associated information may be part of the second associated information, the second associated information includes P pieces of item information, and the P pieces of item information It can include name information, price information, sales information, parameter information, evaluation information, list information, guarantee information, explanation information, etc.
  • the first associated information may include Q key item information among the P item information (P is a positive integer, Q is a positive integer smaller than P), and the Q key item information may include name information, price information, evaluation information, and the like.
  • the information display area 320 is a swipeable viewing area, that is, more content can be displayed by performing a sliding operation on the information display area 320 .
  • the size of the object display area of the page overlay and the associated information displayed in the information display area may change gradually.
  • the touch operation is a discontinuous operation, such as clicking, double-clicking, etc.
  • the change process can be completed within a predetermined time period (for example, 1 second) after the touch operation, and within the predetermined time period, the page overlay gradually changes .
  • the touch operation is a continuous operation, such as a sliding operation
  • the change process may be carried out gradually along with the operation, for example, as the sliding operation is performed, the page overlay gradually changes.
  • step S120 may include: gradually changing the object display area 310 of the page overlay from the first display size to the second display size.
  • the edges of the object display area gradually expand outward, for example, the top edge of the object display area gradually expands upward, so as to present the effect of gradually expanding and enlarging.
  • the object display area 310 displays all the image areas of the picture (hereinafter also referred to as the object picture) related to the target object, that is, the object picture can be is fully displayed.
  • the object display area 310 of the page overlay has a first display size
  • the object display area 310 displays a partial image area of a picture about the target object (hereinafter the partial image area is referred to as a sub-image for short). ), that is, the object image is partially displayed.
  • the object image is a long image
  • the subimage is a square image.
  • the picture about the target object may include the target object, and may also include associated objects related to the target object.
  • the target object is a hat
  • the associated object may be a person wearing a hat or a scene or background where the hat is (For example, the background of the hat in Figure 3 is a coconut tree).
  • the object display area 310 when the object display area 310 has the second display size, the entire area of the target object is displayed, for example, the entire area of the hat is displayed in the object display area.
  • the object display area 310 has the first display size, a partial area of the target object is displayed, for example, a partial area of a hat is displayed in the object display area. That is to say, when the object display area 310 is converted from the first display size to the second display size, the target object in the object display area is partially displayed to completely displayed.
  • the object display area 310 when the object display area 310 has the second display size, the entire area of the associated object is displayed, for example, the entire area of the coconut tree is displayed in the object display area.
  • a partial area of the associated object is displayed, for example, a partial area of a coconut tree is displayed in the object display area. That is to say, when the object display area 310 is converted from the first display size to the second display size, the associated objects in the object display area are partially displayed to fully displayed.
  • Fig. 5 is a schematic diagram of a page overlay during a change process provided by some embodiments of the present disclosure.
  • the sub-image is obtained by intercepting the area where the target object is located from the object picture.
  • the object picture may be recognized according to the object recognition model, so as to recognize the location of the target object, and an image area whose size is the first display size is cut around the center of the target object as a sub-image.
  • the object recognition model can be trained according to sample data in advance, and the object recognition model can be, for example, a neural network model, a deep learning model, a classification tree model, and the like. Based on this method, the display effect of the target object in the object display area can be guaranteed.
  • the sub-image is obtained by intercepting a predetermined area of the target picture. For example, an image area with a size equal to the first presentation size is intercepted around the center of the target picture as a sub-image.
  • the sub-image is obtained by intercepting the region indicated by the marker information from the target picture.
  • region marking may be performed on the target picture in advance to mark regions that can be captured, and when a sub-image needs to be obtained, the corresponding image region may be captured as a sub-image according to the marking information.
  • step S120 may include: visually and gradually replacing the first associated information in the information display area of the page overlay with the second associated information. For example, the first associated information gradually disappears, and the second associated information gradually appears.
  • the display color of the first associated information gradually changes to the same color as the background, for example, when the background is white, the first associated information changes from dark to light until it becomes white .
  • the display color of the second associated information gradually changes to a color different from the background, for example, when the background is white, the second associated information changes from light to dark until it becomes black. If the first associated information and the second associated information have the same information, the display color of the same information may not change, and the display colors of the first associated information and the second associated information except the same information gradually change .
  • the first associated information gradually becomes smaller, and the second associated information gradually becomes larger.
  • the text in the first associated information gradually decreases to disappear from the normal size, and the text in the second associated information gradually increases to the normal size.
  • the first associated information gradually decreases, and the second associated information gradually increases.
  • the text in the first associated information disappears row by row or column by column, and the text in the second associated information appears row by row or column by column, so that the second associated information replaces the first associated information row by row or column by column.
  • the change manner between the first associated information and the second associated information may also adopt other changing forms, such as sliding out and sliding in, page turning, and the like.
  • the first associated information includes a plurality of sub-associated information.
  • the first associated information may include multiple sub-associated information such as price information, name information, and evaluation information.
  • the first associated information includes first sub-associated information, and the first sub-associated information may be price information, name information, or evaluation information.
  • the information display area 320 displays partial information of the first sub-association information, that is, the first sub-association information is partially displayed.
  • the information display area 320 displays all information of the first sub-association information, that is, the first sub-association information is completely displayed.
  • the full name of the name information is "2020 summer new straw hat, big brim hat, sun hat, sun hat, beach and seaside travel", as shown in FIG. Show some of the characters “2020 Summer New Straw Hat Big Brim Hat”.
  • the title item may be completely displayed.
  • the page overlay displays part of the sub-associated information in a small size, which can save display space without affecting viewing. Displaying complete sub-association information after the area of the page overlay is enlarged can enable the user to understand the target object more comprehensively and in detail.
  • the page overlay 300 further includes a control accommodating area 330 for accommodating at least one page control.
  • the page presentation method of this embodiment may further include: as the object display area 310 of the page overlay 300 is changed from the first display size to the second display size, replacing the first control in the control accommodation area 330 of the page overlay is the second control, the first control is different from the second control.
  • the first control and the second control are not completely identical but may be partially identical.
  • the second control may include E controls, and the E controls may include a "add to shopping cart” control, a "buy now” control, a "store” control, a "customer service” control, and the like.
  • the first control may be F key controls among the E controls, for example, the F key controls are the “add to shopping cart” control and the "buy now” control.
  • E is a positive integer
  • F is a positive integer smaller than E.
  • replacing the first control in the control accommodation area of the page overlay with the second control may include: visually gradually replacing the first control in the control accommodation area of the page overlay with the second control.
  • the first control fades away and the second control gradually appears.
  • the change manner between the first control and the second control refer to the change manner between the first association information and the second association information, which will not be repeated here.
  • the page display method of the embodiment of the present disclosure can change the controls in the page overlay through touch operations, so that the display form of the detailed information is more novel and diverse, and can enhance the interactive experience.
  • the execution order of the various steps of the page display method is not limited. Although the above describes the execution process of the various steps in a specific order, this does not constitute a limitation to the embodiments of the present disclosure. . Each step in the method shown on this page can be executed serially or in parallel, which can be determined according to actual needs.
  • the page display method may also include more or fewer steps, for example, to add some preprocessing steps in order to achieve a better display effect, or store some intermediate process data for subsequent processing and calculation, so as to omit some similar A step of.
  • FIG. 6 is a system that can be used to implement the page display method provided by the embodiment of the present disclosure.
  • the system 410 may include a user terminal 411 , a network 412 , a server 413 and a database 414 .
  • the system 410 may be used to implement the page display method provided by any embodiment of the present disclosure.
  • the user terminal 411 is, for example, a computer 411-1. It can be understood that the user terminal 411 may be any other type of electronic device capable of performing data processing, which may include but not limited to desktop computers, notebook computers, tablet computers, workstations and the like. The user terminal 411 may also be any equipment provided with electronic equipment. Embodiments of the present disclosure do not limit the hardware configuration or software configuration of the user terminal (such as the type of operating system (such as Android, iOS, Windows, MacOS, Hongmeng, etc.) or version) and the like.
  • the type of operating system such as Android, iOS, Windows, MacOS, Hongmeng, etc.
  • the user can operate the application program installed on the user terminal 411 or the website logged in on the user terminal 411.
  • the application program or website transmits the user operation to the server 413 through the network 412, and the user terminal 411 can also receive the server 413 through the network 412. transmitted data.
  • the user terminal 411 is installed with video playing software, and the user uses the video playing software on the user terminal 411 to watch the first media presentation page.
  • the user terminal 411 executes the page display method provided by the embodiment of the present disclosure by running a code.
  • Network 412 may be a single network, or a combination of at least two different networks.
  • the network 412 may include, but not limited to, one or a combination of a local area network, a wide area network, a public network, a private network, and the like.
  • the server 413 may be a single server, or a server group, and each server in the group is connected through a wired or wireless network.
  • a server farm can be centralized, such as a data center, or distributed.
  • Server 413 may be local or remote.
  • the database 414 may generally refer to a device having a storage function.
  • the database 414 is mainly used to store various data used, generated and output by the user terminal 411 and the server 413 in their work.
  • Database 414 may be local or remote.
  • the database 414 may include various memories, such as Random Access Memory (Random Access Memory, RAM), Read Only Memory (Read Only Memory, ROM), and the like.
  • RAM Random Access Memory
  • ROM Read Only Memory
  • the storage devices mentioned above are just some examples, and the storage devices that can be used by the system 410 are not limited thereto.
  • the database 414 may be connected or communicated with the server 413 or a part thereof via the network 412, or directly connected or communicated with the server 413, or a combination of the above two methods.
  • database 414 may be a stand-alone device. In some other examples, the database 414 may also be integrated in at least one of the user terminal 411 and the server 413 . For example, the database 414 can be set on the user terminal 411 or on the server 413 . For another example, the database 414 may also be distributed, with a part set on the user terminal 411 and another part set on the server 413 .
  • the video displayed on the first media display page, as well as the pictures and related information about the target object can be deployed on the database 414 .
  • the user terminal 411 accesses the database 414 through the network 412 and obtains the information stored in the database 414 through the network 412 .
  • the database may be a relational database or a non-relational database.
  • At least one embodiment of the present disclosure also provides a page display device, which can display a page overlay about a target object on a media display page such as a live broadcast page, and display detailed information about the target object in the form of an overlay, which can avoid related The problem of video interruption caused by page jump in technology. Moreover, based on the page display device, the size of the page overlay and the related information displayed can be changed through touch operations, thereby making the display form of detailed information more novel and diverse, and improving the interactive experience .
  • Fig. 7 is a schematic block diagram of a page display device provided by some embodiments of the present disclosure.
  • the page display device 500 includes a first display module 510 and a second display module 520 .
  • the page presentation apparatus 500 may be applied to a user terminal, and may also be applied to any device or system that requires page presentation, which is not limited by the embodiments of the present disclosure.
  • the first display module 510 is configured to display a page overlay about the target object on the first media display page, wherein the page overlay covers at least a partial area of the predetermined page, and the page overlay includes an object display area displaying the target object and a display An information display area for the first related information about the target object.
  • the first display module 510 may execute step S110 of the page display method shown in FIG. 1 .
  • the second display module 520 is configured to change the object display area of the page overlay from the first display size to the second display size in response to the first operation instruction on the page overlay.
  • the second presentation module 520 may execute step S120 of the page presentation method shown in FIG. 1 .
  • the first display module 510 and the second display module 520 may be hardware, software, firmware and any feasible combination thereof.
  • the first display module 510 and the second display module 520 may be dedicated or general-purpose circuits, chips or devices, or may be a combination of a processor and a memory.
  • this embodiment of the present disclosure does not limit it.
  • each unit of the page display device 500 corresponds to each step of the aforementioned page display method, and the specific functions of the page display device 500 can refer to the relevant description of the page display method above, I won't repeat them here.
  • Components and structures of the page display device 500 shown in FIG. 7 are exemplary rather than limiting, and the page display device 500 may also include other components and structures as required.
  • the second display module 520 is further configured to: as the object display area of the page overlay is changed from the first display size to the second display size, the information of the page overlay The first associated information in the display area is replaced with the second associated information.
  • the second display module 520 is further configured to: gradually change the object display area of the page overlay from the first display size to the second display size; The information is visually gradually replaced by the second associated information.
  • the page overlay further includes a control accommodation area for accommodating at least one page control.
  • the second display module 520 is further configured to: as the object display area of the page overlay is changed from the first display size to the second display size, replace the first control in the control accommodation area of the page overlay with the second control, The first control is different from the second control.
  • the second presentation module 520 is further configured to: visually and gradually replace the first control in the control accommodation area of the page overlay with the second second control.
  • the first display size is smaller than the second display size.
  • the page overlay completely covers the first media display page.
  • the first media display page is a video play page
  • the object display area is configured to display pictures about the target object
  • the video played on the video play page is the video corresponding to the target object
  • the object display area of the page overlay has a first display size
  • the object display area displays a partial image area of a picture related to the target object.
  • the object display area of the page overlay if the object display area of the page overlay has the second display size, the object display area displays all image areas of the picture related to the target object.
  • the first associated information includes the first sub-associated information; when the object display area of the page overlay has the first display size, the information display area displays part of the first sub-associated information; When the object display area of the page overlay has the second display size, the information display area displays all the information of the first sub-associated information.
  • the first operation instruction is generated by an interaction event.
  • the interaction event is a touch operation on the page overlay.
  • Fig. 8 is a schematic block diagram of an electronic device provided by some embodiments of the present disclosure.
  • the electronic device 600 includes a processor 610 and a memory 620 .
  • Memory 620 is used for non-transitory storage of computer readable instructions (eg, one or more computer program modules).
  • the processor 610 is configured to execute computer-readable instructions, and when the computer-readable instructions are executed by the processor 610, one or more steps in the page display method described above may be performed.
  • the memory 620 and the processor 610 may be interconnected by a bus system and/or other forms of connection mechanisms (not shown).
  • the processor 610 may be a central processing unit (CPU), a digital signal processor (DSP) or other forms of processing units with data processing capabilities and/or program execution capabilities, such as field programmable gate arrays (FPGAs);
  • the central processing unit (CPU) may be of X86 or ARM architecture and the like.
  • the processor 610 can be a general-purpose processor or a special-purpose processor, and can control other components in the electronic device 600 to perform desired functions.
  • memory 620 may include any combination of one or more computer program products, which may include various forms of computer-readable storage media, such as volatile memory and/or nonvolatile memory.
  • the volatile memory may include random access memory (RAM) and/or cache memory (cache), etc., for example.
  • Non-volatile memory may include, for example, read only memory (ROM), hard disks, erasable programmable read only memory (EPROM), compact disc read only memory (CD-ROM), USB memory, flash memory, and the like.
  • One or more computer program modules can be stored on the computer-readable storage medium, and the processor 610 can run one or more computer program modules to realize various functions of the electronic device 600 .
  • Various application programs, various data, and various data used and/or generated by the application programs can also be stored in the computer-readable storage medium.
  • Fig. 9 is a schematic block diagram of another electronic device provided by some embodiments of the present disclosure.
  • the electronic device 700 is, for example, suitable for implementing the landmark-based augmented reality preview method provided by the embodiment of the present disclosure.
  • the electronic device 700 may be a user terminal or the like. It should be noted that the electronic device 700 shown in FIG. 9 is only an example, which does not impose any limitation on the functions and application scope of the embodiments of the present disclosure.
  • the electronic device 700 may include a processing device (such as a central processing unit, a graphics processing unit, etc.) Various appropriate actions and processes are executed by programs in the memory (RAM) 730 . In the RAM 730, various programs and data necessary for the operation of the electronic device 700 are also stored.
  • the processing device 710, the ROM 720 and the RAM 730 are connected to each other by a bus 740.
  • An input/output (I/O) interface 750 is also connected to bus 740 .
  • I/O interface 750 input devices 760 including, for example, a touch screen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; including, for example, a liquid crystal display (LCD), speaker, vibration an output device 770 such as a computer; a storage device 780 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 790 .
  • the communication means 790 may allow the electronic device 700 to perform wireless or wired communication with other electronic devices to exchange data.
  • FIG. 9 shows electronic device 700 having various means, it should be understood that it is not required to implement or have all of the means shown, and electronic device 700 may alternatively implement or have more or fewer means.
  • the page presentation method shown in FIG. 1 can be implemented as a computer software program.
  • embodiments of the present disclosure include a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, where the computer program includes program codes for executing the above page presentation method.
  • the computer program may be downloaded and installed from a network via communication means 790, or installed from storage means 780, or installed from ROM 720.
  • the functions defined in the page presentation method provided by the embodiments of the present disclosure may be executed.
  • At least one embodiment of the present disclosure further provides a storage medium for non-transitory storage of computer-readable instructions, and when the computer-readable instructions are executed by a computer, the page display method described in any embodiment of the present disclosure can be implemented.
  • the page overlay about the target object can be displayed on a media display page such as a live broadcast page, and detailed information about the target object can be displayed in the form of an overlay, which can avoid video interruption caused by page jumps in related technologies. question.
  • the size of the page overlay can be changed through touch operations, thereby making the display form of the detailed information more novel and diverse, and enhancing the interactive experience.
  • Fig. 10 is a schematic diagram of a storage medium provided by some embodiments of the present disclosure.
  • the storage medium 800 is used for non-transitory storage of computer readable instructions 810 .
  • the computer-readable instructions 810 are executed by a computer, one or more steps in the above-mentioned page presentation method may be performed.
  • the storage medium 800 can be applied to the above-mentioned electronic device 800 .
  • the storage medium 800 may be the memory 620 in the electronic device 600 shown in FIG. 8 .
  • the storage medium 800 for relevant descriptions about the storage medium 800, reference may be made to the corresponding description of the memory 620 in the electronic device 600 shown in FIG. 8 , which will not be repeated here.
  • the page display method provided by the embodiment of the present disclosure can display the page overlay about the target object on the media display page such as the live broadcast page, and display the detailed information about the target object in the form of the overlay, which can avoid the page jump caused by the related technology. Issue causing video interruptions. Moreover, based on the page display method, the size of the page overlay can be changed through touch operations, thereby making the display form of the detailed information more novel and diverse, and enhancing the interactive experience.
  • the storage medium (computer-readable medium) mentioned above in the present disclosure may be a computer-readable signal medium or a non-transitory computer-readable storage medium or any combination of the two.
  • a non-transitory computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or device, or any combination thereof.
  • non-transitory computer readable storage media may include, but are not limited to: electrical connections with one or more wires, portable computer diskettes, hard disks, random access memory (RAM), read only memory (ROM), computer Erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the above.
  • a non-transitory 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 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 foregoing.
  • a computer-readable signal medium may also be any computer-readable medium other than a non-transitory computer-readable storage medium, which may be sent, propagated, or transported for use by or in connection with an instruction execution system, apparatus, or device program of.
  • Program code embodied on a computer readable medium may be transmitted by any appropriate medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.
  • the client and the server can communicate using any currently known or future-developed network protocols such as Hyper Text Transfer Protocol (Hyper Text Transfer Protocol, HTTP), and can communicate with any form or medium of digital Data communication (eg, communication network) interconnections.
  • HTTP Hyper Text Transfer Protocol
  • Examples of communication networks include local area networks (LANs), wide area networks (WANs), internetworks (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.
  • the above-mentioned computer-readable medium may be included in the above-mentioned electronic device; or it may exist independently without being incorporated 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 page overlay about the target object on the first media display page, and the page The overlay covers at least a partial area of the first media display page, the page overlay includes an object display area displaying the target object and an information display area displaying first associated information about the target object, and the object display area has a first display size; in response to For the first operation instruction of the page overlay, the object display area of the page overlay is changed from the first display size to the second display size.
  • Computer program code for carrying out operations of the present disclosure may be written in one or more programming languages, or combinations thereof, including but not limited to object-oriented programming languages such as Java, Smalltalk, C++, and Included are conventional procedural programming languages, such as the "C" language or similar programming languages.
  • 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 via any kind of network, such as a local area network (LAN) or wide area network (WAN), or may be connected to an external computer (such as via the Internet using an Internet service provider). connect).
  • LAN local area network
  • WAN wide area network
  • connect such as via the Internet using an Internet service provider
  • each block in a flowchart or block diagram may represent a module, program segment, or portion of code that contains one or more logical functions for implementing specified executable instructions.
  • the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or they 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 by a dedicated hardware-based system that performs the specified functions or operations , or may be implemented by a combination of dedicated hardware and computer instructions.
  • the units involved in the embodiments described in the present disclosure may be implemented by software or by hardware. Wherein, the name of a unit does not constitute a limitation of the unit itself under certain circumstances.
  • FPGAs Field Programmable Gate Arrays
  • ASICs Application Specific Integrated Circuits
  • ASSPs Application Specific Standard Products
  • SOCs System on Chips
  • 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 conjunction with an instruction execution system, apparatus, or device.
  • a machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium.
  • a machine-readable medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing.
  • machine-readable storage media would include one or more wire-based electrical connections, portable computer discs, hard drives, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM or flash memory), optical fiber, compact disk read only memory (CD-ROM), optical storage, magnetic storage, or any suitable combination of the foregoing.
  • RAM random access memory
  • ROM read only memory
  • EPROM or flash memory erasable programmable read only memory
  • CD-ROM compact disk read only memory
  • magnetic storage or any suitable combination of the foregoing.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种页面展示方法及装置、电子设备、存储介质和程序产品，该页面展示方法包括：在第一媒体展示页面之上展示关于目标对象的页面覆层，其中，页面覆层覆盖第一媒体展示页面的至少部分区域，页面覆层包括展示目标对象的对象展示区和展示关于目标对象的第一关联信息的信息展示区，对象展示区具有第一展示尺寸(S110)；响应于针对页面覆层的第一操作指令，将页面覆层的对象展示区从第一展示尺寸改变为第二展示尺寸(S120)。该页面展示方法可以使详情信息的展示形式更方便。

Description

页面展示方法及装置、电子设备、存储介质和程序产品
本申请要求于2021年11月05日递交的中国专利申请第202111306836.0号的优先权，该中国专利申请的全文以引入的方式并入以作为本申请的一部分。
技术领域
本公开的实施例涉及一种页面展示方法及装置、电子设备、存储介质和计算机程序产品。
背景技术
随着网络和计算机技术的发展，媒体形式更为多样化。网络直播、短视频等近年来兴起的媒体形式已经越来越多地融入人们的生活中，例如，一些用户可以通过网络直播等媒体形式向其他用户介绍和推荐物品，并可以推送物品链接，其他用户通过物品链接可以由媒体页面跳转至相应的物品详情页面进行查看。
发明内容
本公开至少一个实施例提供一种页面展示方法及装置、电子设备及存储介质，可以使详情信息的展示形式更为新颖和多样化，并能够提升交互的体验感。
本公开至少一个实施例提供一种页面展示方法，包括：在第一媒体展示页面之上展示关于目标对象的页面覆层，其中，所述页面覆层覆盖所述第一媒体展示页面的至少部分区域，所述页面覆层包括展示所述目标对象的对象展示区和展示关于所述目标对象的第一关联信息的信息展示区，所述对象展示区具有第一展示尺寸；响应于针对所述页面覆层的第一操作指令，将所述页面覆层的对象展示区从所述第一展示尺寸改变为第二展示尺寸。
本公开至少一个实施例还提供一种页面展示装置，包括第一展示模块和第二展示模块，第一展示模块配置为在第一媒体展示页面之上展示关于目标对象的页面覆层，所述页面覆层覆盖所述预定页面的至少部分区域，所述页 面覆层包括展示所述目标对象的对象展示区和展示关于所述目标对象的第一关联信息的信息展示区；第二展示模块配置为响应于针对所述页面覆层的第一操作指令，将所述页面覆层的对象展示区从第一展示尺寸改变为第二展示尺寸。
本公开至少一个实施例还提供一种电子设备，包括：处理器；存储器，包括一个或多个计算机程序模块；其中，所述一个或多个计算机程序模块被存储在所述存储器中并被配置为由所述处理器执行，所述一个或多个计算机程序模块包括用于实现本公开任一实施例所述的页面展示方法的指令。
本公开至少一个实施例还提供一种存储介质，用于非暂时性存储计算机可读指令，当所述计算机可读指令由计算机执行时可以实现本公开任一实施例所述的页面展示方法。
本公开至少一个实施例还提供一种计算机程序产品，包括承载在非暂性计算机可读介质上的计算机程序，该计算机程序包括用于执行本公开任一实施例所述的页面展示方法的程序代码。
附图说明
结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同的附图标记表示相同的元素。应当理解附图是示意性的，元件和元素不一定按照比例绘制。
图1为本公开一些实施例提供的一种页面展示方法的流程示意图；
图2为本公开一些实施例提供的一种第一媒体展示页面的示意图；
图3为本公开一些实施例提供的一种页面覆层的示意图；
图4为本公开一些实施例提供的一种变化后的页面覆层的示意图；
图5为本公开一些实施例提供的变化过程中的页面覆层的示意图；
图6为一种可用于实施本公开实施例提供的页面展示方法的系统；
图7为本公开一些实施例提供的一种页面展示装置的示意框图；
图8为本公开一些实施例提供的一种电子设备的示意框图；
图9为本公开一些实施例提供的另一种电子设备的示意框图；以及
图10为本公开一些实施例提供的一种存储介质的示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。“多个”应理解为两个或以上。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
在直播页面、短视频页面等视频播放页面中点击物品链接会直接跳转至相应物品的详情页面中，用户若想继续观看视频，需要点击返回键重新返回至视频播放页面。这种展示物品详情页面的形式较为单一，且用户的交互体验感较差，且不方便，另一方面还中断了用户对视频的观看，不能很好地将视频播放页面与物品详情页面相结合，影响使用体验。
下面，将参考附图详细地说明本公开的实施例。
图1为本公开一些实施例提供的一种页面展示方法的流程示意图。如图1所示，在至少一个实施例中，该方法包括操作S110和S120。
步骤S110：在第一媒体展示页面之上展示关于目标对象的页面覆层，其中，页面覆层覆盖第一媒体展示页面的至少部分区域，页面覆层包括展示目 标对象的对象展示区和展示关于目标对象的第一关联信息的信息展示区，对象展示区具有第一展示尺寸。
步骤S120：响应于针对页面覆层的第一操作指令，将页面覆层的对象展示区从第一展示尺寸改变为第二展示尺寸。
例如，目标对象可以包括物品、人物、动物等对象中的至少一种，关联信息(例如第一关联信息和以下内容中的第二关联信息)可以是关于目标对象的描述信息，关联信息可以以字符的形式呈现，例如文字、数字、英文字母等。在一些示例中，在目标对象为物品(例如商品、展品等)的情况下，关联信息可以包括物品的详情信息，例如包括物品的名称、价格、销量、参数、评价、解释说明等信息中的至少一种。在以下的一些实施例中，以目标对象为物品为例进行说明，但本公开实施例不以此为限，在实际应用过程中，可以根据实际需求设定目标对象的类型。
例如，在一些示例中，第一媒体展示页面可以是视频播放页面，视频播放页面播放的视频为目标对象对应的视频，例如，目标对象对应的视频可以理解为视频的一帧或多帧图像展示有该目标对象，或者，该目标对象为视频的讲解对象等。例如，第一媒体展示页面可以是直播页面、短视频页面、长视频页面等播放视频类媒体资源的页面，也可以例如GIF等动画画面。在另一些示例中，第一媒体展示页面还可以是其他动态或者静态页面，例如新闻页面、聊天页面等。在以下的一些实施例中，以第一媒体展示页面为直播页面为例进行说明。
例如，第一媒体展示页面可以展示有关于目标对象的链接，例如关于目标对象的广告链接、商品推荐链接等。在关于目标对象的链接被执行点击、双击等操作的情况下，可以执行本公开实施例提供的页面展示方法。
例如，本公开实施例提供的页面展示方法可以由终端设备执行，终端设备包括但不限于手机、平板电脑、笔记本电脑等。终端设备可以包括显示屏、处理器、数据收发装置等等，终端设备可以通过通信网络与服务器和/或数据库传输数据。
例如，在步骤S110中，在第一媒体展示页面之上展示关于目标对象的页面覆层，可以理解为页面覆层位于第一媒体展示页面的朝向用户的一侧，即页面覆层位于第一媒体展示页面所在图层的上一层，呈现的视觉效果是页面覆层覆盖于第一媒体展示页面的上方。在一些示例中，覆层可以理解为浮 层、蒙层等。
图2为本公开一些实施例提供的一种第一媒体展示页面的示意图。图3为本公开一些实施例提供的一种页面覆层的示意图。
如图2和图3所示，在一些示例中，第一媒体展示页面200可以是直播页面(例如直播间页面)，直播用户通过直播页面可以实时将画面和声音等信息传递给观看直播的用户，并且观看直播的用户可以通过在直播页面发布评论等方式与直播用户进行实时互动。直播页面包括直播视频201、用户评论202、物品链接203等内容。每个物品链接203可以链接至物品对应的页面覆层，以通过页面覆层展示物品的详情信息，例如，目标对象为物品“帽子”，在物品链接203被执行点击、双击等操作的情况下，可以在直播页面200之上展示关于帽子的页面覆层300，页面覆层300可以部分或者完全覆盖第一媒体展示页面200。在第一媒体展示页面之上展示有关于目标对象的页面覆层的情况下，第一媒体展示页面200可以继续播放视频。
例如，在步骤S110中，对象展示区310具有第一展示尺寸，对象展示区310的展示尺寸可以包括第一方向A1上的尺寸和/或第二方向A2上的尺寸，第一方向A1可以是页面的纵向方向或长度方向，第二方向A2可以是与第一方向A1垂直的方向，例如为页面的横向方向或宽度方向。
例如，页面覆层300包括展示目标对象的对象展示区310和展示关于目标对象的第一关联信息的信息展示区320。对象展示区310配置为展示关于目标对象的图片，以目标对象是“帽子”为例，对象展示区310可以展示有帽子的图片，对象展示区310具有第一展示尺寸，第一展示尺寸可以小于第一媒体展示页面300的展示尺寸。例如，信息展示区320位于对象展示区310的靠近页面覆层300的底部边缘的一侧，信息展示区320可以展示有关于该帽子的产品名称、价格、评价等信息条目。
例如，在步骤S120中，第一操作指令可以由交互事件产生，交互事件可以为对于页面覆层300的触控操作。例如，对页面覆层300执行预定的触控操作可以触发第一操作指令，预定的触控操作可以是滑动操作(例如上滑操作、多点触控操作等)、点击操作或者双击操作等，本公开实施例对触控操作的具体形式不做限制。例如，第一操作指令是能够使页面覆层300发生界面变化的指令，界面变化包括对象展示区310从第一展示尺寸改变为第二展示尺寸。
根据本公开实施例的页面展示方法，可以在直播页面等媒体展示页面上展示关于目标对象的页面覆层，以覆层的形式显示关于目标对象的详细信息，可以避免相关技术中因页面跳转而导致视频中断的问题。并且，基于该页面展示方法，可以通过触控操作使页面覆层的尺寸发生变化，可以更方便地展示详情信息，使详情信息的展示形式更为新颖和多样化，并能够提升交互的体验感。
例如，本公开实施例的页面展示方法还可以包括：随着将页面覆层的对象展示区310从第一展示尺寸改变为第二展示尺寸，将页面覆层的信息展示区320中的第一关联信息替换为第二关联信息。基于这一方式，在改变对象展示区尺寸的同时变换信息展示区中的信息，可以展示更丰富的详情信息并且提升交互的体验感。
例如，在一些示例中，第一展示尺寸小于第二展示尺寸，即，响应于第一操作指令，对象展示区310的展示面积增大。信息展示区320的展示面积可以增大或不变。
例如，如图3所示，在步骤S110中，页面覆层300可以覆盖第一媒体展示页面200的部分区域。例如，页面覆层300可以位于第一媒体展示页面200的底部区域，页面覆层300的底边(底部边缘)可以与第一媒体展示页面200的底边对齐，页面覆层300的顶边(顶部边缘)与第一媒体展示页面200的顶边具有一定距离，页面覆层300的左右两边(左侧边缘和右侧边缘)可以分别与第一媒体展示页面200的左右两边对齐或者具有一定距离。在其他示例中，页面覆层300也可以位于第一媒体展示页面200的顶部区域或其他区域。
图4为本公开一些实施例提供的一种变化后的页面覆层的示意图。如图3和图4所示，响应于第一操作指令，页面覆层的对象展示区310的展示面积增大。例如，第一展示尺寸包含长度尺寸L1，第二展示尺寸包括长度尺寸L2，L2>L1，即对象展示区310的长度增大。例如，在变化过程中，对象展示区310的顶边向上移动以靠近第一媒体展示页面200的顶边或者与第一媒体展示页面200的顶边对齐，对象展示区310的底边可以向顶边移动但是移动的距离小于顶边移动的距离，或者对象展示区域310的底边可以不移动，或者对象展示区域310的底边朝向远离顶边的方向移动，只要保证对象展示区310的顶边和底边之间的距离增大即可。响应于第一操作指令，页面覆层 300在宽度方向上的尺寸可以不变；或者页面覆层300在宽度方向上的尺寸可以增大。
例如，如图4所示，在页面覆层的对象展示区310具有第二展示尺寸的情况下，页面覆层300可以完全覆盖第一媒体展示页面。基于这一方式，响应于第一操作指令，可以使页面覆层300由非全屏展示转换为全屏展示，以最大程度地展示目标对象的详情信息。并且，现有的从直播间等视频播放页面查看物品详情的方式一般是在直播间页面先点击购物车空间进入物品详情列表，在物品详情列表处选择并点击某个物品而后进入物品详情页，而且物品详情页的展示方式固定，交互方式单一，无法满足用户需求，本公开实施例的页面展示方法可以通过滑动操作等交互方式快速方便地实现目标对象从局部展示到完整展示之间的切换，方便用户了解对象详情及快速返回视频播放页。
例如，在其他一些实施例中，在页面覆层的对象展示区310具有第二展示尺寸的情况下，页面覆层300也可以部分覆盖第一媒体展示页面。
例如，在另一些示例中，第一展示尺寸可以大于第二展示尺寸，即，响应于第一操作指令，对象展示区310的展示面积减小。信息展示区320的展示面积可以缩小或不变。由此在初始时对象展示区具有第一展示尺寸，方便用户查看对象信息的同时方便返回视频播放，而且响应于针对页面覆层的第一操作指令，将页面覆层的对象展示区从第一展示尺寸改变为第二展示尺寸，满足用户查看更多对象信息的需求，符合用户预期。
例如，在步骤S110中，对象展示区310可以具有如图4所示的尺寸L2。在步骤S120中，响应于第一操作指令，对象展示区310的长度由尺寸L2缩小至图3所示的尺寸L1。例如，在步骤S110中，页面覆层300可以覆盖第一媒体展示页面200的全部区域。在步骤S120中，响应于第一操作指令，页面覆层300由全屏展示转换为非全屏展示。具体地，第一展示尺寸大于第二展示尺寸的示例可以采用与上述第一展示尺寸小于第二展示尺寸的示例相反的方案，在此不再赘述。以下示例中以第一展示尺寸小于第二展示尺寸为例进行说明。
例如，在响应于第一操作指令使页面覆层300的发生界面变化后，第一媒体展示页面200可以继续播放视频或者可以暂停视频播放。例如，可以根据页面覆层300覆盖第一媒体展示页面200的比例确定第一媒体展示页面 200是否继续播放视频。在覆盖比例小于预定比例(例如80％或者100％)的情况下，第一媒体展示页面200可以继续播放视频，在覆盖比例大于或等于预定比例的情况下，第一媒体展示页面200可以暂停播放视频。例如，在第一媒体展示页面200暂停播放视频之后，可以将视频以浮窗的形式展示在页面覆层300上，以使用户能够继续观看视频。
例如，第二关联信息与第一关联信息不完全相同但是可以部分相同，例如，第一关联信息可以为第二关联信息中的部分信息，第二关联信息包括P个条目信息，P个条目信息可以包括名称信息、价格信息、销量信息、参数信息、评价信息、榜单信息、保障信息、解释说明信息等。第一关联信息可以包括P个条目信息中的Q个关键条目信息(P为正整数，Q为小于P的正整数)，Q个关键条目信息可以包括名称信息、价格信息、评价信息等。
例如，在图4所示的页面覆层300中，信息展示区320为可滑动查看区域，即可以通过对信息展示区域320执行滑动操作来展示更多的内容。
例如，页面覆层的对象展示区的尺寸和信息展示区的展示的关联信息可以是逐渐变化的。例如，若触控操作是非延续性操作，例如点击、双击等操作，则变化过程可以是在触控操作后的预定时长(例如1秒)内完成，在该预定时长内，页面覆层逐渐变化。若触控操作是延续性操作，例如滑动操作，则变化过程可以随着操作逐渐进行，例如，随着滑动操作的进行，页面覆层逐渐变化。
例如，步骤S120可以包括：将页面覆层的对象展示区310从第一展示尺寸逐渐改变为第二展示尺寸。在对象展示区的尺寸变化过程中对象展示区的边缘逐渐向外扩展，例如对象展示区的顶边逐渐向上扩展，以呈现出逐渐扩展放大的效果。
例如，如图4所示，在对象展示区310具有第二展示尺寸的情况下，对象展示区310展示有关于目标对象的图片(以下也简称为对象图片)的全部图像区域，即对象图片可以被完整展示。如图3所示，在页面覆层的对象展示区310具有第一展示尺寸的情况下，对象展示区310展示有关于目标对象的图片的部分图像区域(以下将该部分图像区域简称为子图像)，即对象图片被部分展示。例如，对象图片为长图，该子图像为方图。
例如，关于目标对象的图片可以包括目标对象，也可以包括与目标对象相关的关联对象，例如图3所示，目标对象为帽子，关联对象可以是戴帽子 的人或者是帽子所在的场景或背景(例如图3中帽子的背景为椰子树)。
例如，在一些示例中，在对象展示区310具有第二展示尺寸的情况下，展示目标对象的全部区域，例如对象展示区展示有帽子的全部区域。在对象展示区310具有第一展示尺寸的情况下，展示目标对象的部分区域，例如对象展示区展示有帽子的部分区域。也就是说，在对象展示区310由第一展示尺寸转换为第二展示尺寸的过程中，对象展示区中的目标对象由部分显示到完整显示。
例如，在一些示例中，在对象展示区310具有第二展示尺寸的情况下，展示关联对象的全部区域，例如对象展示区展示有椰子树的全部区域。在对象展示区310具有第一展示尺寸的情况下，展示关联对象的部分区域，例如对象展示区展示有椰子树的部分区域。也就是说，在对象展示区310由第一展示尺寸转换为第二展示尺寸的过程中，对象展示区中的关联对象由部分显示到完整显示。
图5为本公开一些实施例提供的变化过程中的页面覆层的示意图。
如图3、图4和图5所示，在对象展示区310由图3所示的第一展示尺寸变化为图4所示的第二展示尺寸的过程中，从子图像的至少一侧边缘(例如顶部边缘和底部边缘)逐渐扩展出对象图片的其余图像区域，直至变化为第二展示尺寸后，可以呈现出对象图片的全部区域。
例如，在一些示例中，该子图像为通过从对象图片中截取目标对象所在的区域而得到。例如，可以根据对象识别模型对对象图片进行识别，以识别到目标对象所在的位置，以目标对象的中心为中心截取大小为第一展示尺寸的图像区域作为子图像。对象识别模型可以预先根据样本数据训练得到，对象识别模型例如可以是神经网络模型、深度学习模型、分类树模型等。基于这一方式，可以保证目标对象在对象展示区的展示效果。
例如，在另一些示例中，子图像为通过截取对象图片的预定区域而得到。例如，以对象图片的中心为中心截取大小为第一展示尺寸的图像区域作为子图像。
例如，在另一些示例中，子图像为通过从对象图片中截取标记信息所指示的区域而得到。例如，可以预先为对象图片进行区域标记，以标记出可以截取的区域，在需要获取子图像时，根据标记信息截取相应的图像区域作为子图像。
例如，步骤S120可以包括：将页面覆层的信息展示区中的第一关联信息视觉上逐渐替换为第二关联信息。例如，第一关联信息逐渐消失，第二关联信息逐渐显现。
例如，如图5所示，在一个示例中，第一关联信息的显示颜色逐渐变化为与背景相同的颜色，例如在背景为白色的情况下，第一关联信息由深变浅直至变为白色。第二关联信息的显示颜色逐渐变化为与背景不同的颜色，例如在背景为白色的情况下，第二关联信息由浅变深直至变为黑色。若第一关联信息和第二关联信息存在相同的信息，则该相同信息的显示颜色可以不发生变化，第一关联信息和第二关联信息中除相同信息之外的其他信息的显示颜色逐渐变化。
例如，在一个示例中，第一关联信息逐渐变小，第二关联信息逐渐变大。例如，第一关联信息中的文字由常规大小逐渐变小至消失，第二关联信息中的文字逐渐变大至常规大小。
例如，在一个示例中，第一关联信息逐渐减少，第二关联信息逐渐增多。例如，第一关联信息中的文字逐行或逐列消失，第二关联信息中的文字逐行或逐列出现，以使第二关联信息逐行或逐列替换第一关联信息。
例如，第一关联信息和第二关联信息之间的变化方式还可以采用其他变化形式，例如滑出滑入、翻页等。
例如，第一关联信息包括多个子关联信息，如图3所示，第一关联信息可以包括价格信息、名称信息、评价信息等多项子关联信息。第一关联信息包括第一子关联信息，第一子关联信息可以是价格信息、名称信息或者评价信息等。在页面覆层的对象展示区310具有第一展示尺寸的情况下，信息展示区320展示有该第一子关联信息的部分信息，即第一子关联信息被部分展示。在页面覆层的对象展示区具有第二展示尺寸的情况下，信息展示区320展示有该第一子关联信息的全部信息，即第一子关联信息被完整展示。例如，名称信息的全称为“2020年夏季新款草编帽大檐帽遮阳帽防晒帽沙滩海边出游”，如图3所示，在对象展示区310具有第一展示尺寸的情况下，该名称项仅展示其中的部分字符“2020年夏季新款草编帽大檐帽”。如图4所示，在对象展示区310具有第二展示尺寸的情况下，名称项可以被完整显示。基于这一方式，页面覆层在小尺寸的情况下展示子关联信息的部分信息，可以 在不影响观看的情况下节省显示空间。在页面覆层的面积扩大后展示子关联信息的完整信息，可以使用户对目标对象的了解更为全面和详细。
例如，如图3、图4和图5所示，页面覆层300还包括容纳至少一个页面控件的控件容纳区330。本实施例的页面展示方法还可以包括：随着将页面覆层300的对象展示区310从第一展示尺寸改变为第二展示尺寸，将页面覆层的控件容纳区330中的第一控件替换为第二控件，第一控件不同于第二控件。
例如，第一控件和第二控件不完全相同但是可以部分相同。第二控件可以包括E个控件，E个控件可以包括“加入购物车”的控件、“立即购买”控件、“店铺”控件、“客服”控件等。第一控件可以是E个控件中的F个关键控件，该F个关键控件例如为“加入购物车”的控件和“立即购买”控件。E为正整数，F为小于E的正整数。
例如，将页面覆层的控件容纳区中的第一控件替换为第二控件可以包括：将页面覆层的控件容纳区中的第一控件视觉上逐渐替换为第二控件。
例如，第一控件逐渐消失，第二控件逐渐显现。具体地，第一控件和第二控件之间的变化方式可参见第一关联信息和第二关联信息之间的变化方式，在此不再赘述。
本公开实施例的页面展示方法，可以通过触控操作使页面覆层中的控件发生变化，使详情信息的展示形式更为新颖和多样化，并能够提升交互的体验感。
需要说明的是，本公开的实施例中，页面展示方法的各个步骤的执行顺序不受限制，虽然上文以特定顺序描述了各个步骤的执行过程，但这并不构成对本公开实施例的限制。该页面展示方法中的各个步骤可以串行执行或并行执行，这可以根据实际需求而定。该页面展示方法还可以包括更多或更少的步骤，例如，为了达到更好的展示效果而增加一些预处理步骤，或者将一些中间过程的数据存储并用于后续处理和计算，以省略一些相似的步骤。
图6为一种可用于实施本公开实施例提供的页面展示方法的系统。如图6所示，该系统410可以包括用户终端411、网络412、服务器413以及数据库414。例如，该系统410可以用于实施本公开任一实施例提供的页面展示方法。
用户终端411例如为电脑411-1。可以理解的是，用户终端411可以是 能够执行数据处理的任何其他类型的电子设备，其可以包括但不限于台式电脑、笔记本电脑、平板电脑、工作站等。用户终端411也可以是设置有电子设备的任何装备。本公开的实施例对于用户终端的硬件配置或软件配置(例如操作系统的类型(例如Android、iOS、Windows、MacOS、鸿蒙等)或版本)等不作限制。
用户可以对安装在用户终端411上的应用程序或在用户终端411上登录的网站进行操作，应用程序或网站通过网络412将用户操作传输给服务器413，用户终端411还可以通过网络412接收服务器413传输的数据。
例如，用户终端411安装有视频播放类软件，用户在用户终端411上利用视频播放类软件观看第一媒体展示页面。在需要进行查看目标对象的详情信息时，用户终端411通过运行代码的方式执行本公开实施例提供的页面展示方法。
网络412可以是单个网络，或至少两个不同网络的组合。例如，网络412可以包括但不限于局域网、广域网、公用网络、专用网络等中的一种或几种的组合。
服务器413可以是一个单独的服务器，或一个服务器群组，群组内的各个服务器通过有线的或无线的网络进行连接。一个服务器群组可以是集中式的，例如数据中心，也可以是分布式的。服务器413可以是本地的或远程的。
数据库414可以泛指具有存储功能的设备。数据库414主要用于存储用户终端411和服务器413在工作中所利用、产生和输出的各种数据。数据库414可以是本地的或远程的。数据库414可以包括各种存储器、例如随机存取存储器(Random Access Memory，RAM)、只读存储器(Read Only Memory，ROM)等。以上提及的存储设备只是列举了一些例子，该系统410可以使用的存储设备并不局限于此。
数据库414可以经由网络412与服务器413或其一部分相互连接或通信，或直接与服务器413相互连接或通信，或是上述两种方式的结合。
在一些示例中，数据库414可以是独立的设备。在另一些示例中，数据库414也可以集成在用户终端411和服务器413中的至少一个中。例如，数据库414可以设置在用户终端411上，也可以设置在服务器413上。又例如，数据库414也可以是分布式的，其一部分设置在用户终端411上，另一部分设置在服务器413上。
例如，第一媒体展示页面展示的视频、以及关于目标对象的图片和关联信息等可以部署在数据库414上。当需要获取视频、图片和关联信息时，用户终端411通过网络412访问数据库414，并通过网络412获取数据库414中存储的信息。本公开的实施例对于数据库的类型不做限制，例如可以为关系型数据库或非关系型数据库等。
本公开至少一个实施例还提供一种页面展示装置，该装置可以在直播页面等媒体展示页面上展示关于目标对象的页面覆层，以覆层的形式显示关于目标对象的详细信息，可以避免相关技术中因页面跳转而导致视频中断的问题。并且，基于该页面展示装置，可以通过触控操作使页面覆层的尺寸发生变化以及展示的关联信息发生变化，进而使详情信息的展示形式更为新颖和多样化，并能够提升交互的体验感。
图7为本公开一些实施例提供的一种页面展示装置的示意框图。如图7所示，该页面展示装置500包括第一展示模块510和第二展示模块520。例如，该页面展示装置500可以应用于用户终端中，也可以应用于任意的需要页面展示的设备或系统中，本公开的实施例对此不作限制。
第一展示模块510配置为在第一媒体展示页面之上展示关于目标对象的页面覆层，其中，页面覆层覆盖预定页面的至少部分区域，页面覆层包括展示目标对象的对象展示区和展示关于目标对象的第一关联信息的信息展示区。例如，第一展示模块510可以执行如图1所示的页面展示方法的步骤S110。
第二展示模块520配置为响应于针对页面覆层的第一操作指令，将页面覆层的对象展示区从第一展示尺寸改变为第二展示尺寸。例如，第二展示模块520可以执行如图1所示的页面展示方法的步骤S120。
例如，第一展示模块510和第二展示模块520可以为硬件、软件、固件以及它们的任意可行的组合。例如，第一展示模块510和第二展示模块520可以为专用或通用的电路、芯片或装置等，也可以为处理器和存储器的结合。关于第一展示模块510和第二展示模块520的具体实现形式，本公开的实施例对此不作限制。
需要说明的是，本公开的实施例中，页面展示装置500的各个单元与前述的页面展示方法的各个步骤对应，关于该页面展示装置500的具体功能可以参考上文中页面展示方法的相关描述，此处不再赘述。图7所示的页面展 示装置500的组件和结构只是示例性的，而非限制性的，根据需要，该页面展示装置500还可以包括其他组件和结构。
例如，在一些示例中，第二展示模块520进一步配置为：随着将所述页面覆层的对象展示区从所述第一展示尺寸改变为所述第二展示尺寸，将页面覆层的信息展示区中的第一关联信息替换为第二关联信息。
例如，在一些示例中，第二展示模块520进一步配置为：将页面覆层的对象展示区从第一展示尺寸逐渐改变为第二展示尺寸；将页面覆层的信息展示区中的第一关联信息视觉上逐渐替换为第二关联信息。
例如，在一些示例中，页面覆层还包括容纳至少一个页面控件的控件容纳区。第二展示模块520进一步配置为：随着将页面覆层的对象展示区从第一展示尺寸改变为第二展示尺寸，将页面覆层的控件容纳区中的第一控件替换为第二控件，第一控件不同于第二控件。
例如，在一些示例中，第二展示模块520进一步配置为：将页面覆层的控件容纳区中的第一控件视觉上逐渐替换为第第二控件。
例如，在一些示例中，第一展示尺寸小于第二展示尺寸。
例如，在一些示例中，在页面覆层的对象展示区具有第二展示尺寸的情况下，页面覆层完全覆盖第一媒体展示页面。
例如，在一些示例中，第一媒体展示页面为视频播放页面，对象展示区配置为展示关于目标对象的图片，视频播放页面播放的视频为目标对象对应的视频。
例如，在一些示例中，在页面覆层的对象展示区具有第一展示尺寸的情况下，对象展示区展示有关于目标对象的图片的部分图像区域。
例如，在一些示例中，在页面覆层的对象展示区具有第二展示尺寸的情况下，对象展示区展示有关于目标对象的图片的全部图像区域。
例如，在一些示例中，第一关联信息包括第一子关联信息；在页面覆层的对象展示区具有第一展示尺寸的情况下，信息展示区展示有第一子关联信息的部分信息；在页面覆层的对象展示区具有第二展示尺寸的情况下，信息展示区展示有第一子关联信息的全部信息。
例如，在一些示例中，第一操作指令由交互事件产生。
例如，在一些示例中，交互事件为对于页面覆层的触控操作。
图8为本公开一些实施例提供的一种电子设备的示意框图。如图8所示， 电子设备600包括处理器610和存储器620。存储器620用于非暂时性存储计算机可读指令(例如一个或多个计算机程序模块)。处理器610用于运行计算机可读指令，计算机可读指令被处理器610运行时可以执行上文所述的页面展示方法中的一个或多个步骤。存储器620和处理器610可以通过总线系统和/或其它形式的连接机构(未示出)互连。
例如，处理器610可以是中央处理单元(CPU)、数字信号处理器(DSP)或者具有数据处理能力和/或程序执行能力的其它形式的处理单元，例如现场可编程门阵列(FPGA)等；例如，中央处理单元(CPU)可以为X86或ARM架构等。处理器610可以为通用处理器或专用处理器，可以控制电子设备600中的其它组件以执行期望的功能。
例如，存储器620可以包括一个或多个计算机程序产品的任意组合，计算机程序产品可以包括各种形式的计算机可读存储介质，例如易失性存储器和/或非易失性存储器。易失性存储器例如可以包括随机存取存储器(RAM)和/或高速缓冲存储器(cache)等。非易失性存储器例如可以包括只读存储器(ROM)、硬盘、可擦除可编程只读存储器(EPROM)、便携式紧致盘只读存储器(CD-ROM)、USB存储器、闪存等。在计算机可读存储介质上可以存储一个或多个计算机程序模块，处理器610可以运行一个或多个计算机程序模块，以实现电子设备600的各种功能。在计算机可读存储介质中还可以存储各种应用程序和各种数据以及应用程序使用和/或产生的各种数据等。
需要说明的是，本公开的实施例中，电子设备600的具体功能和技术效果可以参考上文中关于页面展示方法的描述，此处不再赘述。
图9为本公开一些实施例提供的另一种电子设备的示意框图。该电子设备700例如适于用来实施本公开实施例提供的基于地标的增强现实预览方法。电子设备700可以是用户终端等。需要注意的是，图9示出的电子设备700仅仅是一个示例，其不会对本公开实施例的功能和使用范围带来任何限制。
如图9所示，电子设备700可以包括处理装置(例如中央处理器、图形处理器等)710，其可以根据存储在只读存储器(ROM)720中的程序或者从存储装置780加载到随机访问存储器(RAM)730中的程序而执行各种适当的动作和处理。在RAM 730中，还存储有电子设备700操作所需的各种程序和数据。处理装置710、ROM 720以及RAM 730通过总线740彼此相 连。输入/输出(I/O)接口750也连接至总线740。
通常，以下装置可以连接至I/O接口750：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置760；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置770；包括例如磁带、硬盘等的存储装置780；以及通信装置790。通信装置790可以允许电子设备700与其他电子设备进行无线或有线通信以交换数据。虽然图9示出了具有各种装置的电子设备700，但应理解的是，并不要求实施或具备所有示出的装置，电子设备700可以替代地实施或具备更多或更少的装置。
例如，根据本公开的实施例，图1所示的页面展示方法可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂性计算机可读介质上的计算机程序，该计算机程序包括用于执行上述页面展示方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置790从网络上被下载和安装，或者从存储装置780安装，或者从ROM 720安装。在该计算机程序被处理装置710执行时，可以执行本公开实施例提供的页面展示方法中限定的功能。
本公开至少一个实施例还提供一种存储介质，用于非暂时性存储计算机可读指令，当该计算机可读指令由计算机执行时可以实现本公开任一实施例所述的页面展示方法。利用该存储介质，可以在直播页面等媒体展示页面上展示关于目标对象的页面覆层，以覆层的形式显示关于目标对象的详细信息，可以避免相关技术中因页面跳转而导致视频中断的问题。并且，基于该页面展示方法，可以通过触控操作使页面覆层的尺寸发生变化，进而使详情信息的展示形式更为新颖和多样化，并能够提升交互的体验感。
图10为本公开一些实施例提供的一种存储介质的示意图。如图10所示，存储介质800用于非暂时性存储计算机可读指令810。例如，当计算机可读指令810由计算机执行时可以执行根据上文所述的页面展示方法中的一个或多个步骤。
例如，该存储介质800可以应用于上述电子设备800中。例如，存储介质800可以为图8所示的电子设备600中的存储器620。例如，关于存储介质800的相关说明可以参考图8所示的电子设备600中的存储器620的相应描述，此处不再赘述。
在上文中，结合图1至图10描述了本公开实施例提供的页面展示方法、 页面展示装置、电子设备及存储介质。
本公开实施例提供的页面展示方法可以在直播页面等媒体展示页面上展示关于目标对象的页面覆层，以覆层的形式显示关于目标对象的详细信息，可以避免相关技术中因页面跳转而导致视频中断的问题。并且，基于该页面展示方法，可以通过触控操作使页面覆层的尺寸发生变化，进而使详情信息的展示形式更为新颖和多样化，并能够提升交互的体验感。
需要说明的是，本公开上述的存储介质(计算机可读介质)可以是计算机可读信号介质或者非暂时性计算机可读存储介质或者是上述两者的任意组合。非暂时性计算机可读存储介质例如可以是，但不限于，电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。非暂时性计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，非暂时性计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是非暂时性计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等，或者上述的任意合适的组合。
在一些实施方式中，客户端、服务器可以利用诸如超文本传输协议(Hyper Text Transfer Protocol，HTTP)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(LAN)，广域网(WAN)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存 在，而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：在第一媒体展示页面之上展示关于目标对象的页面覆层，页面覆层覆盖第一媒体展示页面的至少部分区域，页面覆层包括展示目标对象的对象展示区和展示关于目标对象的第一关联信息的信息展示区，对象展示区具有第一展示尺寸；响应于针对页面覆层的第一操作指令，将页面覆层的对象展示区从第一展示尺寸改变为第二展示尺寸。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言，诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言，诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络，例如局域网(LAN)或广域网(WAN)，连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这根据所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来 执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等。
在本公开中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
以上描述仅为本公开的部分实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。

Claims (15)

  1. 一种页面展示方法，包括：
    在第一媒体展示页面之上展示关于目标对象的页面覆层，其中，所述页面覆层覆盖所述第一媒体展示页面的至少部分区域，所述页面覆层包括展示所述目标对象的对象展示区和展示关于所述目标对象的第一关联信息的信息展示区，所述对象展示区具有第一展示尺寸；
    响应于针对所述页面覆层的第一操作指令，将所述页面覆层的对象展示区从所述第一展示尺寸改变为第二展示尺寸。
  2. 根据权利要求1所述的页面展示方法，还包括：
    随着将所述页面覆层的对象展示区从所述第一展示尺寸改变为所述第二展示尺寸，将所述页面覆层的信息展示区中的第一关联信息替换为第二关联信息。
  3. 根据权利要求2所述的页面展示方法，其中，
    将所述页面覆层的对象展示区从所述第一展示尺寸改变为所述第二展示尺寸，包括：
    将所述页面覆层的对象展示区从所述第一展示尺寸逐渐改变为所述第二展示尺寸；
    将所述页面覆层的信息展示区中的所述第一关联信息替换为所述第二关联信息，包括：
    将所述页面覆层的信息展示区中的所述第一关联信息视觉上逐渐替换为所述第二关联信息。
  4. 根据权利要求1-3任一项所述的页面展示方法，其中，所述页面覆层还包括容纳至少一个页面控件的控件容纳区，
    所述页面展示方法还包括：随着将所述页面覆层的对象展示区从所述第一展示尺寸改变为所述第二展示尺寸，将所述页面覆层的控件容纳区中的第一控件替换为第二控件，所述第一控件不同于所述第二控件。
  5. 根据权利要求4所述的页面展示方法，其中，将所述页面覆层的控件容纳区中的第一控件替换为第二控件，包括：
    将所述页面覆层的控件容纳区中的所述第一控件视觉上逐渐替换为第所述第二控件。
  6. 根据权利要求3所述的页面展示方法，其中，所述第一展示尺寸小于所述第二展示尺寸。
  7. 根据权利要求6所述的页面展示方法，其中，在所述页面覆层的对象展示区具有所述第二展示尺寸的情况下，所述页面覆层完全覆盖所述第一媒体展示页面。
  8. 根据权利要求1-7任一项所述的页面展示方法，其中，所述第一媒体展示页面为视频播放页面，所述对象展示区配置为展示关于所述目标对象的图片，
    其中，所述视频播放页面播放的视频为所述目标对象对应的视频。
  9. 根据权利要求8所述的页面展示方法，其中，在所述页面覆层的对象展示区具有所述第一展示尺寸的情况下，所述对象展示区展示有关于所述目标对象的图片的部分图像区域。
  10. 根据权利要求9所述的页面展示方法，其中，在所述页面覆层的对象展示区具有所述第二展示尺寸的情况下，所述对象展示区展示有关于所述目标对象的图片的全部图像区域。
  11. 根据权利要求1-10任一项所述的页面展示方法，其中，
    所述第一关联信息包括第一子关联信息；
    在所述页面覆层的对象展示区具有所述第一展示尺寸的情况下，所述信息展示区展示有所述第一子关联信息的部分信息；
    在所述页面覆层的对象展示区具有所述第二展示尺寸的情况下，所述信息展示区展示有所述第一子关联信息的全部信息。
  12. 一种页面展示装置，包括：
    第一展示模块，配置为在第一媒体展示页面之上展示关于目标对象的页面覆层，其中，所述页面覆层覆盖所述预定页面的至少部分区域，所述页面覆层包括展示所述目标对象的对象展示区和展示关于所述目标对象的第一关联信息的信息展示区；以及
    第二展示模块，配置为响应于针对所述页面覆层的第一操作指令，将所述页面覆层的对象展示区从第一展示尺寸改变为第二展示尺寸。
  13. 一种电子设备，包括：
    处理器；
    存储器，包括一个或多个计算机程序模块；
    其中，所述一个或多个计算机程序模块被存储在所述存储器中并被配置为由所述处理器执行，所述一个或多个计算机程序模块包括用于实现权利要求1-11任一项所述的页面展示方法的指令。
  14. 一种计算机可读存储介质，用于非暂时性存储计算机可读指令，
    其中，当所述计算机可读指令由计算机执行时可以实现权利要求1-11任一项所述的页面展示方法。
  15. 一种计算机程序产品，包括承载在非暂性计算机可读介质上的计算机程序，
    其中，所述计算机程序包括用于执行权利要求1-11任一项所述的页面展示方法的程序代码。
PCT/CN2022/129894 2021-11-05 2022-11-04 页面展示方法及装置、电子设备、存储介质和程序产品 WO2023078395A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202111306836.0A CN116089757A (zh) 2021-11-05 2021-11-05 页面展示方法及装置、电子设备、存储介质和程序产品
CN202111306836.0 2021-11-05

Publications (1)

Publication Number Publication Date
WO2023078395A1 true WO2023078395A1 (zh) 2023-05-11

Family

ID=86203070

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/129894 WO2023078395A1 (zh) 2021-11-05 2022-11-04 页面展示方法及装置、电子设备、存储介质和程序产品

Country Status (2)

Country Link
CN (1) CN116089757A (zh)
WO (1) WO2023078395A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116456162B (zh) * 2023-06-15 2023-10-27 北京达佳互联信息技术有限公司 一种直播间对象显示方法、装置、电子设备及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106791904A (zh) * 2016-12-29 2017-05-31 广州华多网络科技有限公司 直播购物方法及装置
CN112019930A (zh) * 2020-07-26 2020-12-01 杭州皮克皮克科技有限公司 一种直播视频的互动显示方法及装置
WO2020247798A1 (en) * 2019-06-06 2020-12-10 Augmented And Segmented Media Interface Corp. System and method for in-video product placement and in-video purchasing capability using augmented reality
CN113283971A (zh) * 2021-07-22 2021-08-20 北京达佳互联信息技术有限公司 信息显示方法和装置、电子设备和存储介质

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106791904A (zh) * 2016-12-29 2017-05-31 广州华多网络科技有限公司 直播购物方法及装置
WO2020247798A1 (en) * 2019-06-06 2020-12-10 Augmented And Segmented Media Interface Corp. System and method for in-video product placement and in-video purchasing capability using augmented reality
CN112019930A (zh) * 2020-07-26 2020-12-01 杭州皮克皮克科技有限公司 一种直播视频的互动显示方法及装置
CN113283971A (zh) * 2021-07-22 2021-08-20 北京达佳互联信息技术有限公司 信息显示方法和装置、电子设备和存储介质

Also Published As

Publication number Publication date
CN116089757A (zh) 2023-05-09

Similar Documents

Publication Publication Date Title
WO2021052141A1 (zh) 列表流的实现方法、装置、电子设备及存储介质
US20230379428A1 (en) Smart television and method for displaying graphical user interface of television screen shot
US11887630B2 (en) Multimedia data processing method, multimedia data generation method, and related device
JP7537830B2 (ja) 検索を実現する方法、装置及び機器
WO2021196903A1 (zh) 视频处理方法、装置、可读介质及电子设备
US20240062443A1 (en) Video sharing method and apparatus, device, and medium
US20240134512A1 (en) Interaction method and apparatus, electronic device, and storage medium
CN111078070B (zh) Ppt视频弹幕的播放控制方法、装置、终端及介质
US11205254B2 (en) System and method for identifying and obscuring objectionable content
WO2021052256A1 (zh) 弹窗的控制方法、装置、介质及电子设备
WO2021098670A1 (zh) 视频生成方法、装置、电子设备和计算机可读介质
US20230011395A1 (en) Video page display method and apparatus, electronic device and computer-readable medium
US20220215192A1 (en) Two-dimensional code display method, apparatus, device, and medium
US10242395B1 (en) Providing shopping links to items on a network page
JP2023528398A (ja) ライブ配信ルームの作成方法、装置、電子機器及び記憶媒体
WO2023045825A1 (zh) 基于视频的信息展示方法及装置、电子设备和存储介质
WO2023078395A1 (zh) 页面展示方法及装置、电子设备、存储介质和程序产品
WO2024008184A1 (zh) 一种信息展示方法、装置、电子设备、计算机可读介质
WO2015078257A1 (zh) 一种显示搜索信息的设备和方法
JP2023548485A (ja) 情報表示方法、装置、電子機器及びコンピュータ可読記憶媒体
WO2023088036A1 (zh) 页面展示方法及装置、电子设备、存储介质和程序产品
CN104881423B (zh) 信息提供装置以及信息提供方法
KR102250135B1 (ko) 추천 동영상 제공 방법 및 이를 위한 장치
US20240292062A1 (en) Video-based information display method and apparatus, electronic device, and storage medium
WO2022127524A1 (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: 22889416

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 18706140

Country of ref document: US

122 Ep: pct application non-entry in european phase

Ref document number: 22889416

Country of ref document: EP

Kind code of ref document: A1