Page display method and related equipment

Abstract

The invention provides a page display method and related equipment. The method comprises the steps that a first page is displayed, and the first page comprises a first area and a second area; in response to a first operation for the first area, displaying at least one playing control on the first page; and in response to a second operation for the second area, controlling the playing of the first content on the first page based on the second operation.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technology, and in particular to a page display method and related equipment. Background Art

[0002] With the development of computer science and technology, various applications (APPs) have emerged. These applications provide convenience in all aspects of life for people, and some also provide rich choices for people's leisure and entertainment.

[0003] In some scenarios, the application may be used to play multimedia content.

[0004] However, the inventors of the present disclosure have discovered that the process of controlling the playback of multimedia content in an application is relatively inconvenient. Summary of the invention

[0005] In view of this, the purpose of the present disclosure is to provide a page display method and related devices to solve or partially solve the above technical problems.

[0006] In a first aspect of the present disclosure, a page display method is provided, comprising:

[0007] Displaying a first page, the first page including a first area and a second area;

[0008] In response to a first operation on the first area, displaying at least one play control on the first page;

[0009] In response to a second operation on the second area, playing of first content on the first page is controlled based on the second operation.

[0010] A second aspect of the present disclosure provides a page display device, comprising:

[0011] A first display module is configured to: display a first page, wherein the first page includes a first area and a second area;

[0012] A second display module is configured to: display at least one play control on the first page in response to a first operation on the first area;

[0013] The playback control module is configured to: in response to a second operation on the second area, control the playback of the first content on the first page based on the second operation.

[0014] In a third aspect of the present disclosure, a computer device is provided, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the program, the method described in the first aspect is implemented.

[0015] According to a fourth aspect of the present disclosure, a non-transitory computer-readable storage medium is provided, wherein the non-transitory computer-readable storage medium stores computer instructions, wherein the computer instructions are used to enable a computer to execute the method described in the first aspect.

[0016] In a fifth aspect of the present disclosure, a computer program product is provided, comprising computer program instructions, which, when executed on a computer, cause the computer to execute the method described in the first aspect.

[0017] From the above description, it can be seen that the page display method and related devices provided by the present disclosure display playback controls based on the first operation in the first area of ​​the page, and control the playback of the page content based on the second operation in the second area of ​​the page, thereby achieving a more convenient playback control effect. BRIEF DESCRIPTION OF THE DRAWINGS

[0018] In order to more clearly illustrate the technical solutions in the present disclosure or related technologies, the drawings required for use in the embodiments or related technical descriptions are briefly introduced below. Obviously, the drawings described below are only embodiments of the present disclosure. For ordinary technicians in this field, other drawings can be obtained based on these drawings without creative work.

[0019] Figure 1 A schematic diagram of an exemplary system according to an embodiment of the present disclosure is shown.

[0020] Figure 2A A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0021] Figure 2B A schematic diagram showing another exemplary page according to an embodiment of the present disclosure is shown.

[0022] Figure 3A A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0023] Figure 3B A schematic diagram showing another exemplary page according to an embodiment of the present disclosure is shown.

[0024] Figure 3C A schematic diagram showing another exemplary page according to an embodiment of the present disclosure is shown.

[0025] Figure 3D A schematic diagram showing another exemplary page according to an embodiment of the present disclosure is shown.

[0026] Figure 4 A schematic diagram showing another exemplary page according to an embodiment of the present disclosure is shown.

[0027] Figure 5A flowchart of an exemplary method provided by an embodiment of the present disclosure is shown.

[0028] Figure 6 A schematic diagram of the structure of an exemplary device provided by an embodiment of the present disclosure is shown.

[0029] Figure 7 A schematic diagram of the hardware structure of an exemplary electronic device provided by an embodiment of the present disclosure is shown. DETAILED DESCRIPTION

[0030] In order to make the objectives, technical solutions and advantages of the present disclosure more clearly understood, the present disclosure is further described in detail below in combination with specific embodiments and with reference to the accompanying drawings.

[0031] It should be noted that, unless otherwise defined, the technical terms or scientific terms used in the embodiments of the present disclosure should be understood by people with ordinary skills in the field to which the present disclosure belongs. The "first", "second" and similar words used in the embodiments of the present disclosure do not indicate any order, quantity or importance, but are only used to distinguish different components. "Including" or "comprising" and similar words mean that the elements or objects appearing before the word cover the elements or objects listed after the word and their equivalents, without excluding other elements or objects. "Connect" or "connected" and similar words are not limited to physical or mechanical connections, but can include electrical connections, whether direct or indirect. "Up", "down", "left", "right" and the like are only used to indicate relative positional relationships. When the absolute position of the described object changes, the relative positional relationship may also change accordingly.

[0032] It is understandable that before using the technical solutions of each embodiment of the present disclosure, the type, scope of use, usage scenarios, etc. of the personal information involved will be informed to the user in an appropriate manner, and the user's authorization will be obtained.

[0033] For example, in response to receiving an active request from a user, a prompt message is sent to the user to clearly remind the user that the operation requested to be performed will require obtaining and using the user's personal information. Thus, the user can independently choose whether to provide personal information to software or hardware such as an electronic device, application, server, or storage medium that performs the operation of the technical solution of the present disclosure according to the prompt message.

[0034] As an optional but non-limiting implementation, in response to receiving the user's active request, the prompt information may be sent to the user in the form of a pop-up window, in which the prompt information may be presented in text form. In addition, the pop-up window may also carry a selection control for the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0035] It is understandable that the above notification and the process of obtaining user authorization are merely illustrative and do not constitute a limitation on the implementation of the present disclosure. Other methods that meet relevant laws and regulations may also be applied to the implementation of the present disclosure.

[0036] Figure 1 FIG. 1 is a schematic diagram of an exemplary system 100 according to an embodiment of the present disclosure. The system 100 may be a system for implementing page display.

[0037] like Figure 1 As shown, the system 100 may include a terminal device 102, a server 104, and a database server 106. The terminal device 102 and the server 104 are connected via a network, such as a wired or wireless network connection. Optionally, the device for implementing page display may be integrated in the terminal device 102. The database server 106 and the server 104 are connected via a network, such as a wired or wireless network connection. The database server 106 may store various data related to the execution of the page display method, such as multimedia content (video, audio, pictures, etc.).

[0038] Various applications (Application, APP, Chinese abbreviation: application) can be installed on the terminal device 102, such as video applications, image processing applications, video conferencing applications, life service applications, reading applications, social applications, payment applications, web browsers and instant messaging tools, etc. These applications can all be used to display pages.

[0039] The terminal device 102 here can be hardware or software. When the terminal device 102 is hardware, it can be various electronic devices with a display screen, including but not limited to smart phones, tablet computers, e-book readers, MP3 players, laptop computers (Laptops) and desktop computers (PCs), etc. When the terminal device 102 is software, it can be installed in the electronic devices listed above. It can be implemented as multiple software or software modules (for example, to provide distributed services), or it can be implemented as a single software or software module. It is not specifically limited here.

[0040] The server 104 may be a server that provides various services. For example, it may be a background server that provides support for various applications displayed on the terminal device 102. The database server 106 may also be a database server that provides various services. It is understood that if the server 104 can implement the relevant functions of the database server 106, the database server 106 may not be provided in the system 100.

[0041] Here, the server 104 and the database server 106 can also be hardware or software. When they are hardware, they can be implemented as a distributed server cluster consisting of multiple servers, or as a single server. When they are software, they can be implemented as multiple software or software modules (for example, to provide distributed services), or as a single software or software module. No specific limitation is made here.

[0042] It should be noted that the page display method provided in the embodiment of the present disclosure can be executed by the system 100. Specifically, it can be interactively executed by the terminal device 102, the server 104 and the database server 106. It is understood that in the case where the terminal device 102 has the functions required by the server 104 and the database server 106 to execute the page display method, the terminal device 102 can also execute it alone. It should be understood that Figure 1 The number of terminal devices 102, servers 104, database servers 106 and users 108 in the figure is only for illustration. According to actual needs, there may be any number of terminal devices, users, servers and database servers.

[0043] In an exemplary application scenario, the user 108 can use any application program to play multimedia content through the terminal device 102 .

[0044] Figure 2A A schematic diagram of an exemplary page 200 is shown.

[0045] like Figure 2A As shown, the page 200 can play multimedia content. Optionally, the terminal device 102 can request a content stream from the server 104 and obtain the content stream from the server 104, so that the multimedia content can be played in the page 200.

[0046] In some scenarios, in order to control the playback of multimedia content, the user 108 can call up the playback control panel 202, such as Figure 2B Exemplarily, the play control panel 202 can be called out by triggering (eg, clicking) a panel control (not shown) in the page 200 .

[0047] like Figure 2B As shown, the play control panel 202 may include various play controls, and the user 108 may trigger any play control to control the play of the multimedia content.

[0048] However, the inventors of the present disclosure have found that the operation process of completing the playback control by calling up the playback control panel 202 requires first calling up the playback control panel 202, and then selecting the desired playback control operation from the playback control panel 202, which is a relatively cumbersome operation process. In particular, the user's commonly used playback control operations are usually not too many, and it is not necessary to call up the playback control panel 202 every time to display all available playback controls. In addition, after calling up the playback control panel 202, the playback control panel 202 will block most of the display screen, which will affect the user's viewing of the content.

[0049] In view of this, an embodiment of the present disclosure provides a page display method to solve or partially solve the above technical problems.

[0050] Figure 3A A schematic diagram of an exemplary page 300 according to an embodiment of the present disclosure is shown.

[0051] like Figure 3A As shown, for example, page 300 may be the homepage of a content providing application. User 108 may open the application in terminal device 102, and then page 300 corresponding to the application may be displayed on terminal device 102. It is understood that there are many ways to enter page 300, and the possible ways of entering are described here only for the purpose of illustrating more clearly.

[0052] like Figure 3A As shown, for example, multimedia content 302 can be played in page 300. The multimedia content 302 can be a video, an audio, or a picture collection displayed frame by frame, etc.

[0053] In some embodiments, Figure 3A As shown, the page 300 may also display description information 304 corresponding to the content 302, so that when the page 300 displays the content 302, the user 108 may know the general information of the content 302 according to the description information 304. Optionally, the description information 304 may include the user name of the user who published the content 302, the content description, the author statement, etc.

[0054] In some embodiments, Figure 3A As shown, at least one second control 306 for interacting with the content 302 may also be displayed in the page 300. Optionally, the at least one second control 306 may include a like control, a comment control, a favorite control, a forwarding control, etc. In this way, the user 108 can interact with the content 302 through the second control 306, and can also interact with the publisher of the content 302, and can also share his or her likes for the content 302, which can improve the user experience.

[0055] Compared to calling up the play control panel 202 , in some embodiments, the terminal device 102 may display at least one play control in the page 300 in response to the first operation on the page 300 .

[0056] Figure 3B Another schematic diagram of an exemplary page 300 according to an embodiment of the present disclosure is shown.

[0057] like Figure 3B As shown, optionally, the page 300 may include a first area 300A and a second area 300B, and both the first area 300A and the second area 300B may be hot zones, that is, they may be used to implement playback control of content.

[0058] Exemplarily, after the user 108 performs the first operation on the first area 300A of the page 300, the page 300 may display a plurality of playback controls. After these playback controls are triggered, the terminal device 102 may perform the playback control operation corresponding to the playback controls. Optionally, the first operation may be a touch operation of long pressing the screen for more than a first preset time (e.g., 0.3s, 0.5s, etc.). As described above, since the playback control panel 202 can be called out by triggering the panel controls, in order to distinguish it from the touch operation, a playback control different from the playback control panel 202 may be displayed by a long press operation without calling out the playback control panel 202, making the user operation more convenient and flexible.

[0059] In some embodiments, Figure 3B As shown, the at least one playback control is floating above the display screen of the content 302 in the form of a button. In this way, the content 302 can be displayed in the area other than the playback control setting of the page 300, thereby minimizing the problem of the content being blocked due to the display of the playback control when the user views the content 302. In addition, since the playback control is floating above the display screen of the content 302 in the form of a button, it can be more directly observed by the user, and it is also convenient for the user to operate.

[0060] Alternatively, if Figure 3B As shown, the at least one playback control may be displayed in the first area 300A of the page 300, and the first area 300A may be located at the bottom of the page 300. In this way, the playback control is displayed in the first area 300A located at the bottom of the page 300, which can further reduce the blocking of the playback control on the content 302 and improve the user's viewing experience.

[0061] In some embodiments, Figure 3B As shown, the at least one playback control includes at least one first control for adjusting the playback speed of the first content, for example, controls 312A to 312D. Figure 3BAs shown, each first control can adjust a corresponding playback speed. For example, control 312A can be used to adjust the playback speed to 0.5 times the original playback speed, control 312C can be used to adjust the playback speed to 1.5 times the original playback speed, control 312D can be used to adjust the playback speed to 2 times the original playback speed, and control 312B can be used to restore the playback speed to the original playback speed (i.e., 1.0 times).

[0062] In some embodiments, in addition to the first control for adjusting the playback speed, the playback control may also be a control for performing other playback controls.

[0063] For example, Figure 3B As shown, when the content 302 is a video, the page 300 may also include a control 314 for switching the corresponding play mode of the video from the video play mode to the audio play mode. When the control 314 is triggered, the terminal device 102 may stop playing the image of the content 302 and only play the audio of the content 302, so that the user does not need to watch the content 302 but can "listen" to the content 302. For another example, Figure 3B As shown, page 300 may also include a control 316 for playing the video in a window. When control 316 is triggered, a small window (or pop-up window) may be generated in page 300, and content 302 may continue to be played in the small window. At the same time, page 300 of the current application may be closed, so that the user can watch content 302 through the small window and open other applications for use.

[0064] In some embodiments, Figure 3B As shown, page 300 may also include a control 318 for automatically and continuously playing content (e.g., the video); when control 318 is triggered, content may be played continuously in page 300 (e.g., if a short drama is currently being watched, the short drama may be played continuously in the order of the episodes of the short drama without manually switching to the next episode).

[0065] In some embodiments, Figure 3B As shown, the page 300 may also include a control 320 for displaying only the content 302. When the control 320 is triggered, other information in the page is cleared, and the content 302 is displayed in full screen, such as Figure 4 As shown in the page 400. In this way, by using the control 320, the user can enter a state of immersive viewing of content.

[0066] Back to Figure 3BIn some embodiments, in response to the first operation on the first area, the terminal device 102 may also stop displaying the description information 304, and the location where the description information 304 is displayed may be replaced by the at least one playback control. In this way, it is possible to avoid the page 300 displaying too much content and affecting the user's viewing. Optionally, as Figure 3B As shown, in response to the first operation on the first page, the terminal device 102 can also stop displaying the second control 306, so that the page 300 is more concise.

[0067] It is understood that the number of playback controls shown in the figure is only illustrative, and after the first operation occurs, the playback controls displayed in page 300 may also change. As an optional embodiment, playback controls may be selected and displayed based on the frequency of use. Alternatively, playback controls may be selected and displayed based on the distance between the last time of use and the current time, and so on.

[0068] In some embodiments, in addition to implementing playback control based on playback controls, playback control can also be implemented based on specific operations in the second area 300B of the page 300. Optionally, the second area 300B includes the central area of ​​the page 300 and occupies more than 50% of the area of ​​the page 300. In this way, when the user interacts with the second area 300B, it is not necessary to be too limited to the location of the interaction in the second area 300B, and the operation is more convenient. Optionally, as Figure 3B As shown, the second area 300B does not overlap with the first area 300A, thereby avoiding operation conflicts.

[0069] Next, the user 108 may utilize the hotspots and / or controls provided in the aforementioned embodiments to implement playback control.

[0070] In some embodiments, in response to a second operation on the second area 300B, the playing of the content 302 on the page 300 can be controlled based on the second operation, thereby performing the playing control more conveniently.

[0071] As an optional embodiment, the playback of the content 302 on the page 300 can be controlled based on the trigger duration and trigger displacement corresponding to the second operation, and the playback speed of the content 302 on the page 300 can be controlled. In this way, the combination of the trigger duration and the trigger displacement can be used to control the playback more quickly and conveniently.

[0072] Optionally, controlling the playback of the content 302 on the page 300 based on the second operation may include: if the trigger duration corresponding to the second operation exceeds a preset duration and the trigger displacement does not exceed a preset displacement, controlling to increase the playback speed of the first content.

[0073] Exemplarily, the second operation may be a touch operation in which the screen is long pressed in the second area 300B of the page 300 for more than a second preset time (for example, more than 0.3s) and the finger does not leave the screen. The terminal device 102 responds to the touch operation in which the screen is long pressed in the second area 300B of the page 300 for more than the second preset time and the finger does not leave the screen, and plays the content 302 at the playback speed corresponding to the second operation. In this way, the playback speed can be controlled by long pressing the screen in the second area 300B, further shortening the operation process and improving the user experience. Optionally, the finger not leaving the screen may be that the trigger displacement does not exceed the preset displacement (for example, 1cm to 10cm), or it may be that the trigger displacement is 0 (which can also be understood as the preset displacement is 0). Among them, when the preset displacement is not 0, it can provide the user with operating space to avoid the problem of accidental touch caused by a certain displacement due to hand shaking and other reasons. For another example, the preset displacement is 0, which can ensure the accuracy of the operation and avoid the video entering the fast forward mode due to accidental touch or other operations, affecting the user's viewing.

[0074] It can be understood that the control of the playback speed by the touch operation of long pressing the screen for more than a second preset time (for example, more than 0.3s) without the finger leaving the screen can be fixed, for example, fast-forwarding the content 302 at 2x speed. Optionally, for a screen with pressure sensitivity, the control of the playback speed by the touch operation of long pressing the screen for more than a second preset time (for example, more than 0.3s) without the finger leaving the screen can be different according to the pressure. For example, the greater the pressure, the faster the playback speed. In this way, the user can apply different pressures according to the fast-forward speed they want, thereby completing the control of different playback speeds. Optionally, in response to the second operation on the first page, information for prompting the operation result of the second operation can be displayed on the first page, thereby prompting the user what kind of playback control operation is currently completed. For example, if Figure 3D As shown, a prompt message 340 is displayed on the page 300, so that the user can know that because the second area 300B is triggered, the content 302 is currently being fast-forwarded at 2 times the speed.

[0075] In some embodiments, in response to a touch operation in which the finger that has been pressing and holding the screen leaves the screen, the terminal device 102 can play the content 302 at the original playback speed. At this time, the content 302 stops fast-forwarding and the user can continue to watch the content 302 at a normal speed.

[0076] Optionally, controlling the playing of the content 302 on the page 300 based on the second operation may further include: if the triggering duration corresponding to the second operation does not exceed a preset duration, controlling the playing speed of the first content to remain unchanged.

[0077] Exemplarily, the second operation may be a touch operation of long pressing the screen in the second area 300B of the page 300 for a period of time that does not exceed a second preset time (for example, more than 0.3s). At this time, the function of fast playback of the content is not triggered, and the content 302 is still played at the original playback speed to avoid playback errors caused by accidental touches.

[0078] Optionally, controlling the playback of the content 302 on the page 300 based on the second operation may further include: if the trigger duration corresponding to the second operation exceeds a preset duration, and the trigger displacement exceeds a preset displacement, controlling the playback speed of the first content to remain unchanged.

[0079] Exemplarily, the second operation may be a touch operation in which the screen is long pressed in the second area 300B of the page 300 for more than a second preset time (for example, more than 0.3s) and the finger moves a certain distance on the screen (more than a preset displacement). At this time, it is considered that the user is performing other operations, and the function of fast playback of the content is not triggered. The content 302 is still played at the original playback speed to avoid confusion in the playback operation. Optionally, the finger moving a certain distance on the screen may be a trigger displacement exceeding a preset displacement (for example, 1cm to 10cm), or it may be a trigger displacement exceeding 0 (which can also be understood as a preset displacement of 0). Among them, when the preset displacement is not 0, it can provide the user with operating space to avoid the problem of accidental touch due to a certain displacement caused by hand shaking and other reasons. For another example, the preset displacement is 0, which can ensure the accuracy of the operation and avoid the video entering fast forward mode due to accidental touch or other operations, affecting the user's viewing.

[0080] In some embodiments, playback control may also be implemented based on the playback controls provided in the aforementioned embodiments.

[0081] Exemplarily, in response to an operation on a play control, the terminal device 102 controls the play of the content 302 according to the play operation corresponding to the operation. Optionally, the operation may be a trigger operation on any play control.

[0082] As an optional embodiment, the operation on the playback control may be a third operation on a target control (e.g., control 312D) among the at least one first control 312A-312D, and the terminal device 102 may control the playback of the content 302 according to the playback speed corresponding to the target control in response to the third operation on the target control. In this way, the playback speed can be conveniently controlled by triggering the playback control, which greatly improves the operation fluency.

[0083] Optionally, the third operation for the target control may be to take the finger off the screen and click the target control after completing the first operation. In this way, by clicking the target control, it is more in line with the user's gesture habit of triggering the control, thereby improving the user experience.

[0084] In some embodiments, the operation of calling out the playback control panel 202 may be to press the screen for more than the first preset time and then release the finger from the screen, so that the user can find more playback controls in the playback control panel 202 to implement the playback control operation. In view of this, in order to distinguish it from the operation of calling out the playback control panel 202, the triggering operation for the target control may be to press the screen for more than the second preset time and keep the finger on the screen and slide to the location of the target control (e.g., control 312D) after completing the first operation, and then release the finger from the screen. In this way, as long as the finger does not leave the screen, the playback control panel 202 will not be called out, so that the user leaves the screen after moving the finger to the location of the target control, thereby triggering the playback operation corresponding to the target control. It can be seen that the entire operation process, together with the first operation of pressing the screen for more than the first preset time, is only that the user calls out the playback control during the long pressing of the screen and then triggers the target control through a sliding gesture. For the user, the operation process is completed in one go, there is no continuous clicking process, and there is no need to call out the playback control panel 202, which is smoother to operate and provides a better user experience.

[0085] Optionally, in response to a third operation on a target control in the at least one first control 312A-312D, information for prompting the operation result of the third operation may be displayed on the first page, thereby prompting the user what playback control operation is currently completed. Figure 3C As shown, the page 300 displays a prompt message 330, so that the user can know that the current playback speed has been adjusted to 2 times the speed because the control 312D is triggered. Figure 3C As shown, since one of the playback controls has been triggered to complete the playback control, the playback controls can be stopped from being displayed and then the information 304 and the controls 306 can be displayed to restore the normal viewing mode.

[0086] It can be understood that when the trigger operation for the target control in the at least one first control is to long press the screen for more than the second preset time and the finger slides from the second area to the position of the target control in the first area and then leaves the screen, the second operation implemented in the second area 300B can be a touch operation in which the screen is long pressed for more than the second preset time in the second area of ​​the first page and the finger does not leave the screen and does not move, so that different operations can be distinguished.

[0087] In some embodiments, if the at least one playback control is not triggered for more than a third preset time (for example, more than 1 second), the at least one playback control is stopped from being displayed, for example, the display returns to the default state. Figure 3A to resume normal viewing mode.

[0088] It can be seen from the above embodiments that the page display method provided by the embodiments of the present disclosure shortens the link of the playback control without disturbing the user's browsing of the content, allowing the user to control the player faster and better and improve the viewing experience.

[0089] It should be noted that the method of the embodiment of the present disclosure can be performed by a single device, such as a computer or a server. The method of the present embodiment can also be applied in a distributed scenario and completed by multiple devices cooperating with each other. In the case of such a distributed scenario, one of the multiple devices can only perform one or more steps in the method of the embodiment of the present disclosure, and the multiple devices will interact with each other to complete the described method.

[0090] It should be noted that the above describes some embodiments of the present disclosure. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recorded in the claims can be performed in an order different from that in the above embodiments and still achieve the desired results. In addition, the processes depicted in the accompanying drawings do not necessarily require the specific order or continuous order shown to achieve the desired results. In some embodiments, multitasking and parallel processing are also possible or may be advantageous.

[0091] Based on basically the same inventive concept, the embodiment of the present disclosure also provides a page display method.

[0092] Figure 5 FIG. 5 is a flow chart of an exemplary method 500 provided by an embodiment of the present disclosure. The method 500 may be Figure 1 The terminal device 102 can also be implemented by Figure 1 The method 500 can be implemented by the system 100, and the method 500 can be used to display a page of an application. The method 500 can further include the following steps.

[0093] In step 502, a first page (eg, Figure 3A Optionally, the first page may play the first content (eg, Figure 3A Optionally, the first page may include a first area (eg, Figure 3B The first area 300A and the second area (eg, Figure 3B Optionally, both the first area 300A and the second area 300B may be hot zones, that is, they may be used to implement playback control of the content.

[0094] In step 504, in response to a first operation on the first area, at least one play control (eg, Figure 3BControls 312A~312D, 314, 316, 318, 320).

[0095] Optionally, the at least one playback control is floated above the screen of the first content in the form of a button, such as Figure 3B As shown. In this way, the content can be displayed in the area outside the setting playback control of the page, thereby minimizing the problem of content being blocked due to the display of the playback control when the user is watching the content. In addition, since the playback control floats above the display screen of the content in the form of a button, it can be more directly observed by the user and is also convenient for the user to operate.

[0096] At step 506 , in response to a second operation on the first area, playing of the first content on the first page is controlled based on the second operation.

[0097] The page display method provided by the present disclosure displays a playback control based on a first operation in a first area of ​​the page, and controls the playback of the page content based on a second operation in a second area of ​​the page, thereby achieving a more convenient playback control effect.

[0098] In some embodiments, controlling the playback of the first content on the first page based on the second operation includes: controlling the playback speed of the first content on the first page based on the trigger duration and trigger displacement corresponding to the second operation. In this way, the playback control can be performed relatively quickly and conveniently by combining the trigger duration and trigger displacement.

[0099] In some embodiments, controlling the playing of the first content on the first page based on the second operation includes:

[0100] If the triggering duration corresponding to the second operation exceeds the preset duration, and the triggering displacement does not exceed the preset displacement, controlling to increase the playing speed of the first content; or

[0101] If the triggering duration corresponding to the second operation does not exceed the preset duration, controlling the playback speed of the first content to remain unchanged; or

[0102] If the triggering duration corresponding to the second operation exceeds the preset duration, and the triggering displacement exceeds the preset displacement, the playback speed of the first content is controlled to remain unchanged.

[0103] In this way, by utilizing the combination of the triggering duration and the triggering displacement of the second operation in the second area, playback control can be performed relatively quickly and conveniently.

[0104] In some embodiments, the at least one playback control includes at least one first control (eg, Figure 3B The first control 312A-312D);

[0105] The method further includes: responding to a target control (eg, Figure 3B The third operation of the first control 312D) controls the playback of the first content based on the playback speed corresponding to the target control (for example, 2x speed).

[0106] In this way, the playback speed can be easily controlled by triggering the playback control, which greatly improves the operation fluency.

[0107] In some embodiments, displaying the first page further includes: displaying description information corresponding to the first content in the first page (for example, Figure 3A Description information 304);

[0108] In response to a first operation on the first area, displaying at least one playback control on the first page includes: in response to the first operation on the first area, stopping displaying description information corresponding to the first content and displaying at least one playback control.

[0109] In this way, it can be avoided that the first page displays too much content and affects the user's viewing experience.

[0110] In some embodiments, displaying a first page further includes: displaying at least one second control (eg, Figure 3A A second control 306);

[0111] In response to a first operation on the first area, displaying at least one playback control on the first page further includes: in response to the first operation on the first area, stopping displaying the at least one second control and displaying at least one playback control.

[0112] In this way, it can be avoided that the first page displays too much content and affects the user's viewing, making the first page more concise.

[0113] In some embodiments, the method further includes: in response to a second operation on the second area, displaying information (for example, Figure 3D information 340), thereby prompting the user what kind of playback control operation is currently completed.

[0114] In some embodiments, the method further includes: for a third operation on a target control in at least one first control, displaying information (for example, Figure 3C information 330), thereby prompting the user what kind of playback control operation is currently completed.

[0115] In some embodiments, the first content includes a video, and the at least one playback control further includes at least one of a third control for switching the corresponding playback mode of the video from a video playback mode to an audio playback mode, a fourth control for playing the video in a window, and a fifth control for automatically and continuously playing the video. In this way, different playback controls can be implemented based on different playback controls.

[0116] In some embodiments, controlling the playing of the first content on the first page based on the second operation includes:

[0117] If the trigger duration corresponding to the second operation exceeds the preset duration and the trigger displacement is 0, controlling to increase the playback speed of the first content; or

[0118] If the triggering duration corresponding to the second operation does not exceed the preset duration, controlling the playback speed of the first content to remain unchanged; or

[0119] If the trigger displacement exceeds 0 within a target trigger duration corresponding to the second operation, the playback speed of the first content is controlled to remain unchanged.

[0120] In this way, the preset displacement is 0, which can ensure the accuracy of operation and avoid the video entering fast-forward mode due to accidental touch or other operations, affecting user viewing.

[0121] It should be noted that the method of the embodiment of the present disclosure can be performed by a single device, such as a computer or a server. The method of the present embodiment can also be applied in a distributed scenario and completed by multiple devices cooperating with each other. In the case of such a distributed scenario, one of the multiple devices can only perform one or more steps in the method of the embodiment of the present disclosure, and the multiple devices will interact with each other to complete the described method.

[0122] It should be noted that the above describes some embodiments of the present disclosure. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recorded in the claims can be performed in an order different from that in the above embodiments and still achieve the desired results. In addition, the processes depicted in the accompanying drawings do not necessarily require the specific order or continuous order shown to achieve the desired results. In some embodiments, multitasking and parallel processing are also possible or may be advantageous.

[0123] Based on basically the same inventive concept, corresponding to any of the above-mentioned embodiments and methods, the present disclosure further provides a page display device. Figure 6 A schematic structural diagram of an exemplary device 600 provided in an embodiment of the present disclosure is shown.

[0124] refer to Figure 6, the page display device 600 may include:

[0125] The first display module 602 is configured to: display a first page, wherein the first page includes a first area and a second area;

[0126] The second display module 604 is configured to: in response to a first operation on the first area, display at least one play control on the first page;

[0127] The play control module 606 is configured to: in response to a second operation on the second area, control the play of the first content on the first page based on the second operation.

[0128] In some embodiments, the play control module 606 is configured to control the play speed of the first content on the first page based on the trigger duration and trigger displacement corresponding to the second operation.

[0129] In some embodiments, the playback control module 606 is configured to:

[0130] If the triggering duration corresponding to the second operation exceeds the preset duration, and the triggering displacement does not exceed the preset displacement, controlling to increase the playing speed of the first content; or

[0131] If the triggering duration corresponding to the second operation does not exceed the preset duration, controlling the playback speed of the first content to remain unchanged; or

[0132] If the triggering duration corresponding to the second operation exceeds the preset duration, and the triggering displacement exceeds the preset displacement, the playback speed of the first content is controlled to remain unchanged.

[0133] In some embodiments, the at least one playback control includes at least one first control for adjusting a playback speed of the first content;

[0134] The playback control module 606 is configured to: in response to a third operation on a target control in at least one first control, control the playback of the first content based on a playback speed corresponding to the target control.

[0135] In some embodiments, the first display module 602 is configured to: display description information corresponding to the first content in the first page;

[0136] The second display module 604 is configured to: in response to a first operation on the first area, stop displaying the description information corresponding to the first content and display at least one play control.

[0137] In some embodiments, the first display module 602 is configured to: display at least one second control for interacting with the first content in the first page;

[0138] The second display module 604 is configured to: in response to a first operation on the first area, stop displaying the at least one second control and display at least one play control.

[0139] In some embodiments, the playback control module 606 is configured to: in response to a second operation on the second area, display information on the first page for indicating an operation result of the playback operation.

[0140] In some embodiments, the first content includes a video, and the at least one playback control also includes at least one of a third control for switching the corresponding playback mode of the video from a video playback mode to an audio playback mode, a fourth control for playing the video in a window, and a fifth control for automatically and continuously playing the video.

[0141] In some embodiments, the playback control module 606 is configured to:

[0142] If the trigger duration corresponding to the second operation exceeds the preset duration and the trigger displacement is 0, controlling to increase the playback speed of the first content; or

[0143] If the triggering duration corresponding to the second operation does not exceed the preset duration, controlling the playback speed of the first content to remain unchanged; or

[0144] If the trigger displacement exceeds 0 within a target trigger duration corresponding to the second operation, the playback speed of the first content is controlled to remain unchanged.

[0145] For the convenience of description, the above device is described by dividing it into various modules according to its functions. Of course, when implementing the present disclosure, the functions of each module can be implemented in the same or multiple software and / or hardware.

[0146] The device of the above embodiment is used to implement the corresponding method 500 in any of the above embodiments, and has the beneficial effects of the corresponding method embodiment, which will not be described in detail here.

[0147] Based on basically the same inventive concept, the embodiment of the present disclosure further provides a computer device for implementing the above method 500 . Figure 7 FIG. 7 is a schematic diagram showing the hardware structure of an exemplary computer device 700 provided in an embodiment of the present disclosure. The computer device 700 can be used to implement Figure 1 In some scenarios, the computer device 700 can also be used to implement Figure 1 Server 104 and database server 106.

[0148] like Figure 7As shown, the computer device 700 may include: a processor 702, a memory 704, a network module 706, a peripheral interface 708 and a bus 710. The processor 702, the memory 704, the network module 706 and the peripheral interface 708 are connected to each other in communication within the computer device 700 through the bus 710.

[0149] Processor 702 may be a central processing unit (CPU), an image processor, a neural network processor (NPU), a microcontroller (MCU), a programmable logic device, a digital signal processor (DSP), an application specific integrated circuit (ASIC), or one or more integrated circuits. Processor 702 may be used to perform functions related to the technology described in this disclosure. In some embodiments, processor 702 may also include multiple processors integrated into a single logical component. For example, Figure 7 As shown, processor 702 may include a plurality of processors 702a, 702b, and 702c.

[0150] The memory 704 may be configured to store data (eg, instructions, computer code, etc.). Figure 7 As shown, the data stored in the memory 704 may include program instructions (e.g., program instructions for implementing the method 500 of the embodiment of the present disclosure) and data to be processed (e.g., the memory may store configuration files of other modules, etc.). The processor 702 may also access the program instructions and data stored in the memory 704, and execute the program instructions to operate on the data to be processed. The memory 704 may include a volatile storage device or a non-volatile storage device. In some embodiments, the memory 704 may include a random access memory (RAM), a read-only memory (ROM), an optical disk, a magnetic disk, a hard disk, a solid-state drive (SSD), a flash memory, a memory stick, etc.

[0151] The network interface 706 can be configured to provide the computer device 700 with communication with other external devices via a network. The network can be any wired or wireless network capable of transmitting and receiving data. For example, the network can be a wired network, a local wireless network (e.g., Bluetooth, WiFi, near field communication (NFC)), a cellular network, the Internet, or a combination thereof. It is understood that the type of network is not limited to the above specific examples.

[0152] The peripheral interface 708 can be configured to connect the computer device 700 to one or more peripheral devices to achieve information input and output. For example, the peripheral devices can include input devices such as a keyboard, a mouse, a touch pad, a touch screen, a microphone, and various sensors, and output devices such as a display, a speaker, a vibrator, and an indicator light.

[0153] The bus 710 may be configured to transmit information between various components of the computer device 700 (e.g., the processor 702, the memory 704, the network interface 706, and the peripheral interface 708), such as an internal bus (e.g., a processor-memory bus), an external bus (USB port, PCI-E bus), etc.

[0154] It should be noted that, although the architecture of the computer device 700 only shows the processor 702, the memory 704, the network interface 706, the peripheral interface 708 and the bus 710, in the specific implementation process, the architecture of the computer device 700 may also include other components necessary for normal operation. In addition, it can be understood by those skilled in the art that the architecture of the computer device 700 may also only include components necessary for implementing the embodiments of the present disclosure, and does not necessarily include all the components shown in the figure.

[0155] Based on basically the same inventive concept, corresponding to any of the above-mentioned embodiments, the present disclosure also provides a non-transitory computer-readable storage medium, wherein the non-transitory computer-readable storage medium stores computer instructions, and the computer instructions are used to enable the computer to execute method 500 described in any of the above embodiments.

[0156] The computer-readable medium of this embodiment includes permanent and non-permanent, removable and non-removable media, and information storage can be implemented by any method or technology. Information can be computer-readable instructions, data structures, modules of programs, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technology, read-only compact disk read-only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices or any other non-transmission media that can be used to store information that can be accessed by a computing device.

[0157] The computer instructions stored in the storage medium of the above embodiment are used to enable the computer to execute the method 500 described in any of the above embodiments, and have the beneficial effects of the corresponding method embodiments, which will not be repeated here.

[0158] Based on the same inventive concept, corresponding to the method 500 in any of the above embodiments, the present disclosure further provides a computer program product, which includes a computer program. In some embodiments, the computer program is executable by one or more processors so that the processors execute the method 500. Corresponding to the execution subject corresponding to each step in each embodiment of the method 500, the processor that executes the corresponding step may belong to the corresponding execution subject.

[0159] The computer program product of the above embodiment is used to enable the processor to execute the method 500 described in any of the above embodiments, and has the beneficial effects of the corresponding method embodiment, which will not be described in detail here.

[0160] Those skilled in the art should understand that the discussion of any of the above embodiments is merely illustrative and is not intended to imply that the scope of the present disclosure (including the claims) is limited to these examples. Based on the concept of the present disclosure, the technical features in the above embodiments or different embodiments may be combined, the steps may be implemented in any order, and there are many other variations of the different aspects of the embodiments of the present disclosure as described above, which are not provided in detail for the sake of simplicity.

[0161] In addition, to simplify the description and discussion, and in order not to make the embodiments of the present disclosure difficult to understand, the known power / ground connections to the integrated circuit (IC) chips and other components may or may not be shown in the provided figures. In addition, the device can be shown in the form of a block diagram to avoid making the embodiments of the present disclosure difficult to understand, and this also takes into account the fact that the details of the implementation of these block diagram devices are highly dependent on the platform on which the embodiments of the present disclosure will be implemented (that is, these details should be fully within the scope of understanding of those skilled in the art). Where specific details (e.g., circuits) are set forth to describe exemplary embodiments of the present disclosure, it is apparent to those skilled in the art that the embodiments of the present disclosure can be implemented without these specific details or with changes in these specific details. Therefore, these descriptions should be considered illustrative rather than restrictive.

[0162] Although the present disclosure has been described in conjunction with specific embodiments of the present disclosure, many replacements, modifications and variations of these embodiments will be apparent to those skilled in the art from the foregoing description. For example, other memory architectures (e.g., dynamic RAM (DRAM)) may use the embodiments discussed.

[0163] The embodiments of the present disclosure are intended to cover all such substitutions, modifications and variations that fall within the broad scope of the appended claims. Therefore, any omissions, modifications, equivalent substitutions, improvements, etc. made within the spirit and principles of the embodiments of the present disclosure should be included in the scope of protection of the present disclosure.

Claims

1. A page display method, comprising: Displaying a first page, the first page including a first area and a second area; In response to a first operation on the first area, displaying at least one play control on the first page; In response to a second operation on the second area, playing of the first content on the first page is controlled based on the second operation.

2. The method of claim 1, wherein: Controlling the playing of the first content on the first page based on the second operation includes: The playing speed of the first content on the first page is controlled based on the trigger duration and trigger displacement corresponding to the second operation.

3. The method of claim 2, wherein: Controlling the playing of the first content on the first page based on the second operation includes: If the triggering duration corresponding to the second operation exceeds the preset duration, and the triggering displacement does not exceed the preset displacement, controlling to increase the playing speed of the first content; or If the triggering duration corresponding to the second operation does not exceed the preset duration, controlling the playback speed of the first content to remain unchanged; or If the triggering duration corresponding to the second operation exceeds the preset duration, and the triggering displacement exceeds the preset displacement, the playback speed of the first content is controlled to remain unchanged.

4. The method of claim 1, wherein: The at least one playback control includes at least one first control for adjusting a playback speed of the first content; The method further includes: in response to a third operation on a target control among the at least one first control, controlling the playback of the first content based on a playback speed corresponding to the target control.

5. The method of claim 1, wherein: Displaying a first page further includes: displaying description information corresponding to the first content in the first page; In response to a first operation on the first area, displaying at least one playback control on the first page includes: in response to the first operation on the first area, stopping displaying description information corresponding to the first content and displaying at least one playback control.

6. The method of claim 1, wherein: Displaying a first page further includes: displaying at least one second control for interacting with the first content in the first page; In response to a first operation on the first area, displaying at least one playback control on the first page further includes: in response to the first operation on the first area, stopping displaying the at least one second control and displaying at least one playback control.

7. The method of claim 1, further comprising: In response to a second operation on the second area, information for prompting an operation result of the second operation is displayed on the first page.

8. The method of claim 1, wherein: The first content includes a video, and the at least one playback control also includes at least one of a third control for switching the corresponding playback mode of the video from a video playback mode to an audio playback mode, a fourth control for playing the video in a window, and a fifth control for automatically and continuously playing the video.

9. The method of claim 2, wherein: Controlling the playing of the first content on the first page based on the second operation includes: If the trigger duration corresponding to the second operation exceeds the preset duration and the trigger displacement is 0, controlling to increase the playback speed of the first content; or If the triggering duration corresponding to the second operation does not exceed the preset duration, controlling the playback speed of the first content to remain unchanged; or If the trigger displacement exceeds 0 within a target trigger duration corresponding to the second operation, the playback speed of the first content is controlled to remain unchanged.

10. A page display device, comprising: A first display module is configured to: display a first page, wherein the first page includes a first area and a second area; A second display module is configured to: display at least one play control on the first page in response to a first operation on the first area; The playback control module is configured to: in response to a second operation on the second area, control the playback of the first content on the first page based on the second operation.

11. A computer device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein: When the processor executes the program, the method according to any one of claims 1 to 9 is implemented.

12. A non-transitory computer-readable storage medium storing computer instructions, wherein: The computer instructions are used to enable a computer to execute the method according to any one of claims 1 to 9.

13. A computer program product, wherein: The method comprises computer program instructions, which, when executed on a computer, cause the computer to execute the method according to any one of claims 1 to 9.

Images