Page display method, device, electronic device and storage medium

Abstract

The disclosed embodiment discloses a page display method, device, electronic device and storage medium, the method comprising: receiving a trigger operation acting on a preset control, the preset control is displayed on a play page of a target video, the play page is used to play a target screen at an initial position; in response to the trigger operation, obtaining a target area associated with the preset control; displaying a fusion page of the target area and a target screen of the target video, wherein the target area appears from a preset position of a display interface and moves in a preset direction, the target screen of the target video moves from the initial position in the preset direction on the display interface, and the target screen remains in a play state. The disclosed embodiment helps to improve the video viewing experience.

Description

Technical Field

[0001] The present disclosure relates to the field of information technology, and in particular to a page display method, device, electronic device and storage medium. Background Art

[0002] With the continuous development of network technology and terminal technology, more and more clients have emerged, and users can perform different online activities through different types of clients. For example, users can watch videos through video clients.

[0003] Other information is usually displayed on the video playback page. For example, on the video playback page about food, the restaurant information where the food can be tasted is usually displayed. By clicking on the restaurant information, you can enter the restaurant-related page. However, the video viewing experience is not good when switching pages, so the user experience needs to be improved. Summary of the invention

[0004] In order to solve the above technical problems or at least partially solve the above technical problems, the embodiments of the present disclosure provide a page display method, device, electronic device and storage medium, which are helpful to improve the video viewing experience.

[0005] The present disclosure provides a page display method, the method comprising:

[0006] Receiving a trigger operation acting on a preset control, the preset control being displayed on a play page of a target video, the play page being used to play the target picture at an initial position;

[0007] In response to the trigger operation, acquiring a target area associated with the preset control;

[0008] A fusion page of the target area and the target screen of the target video is displayed, wherein the target area appears from a preset position of the display interface and moves in a preset direction, the target screen of the target video moves from the initial position in the display interface in the preset direction, and the target screen remains in a playing state.

[0009] The present disclosure also provides a page display device, which includes:

[0010] A receiving module, used for receiving a trigger operation acting on a preset control, wherein the preset control is displayed on a play page of a target video, and the play page is used for playing the target picture at an initial position;

[0011] An acquisition module, configured to acquire a target area associated with the preset control in response to the trigger operation;

[0012] A display module is used to display a fusion page of the target area and the target screen of the target video, wherein the target area appears from a preset position of the display interface and moves in a preset direction, the target screen of the target video moves from the initial position in the display interface in the preset direction, and the target screen remains in a playback state.

[0013] The present disclosure also provides an electronic device, the electronic device comprising:

[0014] one or more processors;

[0015] A storage device for storing one or more programs;

[0016] When the one or more programs are executed by the one or more processors, the one or more processors implement the page display method as described above.

[0017] The embodiment of the present disclosure further provides a computer-readable storage medium on which a computer program is stored. When the program is executed by a processor, the page display method as described above is implemented.

[0018] The technical solution provided by the embodiments of the present disclosure has at least the following advantages over the prior art: in the page method provided by the embodiments of the present disclosure, in the process of switching from the target screen of the target video to the target area associated with the preset control, the target screen moves on the display interface according to the preset direction, and at the same time, the target area also moves in the preset direction, so as to display an increasingly larger target area on the display interface, so that the target area is gradually merged with the target screen to obtain a fused page, thereby improving the viewing experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0019] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the accompanying drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and the originals and elements are not necessarily drawn to scale.

[0020] Figure 1 is a flow chart of a page display method in an embodiment of the present disclosure;

[0021] Figure 2 A schematic diagram of a target video playback page in an embodiment of the present disclosure;

[0022] Figure 3 is a schematic diagram of a fusion page in an embodiment of the present disclosure;

[0023] Figure 4 is a schematic diagram of another fusion page in an embodiment of the present disclosure;

[0024] Figure 5 is a schematic diagram of a fusion page in an embodiment of the present disclosure;

[0025] Figure 6 is a schematic diagram of a display interface in an embodiment of the present disclosure;

[0026] Figure 7 is a schematic diagram of a fusion page in an embodiment of the present disclosure;

[0027] Figure 8 is a structural schematic diagram of a page display device in an embodiment of the present disclosure;

[0028] Fig. 9 It is a structural schematic diagram of an electronic device in an embodiment of the present disclosure. DETAILED DESCRIPTION

[0029] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein, which are instead provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.

[0030] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.

[0031] The term "including" and its variations used herein are open inclusions, i.e., "including but not limited to". The term "based on" means "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". The relevant definitions of other terms will be given in the following description.

[0032] It should be noted that the concepts such as "first" and "second" mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0033] It should be noted that the modifications of "one" and "plurality" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, it should be understood as "one or more".

[0034] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0035] Figure 1 This is a flowchart of a page display method in an embodiment of the present disclosure. The method can be executed by a page display device. The device can be implemented in software and / or hardware. The device can be configured in an electronic device, such as a terminal, specifically including but not limited to smart phones, PDAs, tablet computers, wearable devices with display screens, desktop computers, laptop computers, all-in-one computers, smart home devices, etc.

[0036] like Figure 1 As shown, the method may specifically include the following steps:

[0037] Step 110: receiving a trigger operation acting on a preset control, wherein the preset control is displayed on a play page of a target video, and the play page is used to play a target picture at an initial position.

[0038] The preset control may specifically be an entry for displaying detailed information of a preset object on the target screen. Figure 2 A schematic diagram of a target video playback page is shown, wherein a preset control 220 is displayed on a target screen 210 of the target video. Exemplarily, the preset control 220 may specifically be an entrance for displaying detailed information of a restaurant.

[0039] Step 120: In response to the trigger operation, obtain a target area associated with the preset control.

[0040] The target area associated with the preset control may specifically be a page displaying target information associated with the preset control. Figure 2 For example, when the preset control 220 is an entry for locating detailed information of restaurant B, the target area is a page displaying target information related to restaurant B (such as the geographical location of restaurant B, dishes on sale, etc.).

[0041] Specifically, an association relationship between a preset control and a target area may be established in advance, and when it is detected that the preset control is triggered, the target area associated with the preset control is acquired.

[0042] Step 130, displaying a fusion page of the target area and the target screen of the target video, wherein the target area appears from a preset position of the display interface and moves in a preset direction, the target screen of the target video moves from the initial position in the display interface in the preset direction, and the target screen remains in a playing state.

[0043] The target screen of the target video from the previous playback page and the target area are simultaneously displayed in the fusion page to provide a transition stage from the target screen to the target area, reduce the jumping feeling during switching, and enhance the user's visual experience of watching the target screen of the target video.

[0044] The preset position of the display interface can be the left side, right side, bottom or top of the display interface. Taking the preset position as the bottom of the display interface as an example, the target area appears from the bottom of the display interface, and the way of appearance can be superimposed with certain special effects, such as directly popping up or cutting out from the bottom of the display interface. After the target area appears from the preset position of the display interface, it moves a distance in the display interface in a preset direction to fully display some information on the target area; at the same time, the target screen also moves a distance in the display interface in the same direction to ensure that the target area and the target screen are displayed on the display interface at the same time, and the target screen remains in a playback state. It should be noted that when the target screen moves in the display interface in the preset direction, the size of the target screen remains unchanged, that is, the target screen is not scaled, but the center of the target screen is kept displayed.

[0045] For example, see Figure 3 A schematic diagram of a fusion page is shown, compared with Figure 2 As shown, it can be seen that the fusion page includes a playback area while the target area appears, and the playback area is used to play the target screen 210. The target screen 210 moves a distance from the initial position along the same moving direction as the target area on the display interface 300, and the target area 310 is simultaneously displayed on the display interface 300, wherein, in the full-screen display mode, the display interface 300 is the display area of ​​the display screen. In other words, on the fusion page, the user can see both the target screen 210 and the target area 310, which is the transition stage from the target screen 210 to the target area 310. By adding this transition stage, the playback of the target screen will not be directly interrupted, and the jumping feeling of switching from the target screen 210 to the target area 310 can be reduced, thereby improving the user's viewing experience.

[0046] Furthermore, in order to reduce the jumping feeling when switching between screens and improve the visual experience, refer to Figure 4 A schematic diagram of another fusion page is shown, wherein, in the fusion page, the target area 410 is connected to the target screen 420 of the target video through a gradient layer 430 to improve the visual experience presented by the fusion page to the user, thereby reducing the jumping feeling when the screen switches and improving the visual experience.

[0047] In some embodiments, in response to the operation of sliding the preset area of ​​the fusion page along the first direction, the target area is controlled to move along the first direction on the display interface so that the first area displaying the target area is increased, and the target screen of the target video is controlled to move along the first direction on the display interface so that the second area displaying the target screen is reduced. Wherein, the preset area can be the target area or the area where the target screen is located. The first direction can be from bottom to top, from top to bottom, from left to right, or from right to left, etc. Taking the target area appearing from the bottom of the display interface and the first direction being from bottom to top as an example, specifically, when the user slides the preset area from bottom to top, the target area moves from bottom to top on the display interface, and the target screen also moves from bottom to top on the display interface. It can be understood that during the movement, the second area occupied by the target screen in the display interface becomes smaller and smaller, and the first area occupied by the target area becomes larger and larger, until the display interface is completely occupied by the target area, and the target screen disappears from the display interface, so that the switching from the target screen to the target area is completed, and the purpose of reducing the jumping feeling when switching the screen and improving the visual experience can be achieved by gradually switching. It should be noted that during the movement, the size of the target screen does not change, that is, the target screen does not scale, but keeps displaying the center of the target screen, and the second area of ​​the display interface occupied by the target screen becomes smaller and smaller. Figure 5 A schematic diagram of a fusion page is shown in FIG. Figure 5 The fusion page shown is in Figure 4 On the basis of the fusion page shown, the display effect obtained by continuing to slide the target area 410 or the target screen 420 upwards can be seen that the target screen 420 is displayed higher, the area of ​​the display interface occupied by the target area 410 (ie, the first area) is getting larger and larger, and the area of ​​the display interface occupied by the target screen 420 (ie, the second area) is getting smaller and smaller.

[0048] Similarly, if the user slides the preset area from top to bottom, the target area moves from top to bottom on the display interface, and the target screen also moves from top to bottom on the display interface. It can be understood that during the movement, the second area occupied by the target screen in the display interface becomes larger and larger, and the first area occupied by the target area becomes smaller and smaller, until the display interface is completely occupied by the target screen and the target area disappears from the display interface.

[0049] In general, in response to the operation of sliding the preset area of ​​the fusion page along the second direction, the target area is controlled to move along the second direction on the display interface so that the first area displaying the target area is reduced, and at the same time, the target screen of the target video is controlled to move along the second direction on the display interface so that the second area displaying the target screen is increased.

[0050] Further, when the target screen moves to the second set position of the display interface, the target screen of the target video is hidden, and the target area is displayed in full screen. Specifically, when the center point of the target screen reaches the second set position of the display interface, the target screen is hidden, and the target area is displayed in full screen, realizing the complete process of switching from the target screen to the target area. For example, reference can be made to Figure 6 The schematic diagram of a display interface shown in FIG. 1 shows a target area 610 displayed in full screen in the display interface, and the target screen is no longer displayed.

[0051] After the target area is displayed in full screen, the method further includes: in response to the operation of sliding the target area in the second direction, controlling the target area to move in the second direction on the display interface, and controlling the playback page of the target video to resume display on the display interface. Specifically, assuming that the target area appears from the bottom of the display interface and moves in the display interface from bottom to top, and the target screen also moves in the display interface from bottom to top, the target area and the target screen stop moving after moving a distance, and the fusion page of the target area and the target screen is displayed on the display interface. When the user slides the preset area of ​​the fusion page from bottom to top, the target area and the target screen continue to move upward on the display interface, and when the target screen moves to the second set position of the display interface, the target screen is hidden, and the display interface is completely occupied by the target area. At this time, if the user slides the target area from top to bottom, the target screen of the target video appears from the top of the display interface, and the display on the display interface is resumed, and the target area slides in the display interface from top to bottom.

[0052] It can be understood that when displaying the target picture, the target picture is displayed in a certain area of ​​the display interface that matches the size of the target picture with the center point of the target picture as a reference, so the speed at which the target picture moves is less than the speed at which the target area moves. Specifically, the speed at which the target picture moves along the first direction on the display interface is less than the speed at which the target area moves along the first direction on the display interface. The speed at which the target picture moves along the second direction on the display interface is less than the speed at which the target area moves along the second direction on the display interface.

[0053] Optionally, in some embodiments, when the target screen moves to the first set position of the display interface, the target screen is switched to a preset screen associated with the target area. The preset screen can be a picture or a video. That is, what is displayed in the fusion page is no longer the target screen and target area of ​​the target video, but the target area and the preset screen associated with the target area. For example, if the target area is the details page information about a restaurant, the preset screen associated with the target area can be a picture of the restaurant, or a video of the production of a special dish in the restaurant or a video of an explanation, so as to enhance the viewing experience of the user when viewing the target area.

[0054] Optionally, in some embodiments, the method further comprises:

[0055] In response to a triggering operation of the first control in the fused page, the target area is controlled to be closed, and a target picture of the target video is displayed in full screen.

[0056] For example, see Figure 7 A schematic diagram of a fusion page is shown, when the target area and the target screen of the target video are displayed on the display interface at the same time, a first control 710 is displayed on the target screen 720 of the target video, and at least one preset control 740 associated with the target area 730 is also displayed on the target screen 720. The at least one preset control includes a sharing control, through which the target area generation information page can be shared with other users.

[0057] Exemplarily, the method further includes: in response to a trigger operation acting on a sharing control, generating an information page based on the target area to share the information page; wherein, when the target area and the target screen are displayed on the display interface at the same time, the sharing control is displayed on the target screen.

[0058] When the target area is displayed on the display interface, what it actually means is that the page associated with the target area is displayed on the display interface. In order to reduce the jumping feeling when switching from the playback page of the target video, the target area and the playback page of the target video are displayed on the display interface at the same time. The target area and the target screen of the target video are connected by a gradient layer to improve the user's visual experience, consumption experience, etc.

[0059] It can be understood that when the target area is displayed in full screen, the first control associated with the target area is displayed in the target area, such as Figure 6 As shown in the first control 620, when the user triggers the first control 620, the target area can be closed and the playback page of the target video can be switched back.

[0060] Furthermore, the target screen of the target video is a screen whose central area of ​​the target screen (the central area may be 1 / 2 of the vertical height of the target video) matches the size of the second area displaying the target screen (for example, 1 / 2 of the vertical height of the target video coincides with the center point of the second area); or, the target screen of the target video is a screen for the target object in the target video that matches the size of the second area.

[0061] The page display method provided by the embodiment of the present disclosure, in the process of switching from the target screen of the target video to the target area associated with the preset control, the target screen moves in the display interface according to the preset direction, and at the same time the target area also moves in the preset direction, so as to display an increasingly larger target area on the display interface, so that the target area is gradually merged with the target screen to obtain a fused page, thereby improving the viewing experience.

[0062] In general, the playback page of the target video can be regarded as the home page. Taking the full-screen display of the home page as an example, when the user triggers the preset control displayed on the home page, the target area associated with the preset control appears from the preset position of the display interface, such as from the bottom of the display interface. The home page shifts upward, and the central area of ​​the target video (usually 1 / 2 of the vertical height of the target video) is always displayed in the visible area (i.e., the display interface). The target area moves upward and appears. The target area and the home page form a fusion page. The target area and the target screen of the target video are connected through a gradient layer. The top operation area of ​​the target area (including close controls, share controls, and more controls) gradually shifts from the top of the display interface. Therefore, the top operation area of ​​the target area is initially displayed on the home page. When the target area is displayed in full screen, the top operation area of ​​the target area is displayed in the target area. Before the target area is displayed in full screen, the user can slide up the target area or the home page to make the target area gradually occupy the entire display interface, and finally move the home page out of the display interface to achieve full screen display of the target area. After the target area is displayed in full screen, the user can slide down the target area to make the home page appear again on the display interface from the top of the display interface. By increasing the transition stage between the homepage and the target area, the jump feeling when switching from the homepage to the target area can be reduced, thereby improving the user's consumption experience.

[0063] Figure 8 8 is a schematic diagram of the structure of a page display device in an embodiment of the present disclosure. The page display device specifically includes: a receiving module 810, an acquisition module 820 and a display module 830.

[0064] Among them, the receiving module 810 is used to receive a trigger operation acting on a preset control, and the preset control is displayed on the playback page of the target video, and the playback page is used to play the target picture at the initial position; the acquisition module 820 is used to obtain the target area associated with the preset control in response to the trigger operation; the display module 830 is used to display a fusion page of the target area and the target picture of the target video, wherein the target area appears from the preset position of the display interface and moves in a preset direction, the target picture of the target video moves from the initial position in the preset direction on the display interface, and the target picture remains in a playback state.

[0065] Optionally, in the fusion page, the target area and the target screen of the target video are connected through a gradient layer.

[0066] Optionally, it also includes: a control module, which is used to control the target area to move along the first direction on the display interface in response to the operation of sliding the preset area of ​​the fusion page along the first direction, so that the first area displaying the target area is increased, and at the same time control the target screen of the target video to move along the first direction on the display interface, so that the second area displaying the target screen is reduced.

[0067] Optionally, a speed at which the target image moves along the first direction on the display interface is smaller than a speed at which the target area moves along the first direction on the display interface.

[0068] Optionally, the control module is also used to: in response to the operation of sliding the preset area of ​​the fusion page along the second direction, control the target area to move along the second direction on the display interface so that the first area displaying the target area is reduced, and at the same time control the target screen of the target video to move along the second direction on the display interface so that the second area displaying the target screen is increased.

[0069] Optionally, a switching module is further included, which is used to switch the target screen to a preset screen associated with the target area when the target screen moves to a first set position of the display interface.

[0070] Optionally, a hiding module is further included, which is used to hide the target screen of the target video and display the target area in full screen when the target screen moves to a second set position of the display interface.

[0071] Optionally, a recovery module is also included, which is used to control the target area to move along the second direction on the display interface in response to the operation of sliding the target area along the second direction after the target area is displayed in full screen, and at the same time control the target screen of the target video to be restored to display on the display interface.

[0072] Optionally, the control module is further used to: in response to a triggering operation of a first control in the fused page, control the target area to be closed, and display the target picture of the target video in full screen.

[0073] Optionally, when the target area and the target screen of the target video are displayed on the display interface at the same time, the first control is displayed on the target screen of the target video, and at least one preset control associated with the target area is also displayed on the target screen.

[0074] Optionally, the target screen of the target video is a screen whose central area matches the size of a second area for displaying the target screen; or, the target screen of the target video is a screen for a target object in the target video that matches the size of the second area.

[0075] Optionally, the device also includes: a sharing module, which is used to generate an information page based on the target area in response to a trigger operation acting on a sharing control, so as to share the information page; wherein, when the target area and the target screen are displayed on the display interface at the same time, the sharing control is displayed on the target screen.

[0076] The page display device provided in the embodiment of the present disclosure can execute the steps in the page display method provided in the method embodiment of the present disclosure, and the execution steps and beneficial effects are no longer repeated here.

[0077] Fig. 9 Schematic diagram of the structure of an electronic device in the embodiment of the present disclosure. Fig. 9 , which shows a schematic diagram of the structure of an electronic device 900 suitable for implementing the embodiment of the present disclosure. The electronic device 900 in the embodiment of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle terminals (such as vehicle navigation terminals), wearable electronic devices, etc., and fixed terminals such as digital TVs, desktop computers, smart home devices, etc. Fig. 9 The electronic device shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.

[0078] like Fig. 9As shown, the electronic device 900 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 901, which can perform various appropriate actions and processes to implement the method of the embodiment described in the present disclosure according to the program stored in the read-only memory (ROM) 902 or the program loaded from the storage device 908 to the random access memory (RAM) 903. In the RAM 903, various programs and data required for the operation of the electronic device 900 are also stored. The processing device 901, the ROM 902, and the RAM 903 are connected to each other via a bus 904. An input / output (I / O) interface 905 is also connected to the bus 904.

[0079] Typically, the following devices may be connected to the I / O interface 905: an input device 906 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 907 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 908 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 909. The communication device 909 may allow the electronic device 900 to communicate with other devices wirelessly or by wire to exchange data. Although Fig. 9 The electronic device 900 is shown with various devices, but it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed instead.

[0080] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program includes a program code for executing the method shown in the flowchart, thereby implementing the page display method as described above. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 909, or installed from the storage device 908, or installed from the ROM 902. When the computer program is executed by the processing device 901, the above-mentioned functions defined in the method of the embodiment of the present disclosure are executed.

[0081] It should be noted that the computer-readable medium disclosed above may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium containing or storing a program that may be used by or in combination with an instruction execution system, device or device. In the present disclosure, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, in which a computer-readable program code is carried. This propagated data signal may take a variety of forms, including but not limited to an electromagnetic signal, an optical signal, or any suitable combination of the above. The computer readable signal medium may also be any computer readable medium other than a computer readable storage medium, which may send, propagate or transmit a program for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer readable medium may be transmitted using any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0082] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

[0083] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0084] The above-mentioned computer-readable medium carries one or more programs. When the above-mentioned one or more programs are executed by the electronic device, the electronic device: receives a trigger operation acting on a preset control, the preset control is displayed on the playback page of the target video, and the playback page is used to play the target picture at the initial position; in response to the trigger operation, obtains the target area associated with the preset control; displays a fusion page of the target area and the target picture of the target video, wherein the target area appears from a preset position of the display interface and moves in a preset direction, the target picture of the target video moves from the initial position in the preset direction on the display interface, and the target picture remains in a playback state.

[0085] Optionally, when the above one or more programs are executed by the electronic device, the electronic device may also execute other steps described in the above embodiments.

[0086] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages ​​or a combination thereof, including, but not limited to, object-oriented programming languages, such as Java, Smalltalk, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

[0087] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some implementations as replacements, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0088] The units involved in the embodiments described in the present disclosure may be implemented by software or hardware, wherein the name of a unit does not, in some cases, limit the unit itself.

[0089] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.

[0090] In the context of the present disclosure, 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, device, or equipment. 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, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0091] According to one or more embodiments of the present disclosure, the present disclosure provides a page display method, including: receiving a trigger operation acting on a preset control, the preset control being displayed on a playback page of a target video, the playback page being used to play a target screen at an initial position; in response to the trigger operation, obtaining a target area associated with the preset control; displaying a fusion page of the target area and a target screen of the target video, wherein the target area appears from a preset position of a display interface and moves in a preset direction, the target screen of the target video moves from the initial position in the preset direction on the display interface, and the target screen remains in a playback state.

[0092] According to one or more embodiments of the present disclosure, in the page display method provided by the present disclosure, optionally, in the fused page, the target area and the target screen of the target video are connected through a gradient layer.

[0093] According to one or more embodiments of the present disclosure, in the page display method provided by the present disclosure, optionally, it also includes: in response to the operation of sliding the preset area of ​​the fused page along the first direction, controlling the target area to move along the first direction on the display interface so that the first area displaying the target area increases, and at the same time controlling the target screen of the target video to move along the first direction on the display interface so that the second area displaying the target screen decreases.

[0094] According to one or more embodiments of the present disclosure, in the page display method provided by the present disclosure, optionally, a speed at which the target image moves along the first direction on the display interface is less than a speed at which the target area moves along the first direction on the display interface.

[0095] According to one or more embodiments of the present disclosure, in the page display method provided by the present disclosure, optionally, in response to an operation of sliding the preset area of ​​the fused page along a second direction, the target area is controlled to move along the second direction on the display interface so that a first area displaying the target area is reduced, and at the same time, a target screen of the target video is controlled to move along the second direction on the display interface so that a second area displaying the target screen is increased.

[0096] According to one or more embodiments of the present disclosure, in the page display method provided by the present disclosure, optionally, when the target screen moves to a first set position of the display interface, the target screen is switched to a preset screen associated with the target area.

[0097] According to one or more embodiments of the present disclosure, in the page display method provided by the present disclosure, optionally, when the target screen moves to a second set position of the display interface, the target screen of the target video is hidden and the target area is displayed in full screen.

[0098] According to one or more embodiments of the present disclosure, in the page display method provided by the present disclosure, optionally, after the target area is displayed in full screen, the method further includes: in response to an operation of sliding the target area along a second direction, controlling the target area to move along the second direction on the display interface, and at the same time controlling the target screen of the target video to resume display on the display interface.

[0099] According to one or more embodiments of the present disclosure, in the page display method provided by the present disclosure, optionally, the method further includes: in response to a trigger operation acting on the first control in the fused page, controlling the target area to close, and displaying the target picture of the target video in full screen.

[0100] According to one or more embodiments of the present disclosure, in the page display method provided by the present disclosure, optionally, when the target area and the target screen of the target video are displayed on the display interface at the same time, the first control is displayed on the target screen of the target video, and at least one preset control associated with the target area is also displayed on the target screen.

[0101] According to one or more embodiments of the present disclosure, in the page display method provided by the present disclosure, optionally, the target screen of the target video is a screen whose central area matches the size of a second area for displaying the target screen; or, the target screen of the target video is a screen for a target object in the target video that matches the size of the second area.

[0102] According to one or more embodiments of the present disclosure, in the page display method provided by the present disclosure, optionally, it also includes: in response to a trigger operation acting on a sharing control, generating an information page based on the target area to share the information page; wherein, when the target area and the target screen are displayed on the display interface at the same time, the sharing control is displayed on the target screen.

[0103] According to one or more embodiments of the present disclosure, the present disclosure provides a page display device, comprising: a receiving module, used to receive a trigger operation acting on a preset control, wherein the preset control is displayed on a playback page of a target video, and the playback page is used to play a target screen at an initial position; an acquisition module, used to acquire a target area associated with the preset control in response to the trigger operation; and a display module, used to display a fusion page of the target area and a target screen of the target video, wherein the target area appears from a preset position of a display interface and moves in a preset direction, the target screen of the target video moves from the initial position in the preset direction on the display interface, and the target screen remains in a playback state.

[0104] According to one or more embodiments of the present disclosure, the present disclosure provides an electronic device, including:

[0105] one or more processors;

[0106] A memory for storing one or more programs;

[0107] When the one or more programs are executed by the one or more processors, the one or more processors implement any page display method provided in the present disclosure.

[0108] According to one or more embodiments of the present disclosure, the present disclosure provides a computer-readable storage medium having a computer program stored thereon, and when the program is executed by a processor, the page display method as described in any one of the methods provided by the present disclosure is implemented.

[0109] The embodiment of the present disclosure further provides a computer program product, which includes a computer program or instructions. When the computer program or instructions are executed by a processor, the page display method as described above is implemented.

[0110] The above description is only a preferred embodiment of the present disclosure and an explanation of the technical principles used. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by a specific combination of the above technical features, but should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above disclosed concept. For example, the above features are replaced with the technical features with similar functions disclosed in the present disclosure (but not limited to) by each other to form a technical solution.

[0111] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details are included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.

[0112] Although the subject matter has been described in language specific to structural features and / or methodological logical actions, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. On the contrary, the specific features and actions described above are merely example forms of implementing the claims.

Claims

1. A page display method, characterized in that: The method comprises: Receiving a trigger operation acting on a preset control, the preset control being displayed on a play page of a target video, the play page being used to play the target picture at an initial position; In response to the trigger operation, acquiring a target area associated with the preset control; Displaying a fusion page of the target area and the target screen of the target video, wherein the target area appears from a preset position on the display interface and moves in a preset direction, the target screen of the target video moves from the initial position on the display interface in the preset direction, and the target screen remains in a playback state; The fusion page showing the target area and the target screen of the target video includes: Displaying a target screen of the target video on the fusion page, wherein the target screen of the target video is a central area of ​​a screen of the target video; or, the target screen of the target video is a screen for a target object in the target video; The fusion page is formed by connecting the target area with the target screen of the target video through a gradient layer; The method further comprises: In response to the operation of sliding the preset area of ​​the fusion page along a first direction, the target area moves in the display interface toward the first direction so that the first area displaying the target area increases, and at the same time, the target screen of the target video moves in the display interface toward the first direction so that the second area displaying the target screen decreases. The target screen is not scaled during the movement, and the preset area includes the first area where the target area is located and / or the second area where the target screen is located.

2. The method according to claim 1, characterized in that The speed at which the target image moves along the first direction on the display interface is smaller than the speed at which the target area moves along the first direction on the display interface.

3. The method according to claim 1, characterized in that: In response to the operation of sliding the preset area of ​​the fusion page along the second direction, the target area is controlled to move along the second direction on the display interface so that the first area displaying the target area is reduced, and at the same time, the target screen of the target video is controlled to move along the second direction on the display interface so that the second area displaying the target screen is increased.

4. The method according to claim 1, characterized in that: When the target screen moves to a first set position of the display interface, the target screen is switched to a preset screen associated with the target area.

5. The method according to claim 1, characterized in that When the target screen moves to a second set position of the display interface, the target screen of the target video is hidden, and the target area is displayed in full screen.

6. The method according to claim 5, characterized in that After the target area is displayed in full screen, the method further includes: In response to an operation of sliding the target area along a second direction, the target area is controlled to move along the second direction on the display interface, and at the same time, the target screen of the target video is controlled to resume display on the display interface.

7. The method according to claim 1, characterized in that The method further comprises: In response to a triggering operation of the first control in the fused page, the target area is controlled to be closed, and a target picture of the target video is displayed in full screen.

8. The method according to claim 7, characterized in that When the target area and the target screen of the target video are displayed on the display interface at the same time, the first control is displayed on the target screen of the target video, and at least one preset control associated with the target area is also displayed on the target screen.

9. The method according to any one of claims 1 to 8, characterized in that: The target picture of the target video is a picture whose central area matches the size of the second area displaying the target picture; Alternatively, the target screen of the target video is a screen for a target object in the target video that matches the size of the second area.

10. The method according to any one of claims 1 to 8, characterized in that: The method further comprises: In response to a triggering operation acting on the sharing control, an information page is generated based on the target area to share the information page.

11. A page display device, characterized in that: include: A receiving module, used for receiving a trigger operation acting on a preset control, wherein the preset control is displayed on a play page of a target video, and the play page is used for playing the target picture at an initial position; An acquisition module, configured to acquire a target area associated with the preset control in response to the trigger operation; A display module, configured to display a fusion page of the target area and the target screen of the target video, wherein the target area appears from a preset position of a display interface and moves in a preset direction, the target screen of the target video moves from the initial position in the display interface in the preset direction, and the target screen remains in a playback state; The display module is specifically used for: Displaying a target screen of the target video on the fusion page, wherein the target screen of the target video is a central area of ​​a screen of the target video; or, the target screen of the target video is a screen for a target object in the target video; The fusion page is formed by connecting the target area with the target screen of the target video through a gradient layer; The device also includes: A control module is used for responding to the operation of sliding the preset area of ​​the fusion page along a first direction, the target area moves in the display interface toward the first direction so that the first area displaying the target area is increased, and at the same time the target screen of the target video moves in the display interface toward the first direction so that the second area displaying the target screen is reduced, the target screen is not scaled during the movement, and the preset area includes the first area where the target area is located and / or the second area where the target screen is located.

12. An electronic device, characterized in that: The electronic device comprises: one or more processors; A storage device for storing one or more programs; When the one or more programs are executed by the one or more processors, the one or more processors implement the method according to any one of claims 1 to 10.

13. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, the method according to any one of claims 1 to 10 is implemented.

Images