Page display method and related device
By setting up the first and second zones on the application page, the display and control process of the playback controls is simplified, the problem of cumbersome playback control is solved, and the user experience is improved.
Patent Information
- Authority / Receiving Office
- WO · WO
- Patent Type
- Applications
- Current Assignee / Owner
- Filing Date
- 2025-07-21
- Publication Date
- 2026-03-12
AI Technical Summary
Controlling the playback of multimedia content within the application is cumbersome, and bringing up the playback control panel obstructs the display, affecting the user's viewing experience.
The page is divided into a first area and a second area. The playback controls are displayed by operating the first area, and the playback is controlled by operating the second area, which simplifies the playback control process and reduces the impact of obstruction.
It enables more convenient playback control, reduces operation steps, improves the user viewing experience, and avoids playback controls obscuring content.
Smart Images

Figure CN2025109628_12032026_PF_FP_ABST
Abstract
Description
Page display method and related device
[0001] Cross-reference to Related Applications
[0002] The present application claims priority to the Chinese patent application No. 202411262068.7, filed on September 9, 2024, and entitled “Page display method and related device”, the content of which is incorporated herein by reference in its entirety. TECHNICAL FIELD
[0003] The present disclosure relates to the field of computer technology, and in particular, to a page display method and related device. BACKGROUND
[0004] With the development of computer science and technology, various application programs (APPs) have emerged. These application programs provide people with all-round convenience in life and also provide people with rich choices for leisure and entertainment.
[0005] In some scenarios, an application program can be used to play multimedia content.
[0006] However, the inventors of the present disclosure have found that the process of playing control of multimedia content in an application program is relatively inconvenient. SUMMARY
[0007] Therefore, the purpose of the present disclosure is to provide a page display method and related device to solve or partially solve the above technical problems.
[0008] In a first aspect, the present disclosure provides a page display method, comprising:
[0009] displaying a first page, the first page comprising a first region and a second region;
[0010] in response to a first operation on the first region, displaying at least one play control on the first page;
[0011] in response to a second operation on the second region, controlling playing of first content on the first page based on the second operation.
[0012] In a second aspect, the present disclosure provides a page display apparatus, comprising:
[0013] a first display module configured to display a first page, the first page comprising a first region and a second region;
[0014] a second display module configured to, in response to a first operation on the first region, display at least one play control on the first page;
[0015] The playing control module is configured to control playing of the first content on the first page based on a second operation in response to the second operation on the second region.
[0016] In a third aspect, the present disclosure provides a computer device, comprising a memory, a processor, and a computer program stored in the memory and capable of running on the processor, wherein the processor implements the method according to the first aspect when executing the program.
[0017] In a fourth aspect, the present disclosure provides a non-transitory computer readable storage medium storing computer instructions for causing a computer to execute the method according to the first aspect.
[0018] In a fifth aspect, the present disclosure provides a computer program product comprising computer program instructions for causing a computer to execute the method according to the first aspect when the computer program instructions run on the computer. BRIEF DESCRIPTION OF DRAWINGS
[0019] In order to more clearly illustrate the technical solutions in the present disclosure or the related art, the drawings needed to be used in the embodiments or the related art description will be briefly introduced. Obviously, the drawings in the following description are only embodiments of the present disclosure, and other drawings can be obtained by those skilled in the art without any creative effort based on these drawings.
[0020] FIG. 1 shows a schematic diagram of an exemplary system according to an embodiment of the present disclosure.
[0021] FIG. 2A shows a schematic diagram of an exemplary page according to an embodiment of the present disclosure.
[0022] FIG. 2B shows a schematic diagram of another exemplary page according to an embodiment of the present disclosure.
[0023] FIG. 3A shows a schematic diagram of an exemplary page according to an embodiment of the present disclosure.
[0024] FIG. 3B shows a schematic diagram of another exemplary page according to an embodiment of the present disclosure.
[0025] FIG. 3C shows a schematic diagram of another exemplary page according to an embodiment of the present disclosure.
[0026] FIG. 3D shows a schematic diagram of another exemplary page according to an embodiment of the present disclosure.
[0027] FIG. 4 shows a schematic diagram of another exemplary page according to an embodiment of the present disclosure.
[0028] FIG. 5 shows a flowchart of an exemplary method according to an embodiment of the present disclosure.
[0029] FIG. 6 shows a structural schematic diagram of an exemplary device provided by an embodiment of the present disclosure.
[0030] FIG. 7 shows a hardware structural schematic diagram of an exemplary electronic device provided by an embodiment of the present disclosure. DETAILED DESCRIPTION
[0031] For the purposes of the present disclosure, technical solutions and advantages, the present disclosure is further described in detail below with reference to specific embodiments and with reference to the accompanying drawings.
[0032] It should be noted that, unless otherwise defined, technical terms or scientific terms used in the embodiments of the present disclosure should be understood as their common meanings to those skilled in the art to which the present disclosure pertains. The terms "first", "second", and similar terms used in the embodiments of the present disclosure do not denote any order, quantity, or importance, but are merely used to distinguish different components. The terms "include", "contain", and similar terms mean that the elements or objects before the terms encompass the elements or objects listed after the terms and their equivalents, and do not exclude other elements or objects. The terms "connect" or "connected" and similar terms do not mean only physical or mechanical connections, but can include electrical connections, whether direct or indirect. The terms "upper", "lower", "left", "right", and the like are merely used to indicate relative positional relationships, and when the absolute positions of the described objects change, the relative positional relationships can also change accordingly.
[0033] It can be understood that, before using the technical solutions of the various embodiments of the present disclosure, the user will be informed of the type of personal information involved, the scope of use, the use scenario, and the like in an appropriate manner, and the user's authorization will be obtained.
[0034] For example, in response to receiving the user's active request, the user is sent prompt information to explicitly prompt the user that the operation requested to be performed will require the acquisition and use of the user's personal information. Thus, the user can voluntarily choose whether to provide personal information to the electronic device, application program, server, or storage medium, and the like software or hardware that performs the operation of the technical solutions of the present disclosure, according to the prompt information.
[0035] As an optional but non-limiting implementation manner, in response to accepting the user's active request, the manner of sending prompt information to the user may, for example, be a pop-up window manner, in which the prompt information can be presented in the form of text. In addition, the pop-up window can also carry a selection control for the user to select "agree" or "disagree" to provide personal information to the electronic device.
[0036] It can be understood that the above notification and user authorization obtaining process is only illustrative, and does not limit the implementation of the present disclosure, and other ways that meet relevant laws and regulations can also be applied to the implementation of the present disclosure.
[0037] FIG. 1 shows a schematic diagram of an exemplary system 100 according to an embodiment of the present disclosure. The system 100 can be a system for implementing page display.
[0038] As shown in FIG. 1, the system 100 can include a terminal device 102, a server 104, and a database server 106. The terminal device 102 and the server 104 are connected through a network, such as a wired or wireless network connection, etc. Optionally, the apparatus for implementing page display can be integrated in the terminal device 102. The database server 106 and the server 104 are connected through a network, such as a wired or wireless network connection, etc. The database server 106 can store various data related to the execution of the page display method, for example, multimedia content (video, audio, picture, etc.).
[0039] The terminal device 102 can be installed with various application programs (APPs), for example, video application programs, image processing application programs, video conference application programs, life service application programs, reading application programs, social application programs, payment application programs, web browsers, and instant messaging tools, etc., which can all be used to display pages.
[0040] The terminal device 102 here can be hardware or software. When the terminal device 102 is hardware, it can be various electronic devices with display screens, 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 above-mentioned electronic devices. It 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.
[0041] The server 104 can be a server that provides various services. For example, a background server that provides support for various application programs displayed on the terminal device 102. The database server 106 can also be a database server that provides various services. It can be understood that in the case where the server 104 can implement the related functions of the database server 106, the database server 106 can not be provided in the system 100.
[0042] The server 104 and the database server 106 herein can also be hardware or software. When they are hardware, they can be implemented as a distributed server cluster composed of multiple servers or as a single server. When they are software, they can be implemented as multiple software or software modules (e.g., for providing distributed services) or as a single software or software module. No specific limitation is made herein.
[0043] It is to be noted that the page display method provided by the embodiments of the present disclosure can be executed by the system 100. Specifically, it can be executed by the interaction between the terminal device 102, the server 104 and the database server 106. It can be understood that, in the case where the terminal device 102 is provided with the functions required by the server 104 and the database server 106 for executing the page display method, it can also be executed by the terminal device 102 alone. It should be understood that the number of the terminal device 102, the server 104, the database server 106 and the user 108 in FIG. 1 is merely illustrative. According to actual needs, there can be any number of terminal devices, users, servers and database servers.
[0044] In one exemplary application scenario, the user 108 can use any application program through the terminal device 102 to play multimedia content.
[0045] FIG. 2A shows a schematic diagram of an exemplary page 200.
[0046] As shown in FIG. 2A, the page 200 can play multimedia content. Optionally, the terminal device 102 can request a content stream from the server 104 and acquire the content stream from the server 104, so that the multimedia content can be played in the page 200.
[0047] In some scenarios, in order to control the playing of the multimedia content, the user 108 can call up a play control panel 202, as shown in FIG. 2B. Exemplarily, the play control panel 202 can be called up by triggering (e.g., clicking) a panel control (not shown in the figure) in the page 200.
[0048] As shown in FIG. 2B, the play control panel 202 can include various playing controls, and the user 108 can trigger any playing control to control the playing of the multimedia content.
[0049] However, the inventors of the present disclosure find that the operation procedure of playing control by calling out the playing control panel 202 needs to call out the playing control panel 202 first, and then select the playing control operation desired to be performed from the playing control panel 202, which is relatively cumbersome. In particular, the common playing control operation of the user is usually not too much, and it is unnecessary to call out the playing control panel 202 to display all available playing controls each time. In addition, after calling out the playing control panel 202, the playing control panel 202 will block most of the display screen, which will affect the user to watch the content.
[0050] Therefore, the embodiments of the present disclosure provide a page display method to solve or partially solve the above technical problems.
[0051] FIG. 3A shows a schematic diagram of an exemplary page 300 according to an embodiment of the present disclosure.
[0052] As shown in FIG. 3A, the page 300 can be the home page of a content providing application, for example. The user 108 can open the application in the terminal device 102, and then the page 300 corresponding to the application can be displayed on the terminal device 102. It can be understood that there are many ways to enter the page 300, and the possible entering ways are described here for the sake of clarity.
[0053] As shown in FIG. 3A, the multimedia content 302 can be played in the page 300, for example. The multimedia content 302 can be a video, an audio, or a collection of pictures displayed frame by frame, etc.
[0054] In some embodiments, as shown in FIG. 3A, the description information 304 corresponding to the content 302 can also be displayed in the page 300, so that when the page 300 displays the content 302, the user 108 can know the general information of the content 302 according to the description information 304. Optionally, the description information 304 can include the username of the user publishing the content 302, the content description, the author statement, etc.
[0055] In some embodiments, as shown in FIG. 3A, at least one second control 306 for interacting with the content 302 can also be displayed in the page 300. Optionally, the at least one second control 306 can include a like control, a comment control, a collection control, a forwarding control, etc. In this way, the user 108 can realize the interaction with the content 302 through the second control 306, and also realize the interaction with the publisher of the content 302, and can share his / her like for the content 302, which can improve the user experience.
[0056] Compared with calling out the playing control panel 202, in some embodiments, the terminal device 102 can display at least one playing control in the page 300 in response to the first operation on the page 300.
[0057] FIG. 3B illustrates another schematic view of the exemplary page 300, according to an embodiment of the present disclosure.
[0058] As shown in FIG. 3B, optionally, the page 300 can include a first region 300A and a second region 300B, both of which can be hot regions, i.e., can be used to implement playback control of the content.
[0059] Exemplarily, after the user 108 performs a first operation on the first region 300A of the page 300, the page 300 can display a plurality of playback controls. These playback controls are triggered, and the terminal device 102 can perform the playback control operation corresponding to the playback controls. Optionally, the first operation can be a touch operation of long-pressing the screen for more than a first preset time length (e.g., 0.3 s, 0.5 s, etc.). As described above, since the playback panel 202 can be called out by triggering the panel control, in order to distinguish from this touch operation, the playback controls different from the playback panel 202 can be displayed by the long-press operation without calling out the playback panel 202, so that the user operation is more convenient and flexible.
[0060] In some embodiments, as shown in FIG. 3B, the at least one playback control is in the form of a button floating above the display picture of the content 302. In this way, in the region of the page 300 other than the region where the playback controls are set, the content 302 can be displayed, so as to minimize the problem of the content being blocked when the user watches the content 302 because of the display of the playback controls. Moreover, since the playback controls are in the form of a button floating above the display picture of the content 302, they can be more directly observed by the user and are also convenient for the user to operate.
[0061] Optionally, as shown in FIG. 3B, the at least one playback control can be displayed in the first region 300A of the page 300, which can be located at the bottom of the page 300. In this way, the playback controls are displayed in the first region 300A located at the bottom of the page 300, which can further reduce the blocking of the content 302 by the playback controls and improve the user's viewing experience.
[0062] In some embodiments, as shown in FIG. 3B, the at least one playback control includes at least one first control for adjusting the playback speed of the first content, e.g., controls 312A-312D. As shown in FIG. 3B, each first control can correspond to adjusting one playback speed, e.g., the control 312A can be used to adjust the playback speed to 0.5 times the original playback speed, the control 312C can be used to adjust the playback speed to 1.5 times the original playback speed, the control 312D can be used to adjust the playback speed to 2 times the original playback speed, and the control 312B can be used to restore the playback speed to the original playback speed (i.e., 1.0 times).
[0063] In some embodiments, in addition to the first control for adjusting the playing speed, the playing control can be a control for performing other playing control.
[0064] For example, as shown in FIG. 3B, when the content 302 is a video, the page 300 can further include a control 314 for switching the corresponding playing mode of the video from the video playing mode to the audio playing mode. When the control 314 is triggered, the terminal device 102 can stop playing the picture of the content 302 and only play the audio of the content 302, so that the user can “listen” to the content 302 without watching the content 302. For another example, as shown in FIG. 3B, the page 300 can further include a control 316 for playing the video in a window. When the control 316 is triggered, a small window (or a pop-up window) can be generated in the page 300, and the content 302 can be continuously played in the small window. Meanwhile, the page 300 of the current application can be closed, so that the user can watch the content 302 through the small window, and meanwhile, other applications can be opened for use.
[0065] In some embodiments, as shown in FIG. 3B, the page 300 can further include a control 318 for automatically continuously playing the content (for example, the video). When the control 318 is triggered, the content can be continuously played in the page 300 (for example, when the content being watched is a short drama, the short drama can be continuously played according to the order of the episodes, without manually switching to the next episode).
[0066] In some embodiments, as shown in FIG. 3B, the page 300 can further 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, as shown in the page 400 of FIG. 4. In this way, by using the control 320, the user can enter the state of immersive watching of the content.
[0067] Returning to FIG. 3B, in some embodiments, in response to the first operation on the first area, the terminal device 102 can further stop displaying the description information 304, and the position where the description information 304 is displayed can be replaced by the display of the at least one playing control. In this way, it can be avoided that the page 300 displays too much content and affects the user’s watching. Alternatively, as shown in FIG. 3B, in response to the first operation on the first page, the terminal device 102 can further stop displaying the second control 306, so that the page 300 is more concise.
[0068] It can be understood that the number of the play controls shown in the figure is only illustrative, and the play controls displayed in the page 300 can also be changed after the first operation occurs. As an optional embodiment, the play controls can be selected and displayed according to the frequency of use. Alternatively, the play controls can be selected and displayed according to the distance between the time of the last use and the current time, and so on.
[0069] In some embodiments, in addition to implementing the play control based on the play controls, the play control can also be implemented based on a specific operation of a 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, the user is not too limited to the position of the interaction in the second area 300B when interacting with the second area 300B, and the operation is more convenient. Optionally, as shown in FIG. 3B, the second area 300B does not overlap with the first area 300A, avoiding operation conflicts.
[0070] Then, the user 108 can implement the play control by using the hot area and / or the control provided by the foregoing embodiments.
[0071] In some embodiments, in response to a second operation on the second area 300B, the play of the content 302 on the page 300 can be controlled based on the second operation, so as to more conveniently implement the play control.
[0072] As an optional embodiment, the play of the content 302 on the page 300 based on the second operation can be to control the play speed of the content 302 on the page 300 based on the trigger time length and the trigger displacement corresponding to the second operation. In this way, by using the combination of the trigger time length and the trigger displacement, the play control can be more quickly and conveniently implemented.
[0073] Optionally, the play of the content 302 on the page 300 based on the second operation can include: if the trigger time length corresponding to the second operation exceeds a preset time length and the trigger displacement does not exceed a preset displacement, the play speed of the first content is controlled to be increased.
[0074] Exemplarily, the second operation can be a touch operation of long-pressing the screen in the second area 300B of the page 300 for more than a second preset time length (e.g., more than 0.3 s) and without the finger leaving the screen, and the terminal device 102 plays the content 302 at a playing speed corresponding to the second operation in response to the touch operation of long-pressing the screen in the second area 300B of the page 300 for more than the second preset time length and without the finger leaving the screen. In this way, the control of the playing speed can be realized by long-pressing the screen in the second area 300B, and the operation process is further shortened, and the user experience is improved. Optionally, the finger not leaving the screen can be that the trigger displacement does not exceed a preset displacement (e.g., 1 cm to 10 cm), or the trigger displacement is 0 (which can also be understood as that the preset displacement is 0). When the preset displacement is not 0, a user operation space can be provided to avoid the problem of false touch caused by a certain displacement due to hand jitter or the like. For example, when the preset displacement is 0, the operation accuracy can be ensured, and the video is prevented from entering the fast-forward mode due to false touch or other operations, thereby affecting the user watching.
[0075] It can be understood that the touch operation of long-pressing the screen for more than a second preset time length (e.g., more than 0.3 s) and without the finger leaving the screen can be fixed for the control of the playing speed, for example, the content 302 is fast-forwarded at 2 times the speed. Optionally, for a screen with pressure sensing, the touch operation of long-pressing the screen for more than a second preset time length (e.g., more than 0.3 s) and without the finger leaving the screen can be different according to different pressures, for example, the greater the pressure, the faster the playing speed. In this way, the user can exert different pressures according to the desired fast-forward speed, so as to complete the control of different playing 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, so as to prompt the user to know what kind of playing control operation is currently completed. For example, as shown in FIG. 3D, the prompt information 340 is displayed in the page 300, so that the user can know that the content 302 is currently fast-forwarded at 2 times the speed because the second area 300B is triggered.
[0076] In some embodiments, in response to the touch operation of long-pressing the screen and the finger leaving the screen, the terminal device 102 can play the content 302 at the original playing speed, at which time the content 302 stops fast-forwarding, and the user can continue to watch the content 302 at the normal speed.
[0077] Optionally, based on the second operation controlling the playing of the content 302 on the page 300, the method can further include: if a trigger time length corresponding to the second operation does not exceed a preset time length, controlling the playing speed of the first content to remain unchanged.
[0078] Exemplarily, the second operation can be a touch operation of long-pressing the screen in the second area 300B of the page 300 for more than a second preset time length (e.g., more than 0.3 s), at which time, the function of playing the content at a fast speed is not triggered, and the content 302 is still played at the original playing speed, avoiding playing errors caused by mis-touches.
[0079] Optionally, based on the second operation, the playing of the content 302 on the page 300 can further include: if the trigger time length corresponding to the second operation exceeds the preset time length and the trigger displacement exceeds the preset displacement, the playing speed of the first content is controlled to be unchanged.
[0080] Exemplarily, the second operation can be a touch operation of long-pressing the screen in the second area 300B of the page 300 for more than a second preset time length (e.g., more than 0.3 s) and moving a finger on the screen by a certain distance (more than a preset displacement), at which time, it is considered that the user is performing other operations, the function of playing the content at a fast speed is not triggered, and the content 302 is still played at the original playing speed, avoiding confusion of playing operations. Optionally, the moving of the finger on the screen by a certain distance can be that the trigger displacement exceeds the preset displacement (e.g., 1 cm to 10 cm), or the trigger displacement exceeds 0 (which can also be understood as the preset displacement being 0). When the preset displacement is not 0, a user operation space can be provided to avoid the problem of mis-touch caused by a certain displacement due to hand shaking or the like. For example, when the preset displacement is 0, the operation accuracy can be ensured to avoid the video entering the fast-forward mode due to mis-touch or other operations, affecting the user watching.
[0081] In some embodiments, the playing control can also be implemented based on the playing controls provided in the foregoing embodiments.
[0082] Exemplarily, in response to an operation on the playing controls, the terminal device 102 controls the playing of the content 302 according to a playing operation corresponding to the operation. Optionally, the operation can be a trigger operation on any playing control.
[0083] As an optional embodiment, the operation on the playing controls can be a third operation on a target control (e.g., the control 312D) of the at least one first control 312A-312D, and in response to the third operation on the target control, the terminal device 102 can control the playing of the content 302 according to a playing speed corresponding to the target control. In this way, the playing speed control can be conveniently implemented by triggering the playing controls, greatly improving the operation fluency.
[0084] Optionally, the third operation on the target control can be that after the first operation is completed, the finger is moved away from the screen and clicks the target control. In this way, the target control is clicked, which is more in line with the gesture habits of the user triggering the controls, improving the user experience.
[0085] In some embodiments, the operation of calling out the control panel 202 can be that the finger is lifted from the screen after a long press on the screen for more than a first preset time length, so that the user can find more play controls in the control panel 202 to implement the control operation. In view of this, in order to be distinguished from the operation of calling out the control panel 202, the triggering operation for the target control can be that the finger is lifted from the screen after a long press on the screen for more than a second preset time length and the finger is kept from leaving the screen and is slid to the position of the target control (for example, the control 312D). In this way, as long as the finger is kept from leaving the screen, the control panel 202 will not be called out, so that the user lifts the finger from the screen after moving the finger to the position of the target control, thereby triggering the play operation corresponding to the target control. It can be seen that the entire operation process, together with the first operation of long pressing on the screen for more than a first preset time length, is only that the user calls out the play controls in the process of long pressing on the screen and then triggers the target control through a sliding gesture. For the user, the operation process is completed in one breath, there is no process of continuous clicking, and it is not necessary to call out the control panel 202, so that the operation is more smooth and the user experience is better.
[0086] Optionally, in response to the third operation for the target control among the at least one first control 312A-312D, information for prompting the operation result of the third operation can be displayed on the first page, so as to prompt the user to know what kind of play control operation is currently completed. For example, as shown in FIG. 3C, the page 300 displays the prompt information 330, so that the user can know that because the control 312D is triggered, the current play speed has been adjusted to 2 times speed. Optionally, as shown in FIG. 3C, because one of the play controls is triggered to complete the play control at this time, the display of the play controls can be stopped and the information 304 and the control 306 are displayed, so as to restore the normal watching mode.
[0087] It can be understood that in the case that the triggering operation for the target control among the at least one first control is that the finger is lifted from the screen after a long press on the screen for more than a second preset time length and the finger is slid from the second area to the position of the target control in the first area, the second operation implemented in the second area 300B can be a touch operation of long pressing on the screen for more than a second preset time length in the second area of the first page and the finger is kept from leaving the screen and the finger is not moved, so that different operations can be distinguished.
[0088] In some embodiments, if the at least one play control is not triggered for more than a third preset time length (for example, more than 1s), the display of the at least one play control is stopped, for example, the page 300 of FIG. 3A is returned, so as to restore the normal watching mode.
[0089] As can be seen from the above embodiments, the page display method provided by the embodiments of the present disclosure shortens the link of broadcasting control under the premise of not disturbing the user from browsing the content, so that the user can control the player faster and better, and the viewing experience is improved.
[0090] It should be noted that the method of the embodiments of the present disclosure can be executed by a single device, such as a computer or a server. The method of the embodiments can also be applied to a distributed scenario, and be completed by multiple devices cooperating with each other. In the case of such a distributed scenario, one of the multiple devices can only execute one or more steps in the method of the embodiments of the present disclosure, and the multiple devices can interact with each other to complete the method.
[0091] It should be noted that some embodiments of the present disclosure are described above. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recited in the claims can be performed in a different order and still achieve desirable results. Additionally, the processes depicted in the figures do not necessarily require the particular order shown, or sequential order, to achieve the desired results. In certain implementations, multitasking and parallel processing can be advantageous.
[0092] Based on the substantially same inventive concept, the embodiments of the present disclosure also provide a page display method.
[0093] FIG. 5 shows a flow diagram of an exemplary method 500 provided by the embodiments of the present disclosure. The method 500 can be implemented by the terminal device 102 of FIG. 1, or by the system 100 of FIG. 1, and can be used to display a page of an application. The method 500 can further include the following steps.
[0094] In step 502, a first page (for example, the page 300 of FIG. 3A) is displayed. Optionally, the first page can play first content (for example, the content 302 of FIG. 3A). Optionally, the first page can include a first region (for example, the first region 300A of FIG. 3B) and a second region (for example, the first region 300B of FIG. 3B). Optionally, the first region 300A and the second region 300B can both be hot regions, that is, can be used to implement the play control of the content.
[0095] In step 504, in response to a first operation on the first region, at least one play control (for example, the controls 312A-312D, 314, 316, 318, and 320 of FIG. 3B) is displayed on the first page.
[0096] Optionally, the at least one play control is in the form of a button floating above the display of the first content, as shown in FIG. 3B. In this way, the content can be displayed in the area of the page other than the area where the play control is arranged, so as to minimize the problem of the content being blocked when the user watches the content due to the display of the play control. Moreover, since the play control is in the form of a button floating above the display of the content, the play control can be more directly observed by the user and is more convenient for the user to operate.
[0097] At step 506, in response to the second operation on the first region, the play of the first content on the first page is controlled based on the second operation.
[0098] The page display method provided by the present disclosure displays a play control based on a first operation on a first region of a page and controls the play of the content of the page based on a second operation on a second region of the page, thereby achieving the effect of more convenient play control.
[0099] In some embodiments, controlling the play of the first content on the first page based on the second operation includes controlling the play speed of the first content on the first page based on the trigger time length and the trigger displacement corresponding to the second operation. In this way, the trigger time length and the trigger displacement can be used in combination to more quickly and conveniently control the play.
[0100] In some embodiments, controlling the play of the first content on the first page based on the second operation includes:
[0101] If the trigger time length corresponding to the second operation exceeds the preset time length and the trigger displacement does not exceed the preset displacement, the play speed of the first content is controlled to be increased; or
[0102] If the trigger time length corresponding to the second operation does not exceed the preset time length, the play speed of the first content is controlled to be unchanged; or
[0103] If the trigger time length corresponding to the second operation exceeds the preset time length and the trigger displacement exceeds the preset displacement, the play speed of the first content is controlled to be unchanged.
[0104] In this way, the trigger time length and the trigger displacement of the second operation in the second region can be used in combination to more quickly and conveniently control the play.
[0105] In some embodiments, the at least one play control includes at least one first control (e.g., the first controls 312A-312D of FIG. 3B) for adjusting the play speed of the first content;
[0106] The method further includes: in response to a third operation on a target control (for example, the first control 312D in FIG. 3B) in the at least one first control, controlling the first content to be played based on a corresponding playing speed (for example, 2 times speed) of the target control.
[0107] In this way, the control of the playing speed can be conveniently realized by triggering the playing control, and the operation fluency is greatly improved.
[0108] In some embodiments, the displaying of the first page further includes: displaying description information (for example, the description information 304 in FIG. 3A) corresponding to the first content in the first page.
[0109] The displaying of the at least one playing control in the first page in response to the first operation on the first region includes: in response to the first operation on the first region, stopping the display of the description information corresponding to the first content and displaying the at least one playing control.
[0110] In this way, the user's viewing can be prevented from being affected by too much content displayed in the first page.
[0111] In some embodiments, the displaying of the first page further includes: displaying at least one second control (for example, the second control 306 in FIG. 3A) for interacting with the first content in the first page.
[0112] The displaying of the at least one playing control in the first page in response to the first operation on the first region further includes: in response to the first operation on the first region, stopping the display of the at least one second control and displaying the at least one playing control.
[0113] In this way, the user's viewing can be prevented from being affected by too much content displayed in the first page, and the first page is more concise.
[0114] In some embodiments, the method further includes: in response to a second operation on the second region, displaying information (for example, the information 340 in FIG. 3D) for prompting an operation result of the second operation in the first page, so as to prompt the user about what kind of playing control operation is currently completed.
[0115] In some embodiments, the method further includes: in response to a third operation on a target control in the at least one first control, displaying information (for example, the information 330 in FIG. 3C) for prompting an operation result of the third operation in the first page, so as to prompt the user about what kind of playing control operation is currently completed.
[0116] In some embodiments, the first content comprises a video, and the at least one playback control further comprises at least one of a third control for switching a 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 playing the video continuously. In this way, different playback controls can be realized based on different playback controls.
[0117] In some embodiments, controlling the playback of the first content on the first page based on the second operation comprises:
[0118] if the trigger duration corresponding to the second operation exceeds a preset duration and the trigger displacement is 0, increasing the playback speed of the first content; or
[0119] if the trigger duration corresponding to the second operation does not exceed the preset duration, keeping the playback speed of the first content unchanged; or
[0120] if the trigger displacement exceeds 0 within a target trigger duration corresponding to the second operation, keeping the playback speed of the first content unchanged.
[0121] In this way, the preset displacement is 0, which can ensure operation accuracy and avoid the video entering fast-forward mode due to accidental touch or other operations, thereby affecting user viewing.
[0122] It should be noted that the method of the embodiments of the present disclosure can be executed by a single device, such as a computer or a server, etc. The method of the embodiments can also be applied to a distributed scenario, and be completed by multiple devices cooperating with each other. In the case of such a distributed scenario, one of the multiple devices can only execute one or more steps in the method of the embodiments of the present disclosure, and the multiple devices can interact with each other to complete the method.
[0123] It should be noted that some embodiments of the present disclosure have been described above. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recited in the claims can be performed in a different order than the order described above and still achieve desirable results. In addition, the processes depicted in the figures do not necessarily require the particular order shown, or sequential order, to achieve the desired results. In certain implementations, multitasking and parallel processing can be advantageous.
[0124] Based on the same basic inventive concept, the present disclosure also provides a page display apparatus corresponding to any of the above-mentioned embodiment methods. FIG. 6 shows a structural schematic diagram of an exemplary apparatus 600 provided by the embodiments of the present disclosure.
[0125] Referring to FIG. 6, the page display apparatus 600 can include:
[0126] The first display module 602 is configured to display a first page, the first page comprising a first region and a second region.
[0127] The second display module 604 is configured to display at least one play control in the first page in response to a first operation on the first region.
[0128] The play control module 606 is configured to control playing of first content on the first page based on the second operation in response to a second operation on the second region.
[0129] In some embodiments, the play control module 606 is configured to control a playing speed of the first content on the first page based on a trigger duration and a trigger displacement corresponding to the second operation.
[0130] In some embodiments, the play control module 606 is configured to:
[0131] if the trigger duration corresponding to the second operation exceeds a preset duration and the trigger displacement does not exceed a preset displacement, control the playing speed of the first content to increase; or
[0132] if the trigger duration corresponding to the second operation does not exceed the preset duration, control the playing speed of the first content to remain unchanged; or
[0133] if the trigger duration corresponding to the second operation exceeds the preset duration and the trigger displacement exceeds the preset displacement, control the playing speed of the first content to remain unchanged.
[0134] In some embodiments, the at least one play control comprises at least one first control for adjusting the playing speed of the first content.
[0135] The play control module 606 is configured to control playing of the first content based on a playing speed corresponding to a target control in the at least one first control in response to a third operation on the target control.
[0136] In some embodiments, the first display module 602 is configured to display description information corresponding to the first content in the first page.
[0137] The second display module 604 is configured to stop displaying the description information corresponding to the first content and display at least one play control in response to the first operation on the first region.
[0138] 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.
[0139] The second display module 604 is configured to, in response to the first operation on the first region, stop displaying the at least one second control and display at least one play control.
[0140] In some embodiments, the play control module 606 is configured to, in response to the second operation on the second region, display information for prompting an operation result of the play operation on the first page.
[0141] In some embodiments, the first content comprises a video, and the at least one play control further comprises at least one of a third control for switching a corresponding play mode of the video from a video play mode to an audio play mode, a fourth control for playing the video in a window, and a fifth control for automatically continuously playing the video.
[0142] In some embodiments, the play control module 606 is configured to:
[0143] If the trigger duration corresponding to the second operation exceeds a preset duration and the trigger displacement is 0, the play speed of the first content is increased; or
[0144] If the trigger duration corresponding to the second operation does not exceed the preset duration, the play speed of the first content remains unchanged; or
[0145] If the trigger displacement exceeds 0 within a target trigger duration corresponding to the second operation, the play speed of the first content remains unchanged.
[0146] For the convenience of description, the above apparatus is described in various modules in terms of functions. Of course, the functions of the modules can be implemented in one or more software and / or hardware in the implementation of the present disclosure.
[0147] The apparatus of the above embodiments is used to implement the corresponding method 500 in any of the preceding embodiments, and has the beneficial effects of the corresponding method embodiments, which are not described herein.
[0148] Based on the substantially same inventive concept, the embodiments of the present disclosure further provide a computer device for implementing the above method 500. FIG. 7 shows a hardware structure schematic diagram of an exemplary computer device 700 provided by the embodiments of the present disclosure. The computer device 700 can be used to implement the terminal device 102 in FIG. 1. In some scenarios, the computer device 700 can also be used to implement the server 104 and the database server 106 in FIG. 1.
[0149] As shown in FIG. 7, the computer device 700 can include a processor 702, a memory 704, a network module 706, a peripheral interface 708, and a bus 710. Among them, the processor 702, the memory 704, the network module 706, and the peripheral interface 708 are communicatively connected with each other inside the computer device 700 through the bus 710.
[0150] The processor 702 can be a central processing unit (CPU), a graphics 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. The processor 702 can be configured to perform functions related to the techniques described in the present disclosure. In some embodiments, the processor 702 can also include multiple processors integrated as a single logical component. For example, as shown in FIG. 7, the processor 702 can include multiple processors 702a, 702b, and 702c.
[0151] The memory 704 can be configured to store data (e.g., instructions, computer code, etc.). As shown in FIG. 7, the memory 704 can store data including program instructions (e.g., program instructions for implementing the method 500 of the embodiments of the present disclosure) and data to be processed (e.g., the memory can store configuration files of other modules, etc.). The processor 702 can 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 can include volatile storage or non-volatile storage. In some embodiments, the memory 704 can include random access memory (RAM), read-only memory (ROM), optical disk, magnetic disk, hard disk, solid state disk (SSD), flash memory, memory stick, etc.
[0152] The network interface 706 can be configured to provide communication with other external devices to the computer device 700 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), etc.), a cellular network, the Internet, or a combination thereof. It can be understood that the type of network is not limited to the specific examples described above.
[0153] The peripheral interface 708 can be configured to connect the computer device 700 with one or more peripheral devices to achieve information input and output. For example, the peripheral devices can include input devices such as keyboards, mice, touchpads, touchscreens, microphones, various sensors, etc., and output devices such as displays, speakers, vibrators, indicator lights, etc.
[0154] Bus 710 can be configured to transmit information between various components of computer device 700, such as processor 702, memory 704, network interface 706, and peripheral interface 708, such as an internal bus (e.g., a processor-memory bus), an external bus (a USB port, a PCI-E bus), and the like.
[0155] It should be noted that although the architecture of computer device 700 described above only shows processor 702, memory 704, network interface 706, peripheral interface 708, and bus 710, in the specific implementation process, the architecture of computer device 700 can also include other components necessary for normal operation. In addition, those skilled in the art can understand that the architecture of the above-mentioned computer device 700 can also only contain components necessary for implementing the embodiments of the present disclosure, and does not necessarily contain all the components shown in the figure.
[0156] Based on the same basic inventive concept, the present disclosure also provides a non-transitory computer readable storage medium storing computer instructions for causing a computer to perform the method 500 of any one of the above embodiments.
[0157] The computer readable medium of the present embodiment includes permanent and non-permanent, removable and non-removable media, which can be implemented by any method or technology to store information. The information can be computer readable instructions, data structures, program modules 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 technologies, compact disc read-only memory (CD-ROM), digital versatile disc (DVD) or other optical storage, magnetic cassette, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device.
[0158] The storage medium of the above-mentioned embodiment stores computer instructions for causing the computer to perform the method 500 of any one of the above embodiments, and has the beneficial effects of the corresponding method embodiments, which are not described here.
[0159] Based on the same inventive concept, corresponding to the method 500 of any of the above embodiments, the present disclosure also provides a computer program product comprising a computer program. In some embodiments, the computer program is executable by one or more processors to cause the processor(s) to perform the method 500 described. Corresponding to the execution subject of each step in each embodiment of the method 500, the processor performing the corresponding step can be the one belonging to the corresponding execution subject.
[0160] The computer program product of the above embodiments is used to make the processor perform the method 500 as described in any of the above embodiments, and has the beneficial effects of the corresponding method embodiments, which are not repeated here.
[0161] It should be understood by those of ordinary skill in the art that the discussion of any of the above embodiments is only exemplary and is not intended to imply that the scope of the present disclosure (including the claims) is limited to these examples; the technical features of the above embodiments or different embodiments can also be combined, the steps can be implemented in any order, and there are many other changes of different aspects of the embodiments of the present disclosure as described above, which are not provided in detail for the sake of brevity.
[0162] In addition, in order to simplify the description and discussion, and so as not to make the embodiments of the present disclosure difficult to understand, the well-known power / ground connections of integrated circuit (IC) chips and other components can or can not be shown in the provided drawings. In addition, devices can be shown in the form of block diagrams in order 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 to be implemented to implement the embodiments of the present disclosure (i.e., these details should be fully within the understanding of those skilled in the art). Where specific details (e.g., circuitry) are set forth in order to describe an illustrative embodiment of the present disclosure, it will be apparent to those skilled in the art that the embodiments of the present disclosure can be practiced without these specific details or with variations on these specific details. Therefore, these descriptions should be considered as illustrative rather than limiting.
[0163] Although the present disclosure has been described in conjunction with specific embodiments thereof, many alternatives, modifications and variations will be apparent to those skilled in the art in light of the foregoing description. For example, other memory architectures (e.g., dynamic RAM (DRAM)) can use the embodiments discussed.
[0164] The embodiments of the present disclosure are intended to cover all such alternatives, modifications and variations as falling within the broad scope of the appended claims. Accordingly, any and all such alternatives, modifications and variations should be included within the scope of the present disclosure.
Claims
1. A method for displaying a page, comprising: displaying a first page, the first page comprising a first region and a second region; in response to a first operation on the first region, displaying at least one play control on the first page; in response to a second operation on the second region, controlling a play of a first content on the first page based on the second operation.
2. The method of claim 1, wherein, controlling the play of the first content on the first page based on the second operation comprises: controlling a play speed of the first content on the first page based on a trigger time length and a trigger displacement corresponding to the second operation.
3. The method of claim 2, wherein, controlling the play of the first content on the first page based on the second operation comprises: if the trigger time length corresponding to the second operation exceeds a preset time length and the trigger displacement does not exceed a preset displacement, controlling to increase the play speed of the first content; or if the trigger time length corresponding to the second operation does not exceed the preset time length, controlling the play speed of the first content to be unchanged; or if the trigger time length corresponding to the second operation exceeds the preset time length and the trigger displacement exceeds the preset displacement, controlling the play speed of the first content to be unchanged.
4. The method of claim 1, wherein, the at least one play control comprises at least one first control for adjusting the play speed of the first content; the method further comprises: in response to a third operation on a target control in the at least one first control, controlling the play of the first content based on a play speed corresponding to the target control.
5. The method of claim 1, wherein, displaying the first page further comprises: displaying description information corresponding to the first content in the first page; in response to the first operation on the first region, displaying the at least one play control on the first page comprises: in response to the first operation on the first region, stopping displaying the description information corresponding to the first content and displaying the at least one play control.
6. The method of claim 1, wherein, displaying the first page further comprises: displaying at least one second control for interacting with the first content in the first page; in response to the first operation on the first region, displaying the at least one play control on the first page further comprises: in response to the first operation on the first region, stopping displaying the at least one second control and displaying the at least one play control. 7.The method of claim 1, further comprising: in response to the second operation on the second region, displaying information for prompting an operation result of the second operation on the first page.
8. The method of claim 1, wherein, the first content comprises a video, and the at least one play control further comprises at least one of a third control for switching a corresponding play mode of the video from a video play mode to an audio play 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 play of the first content on the first page based on the second operation comprises: if the trigger time length corresponding to the second operation exceeds the preset time length and the trigger displacement is 0, controlling to increase the play speed of the first content; or if the trigger time length corresponding to the second operation does not exceed the preset time length, controlling the play speed of the first content to be unchanged; or If the 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 apparatus comprising: a first display module configured to display a first page, the first page comprising a first region and a second region; a second display module configured to display at least one playback control on the first page in response to a first operation on the first region; a playback control module configured to control playback of first content on the first page based on a second operation on the second region.
11. A computer device comprising a memory, a processor, and a computer program stored on the memory and executable on the processor, wherein, The processor implements the method of any one of claims 1-9 when executing the program.
12. A non-transitory computer-readable storage medium storing computer instructions, wherein, The computer instructions are used to cause a computer to perform the method of any one of claims 1-9.
13. A computer program product, wherein, The computer program instructions, when run on a computer, cause the computer to perform the method of any one of claims 1-9.
Citation Information
Patent Citations
Video playing progress control method and device, equipment and storage medium
CN115426532A
Interaction method and device, electronic equipment and storage medium
CN115809040A
Page display method and related equipment
CN119200903A
Social interaction user interface for videos
US20190141402A1