Page display method and device, computer device and readable storage medium

Abstract

This application relates to a page display method, apparatus, computer device, and readable storage medium. The method includes: displaying a first browser page; displaying a video playback window on the first browser page, the video playback window being used to display a playing video; if the video playback window meets an interaction object triggering condition, then displaying an interaction object corresponding to the video playback window, the interaction object being displayed as a floating window on the page content of the first browser page; acquiring an interaction operation for the interaction object; and controlling the playback of the video within the video playback window based on the interaction operation. This method can reduce resource waste during page interaction.

Description

Technical Field

[0001] This application relates to the field of computer technology, and in particular to a page display method, apparatus, computer device, and readable storage medium. Background Technology

[0002] As browser functionality continues to evolve, browsers now offer the ability to watch videos within web pages. For example, when a user opens a browser page, video-related content can be displayed on that page.

[0003] In traditional technology, a browser page can display video in a designated area and other content in other areas, allowing users to not only watch the video but also browse other content. Users can also control video playback within the browser page.

[0004] However, because video playback-related controls are easily hidden when browsing a page, users tend to perform numerous interactive operations when they need to control video playback, such as swiping the page. This makes the interaction process cumbersome, reduces page interaction efficiency, and ultimately wastes resources during page interaction. Summary of the Invention

[0005] Therefore, it is necessary to provide a page display method, apparatus, computer device, computer-readable storage medium, and computer program product that can reduce resource waste during page interaction, in order to address the aforementioned technical problems.

[0006] On one hand, this application provides a page display method, including: displaying a first browser page, displaying a video playback window on the first browser page, the video playback window being used to display a video being played; if the video playback window meets the triggering condition of an interactive object, then displaying an interactive object corresponding to the video playback window, the interactive object being displayed as a floating window on the page content of the first browser page; obtaining an interactive operation for the interactive object, and controlling the playback of the video in the video playback window based on the interactive operation.

[0007] On the other hand, this application also provides a page display device, including: a page display module for displaying a first browser page, and displaying a video playback window on the first browser page, the video playback window being used to display a video being played; an interactive object display module for displaying an interactive object corresponding to the video playback window if the video playback window meets the interactive object triggering condition, the interactive object being displayed as a floating window on the page content of the first browser page; and a playback control module for acquiring interactive operations on the interactive object, and controlling the playback of the video in the video playback window based on the interactive operations.

[0008] In some embodiments, the interactive object display module is further configured to display the interactive object corresponding to the video playback window on top of the page content when the video playback window is located at the top of the first browser page.

[0009] In some embodiments, the distance between the video playback window and the interactive object reaches a preset distance threshold, and at least part of the page content is displayed between the interactive object and the video playback window.

[0010] In some embodiments, the device further includes a sliding response module, which is configured to respond to a sliding operation triggered within the first browser page, scroll and display the page content of the first browser page following the sliding operation, and keep the position of the interactive object unchanged.

[0011] In some embodiments, the interactive object display module is further configured to display an interactive object in a first display format corresponding to the video playback window, wherein the interactive object in the first display format displays interactive controls related to playing the video; in response to a display format switching operation for the interactive object in the first display format, the module switches from displaying the interactive object in the first display format to displaying the interactive object in a second display format, wherein the interactive controls related to playing the video are hidden in the interactive object in the second display format.

[0012] In some embodiments, the interactive object display module is further configured to, when a swipe operation is detected on the first browser page, trigger a display format switching operation for the interactive object in the first display format, switching from displaying the interactive object in the first display format to displaying the interactive object in the second display format.

[0013] In some embodiments, the page display module is further configured to display a video playback area in the first browser page and display a video being played within the video playback area, wherein the video playback area is an area embedded in the page content; in response to a first swipe operation triggered on the first browser page, scroll the page content to the top of the first browser page following the first swipe operation; when the distance between the video playback area and the top of the first browser page is reduced to a first preset distance, display a video playback window on top of the page content, and switch from displaying the video using the video playback area to displaying the video using the video playback window.

[0014] In some embodiments, after the video playback window is displayed on top of the page content, the page display module is further configured to respond to a second swiping operation triggered on the first browser page, and scroll the page content to the bottom of the first browser page following the second swiping operation; when the distance between the video playback area and the video playback window is reduced to a second preset distance, the video playback window is hidden, and the video being played is displayed in the video playback area.

[0015] In some embodiments, the page display module is further configured to display a video playback panel in the video playback area and display the video being played in the video playback panel; hide the video playback panel to stop displaying the video being played in the video playback area, display a video playback window on top of the page content, and display the video being played in the video playback window.

[0016] In some embodiments, the page display module is further configured to display an embedded video playback window in the video playback area and display the video being played in the video playback window; and to change the video playback window from being embedded in the video playback area to being displayed on top of the page content.

[0017] In some embodiments, the video playback window and the interactive object are respectively provided with application floating window permissions. The page display module is further configured to switch from displaying the first browser page to displaying the second browser page in response to a page switching operation, and display the video playback window and the interactive object on the upper layer of the second browser page based on the application floating window permissions.

[0018] In some embodiments, the first browser page is provided by a browser application. The page display module is further configured to create a video playback view corresponding to the video playback window, add the video playback view to the top layer of the root view of the browser application so that the video playback window has application floating window permissions; and draw the video playback view to display the video playback window at the top layer of the first browser page. The interactive object display module is further configured to create an interactive view corresponding to the interactive object, add the interactive view to the top layer of the root video view of the browser application so that the interactive object has application floating window permissions; and draw the interactive view to display the interactive object at the top layer of the first browser page.

[0019] In some embodiments, the video playback window displays a permission request control corresponding to the system floating window permission. The device further includes: a permission setting module, configured to, in response to a triggering operation on the permission request control, trigger the setting of the system floating window permission for the video playback window and trigger the setting of the system floating window permission for the interactive object; and a browser closing response module, configured to, in response to a browser closing operation, close the first browser page and, based on the system floating window permission of the video playback window and the interactive object, retain the video playback window and the interactive object.

[0020] In some embodiments, the interactive object includes at least one of the following controls: a playback progress change control and a playback mode switching control. The playback control module is further configured to perform at least one of the following steps: in response to a progress change operation on the playback progress change control, updating the playback progress of the video in the video playback window based on the progress change operation; in response to a mode switching operation on the playback mode switching control, rotating the video playback window and changing the size of the video playback window, and changing the playback attributes of the video in the video playback window so that the video adapts to the video playback window.

[0021] In some embodiments, the interactive object includes a webpage bookmarking control, and the device further includes a bookmarking response module, configured to respond to a trigger operation on the webpage bookmarking control, and, when logging into the browser with a user account, trigger the addition of a link to the first browser page to the bookmarks provided by the browser and associated with the user account.

[0022] In some embodiments, the page display module is further configured to display a third browser page and display a video playback entry corresponding to the video within the third browser page; in response to a trigger operation on the video playback entry, the first browser page is displayed and a video playback window that meets the trigger conditions of the interactive object is displayed on the first browser page.

[0023] On the other hand, this application also provides a computer device, including a memory and a processor, wherein the memory stores a computer program, and the processor executes the computer program to implement the steps in the above-described page display method.

[0024] On the other hand, this application also provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the steps in the above-described page display method.

[0025] On the other hand, this application also provides a computer program product, including a computer program that, when executed by a processor, implements the steps in the above-described page display method.

[0026] The aforementioned page display method, apparatus, computer device, computer-readable storage medium, and computer program product display a first browser page, on which a video playback window is displayed. The video playback window displays a video being played. If the video playback window meets the triggering conditions of an interactive object, the corresponding interactive object is displayed. The interactive object is displayed as a floating window on the page content of the first browser page. Interactive operations are obtained for the interactive object, and the playback of the video within the video playback window is controlled based on these operations. Because the interactive object is displayed as a floating window on the page content of the first browser page, the playback of the video in the video playback window can be controlled based on the interactive object. This avoids the inconvenience caused by hiding controls related to video playback, thereby improving page interaction efficiency and reducing resource waste during page interaction. Attached Figure Description

[0027] To more clearly illustrate the technical solutions in the embodiments of this application or related technologies, the drawings used in the description of the embodiments of this application or related technologies will be briefly introduced below. Obviously, the drawings described below are only some embodiments of this application. For those skilled in the art, other related drawings can be obtained based on these drawings without creative effort.

[0028] Figure 1 This is a diagram illustrating the application environment of the page display method in some embodiments;

[0029] Figure 2 This is a flowchart illustrating the page display method in some embodiments;

[0030] Figure 3A This is a schematic diagram illustrating the hidden video playback window and interactive object triggered by swiping down on the first browser page in some embodiments;

[0031] Figure 3B This is a schematic diagram illustrating the display of a video playback window and interactive objects triggered by swiping down on a first browser page in some embodiments;

[0032] Figure 4 This is a schematic diagram of a video playback window and interactive objects in a first browser page in some embodiments;

[0033] Figure 5 This is a schematic diagram of the interactive object in the second display form in some embodiments;

[0034] Figure 6 This is a schematic diagram of a scaled-down video playback window and an interactive object in a second display form, as shown in some embodiments.

[0035] Figure 7A This is a schematic diagram of the interactive object in the first display form in some embodiments;

[0036] Figure 7B This is a schematic diagram of the interactive object in the first display form in some other embodiments;

[0037] Figure 7C This is a schematic diagram of the interactive object in the first display form in some other embodiments;

[0038] Figure 8 This is a schematic diagram of the interactive object in the second display form in some embodiments;

[0039] Figure 9 This is a schematic diagram illustrating the dynamic display of a video playback window and interactive objects on a page in some embodiments.

[0040] Figure 10 This is a flowchart illustrating a page display method in another embodiment;

[0041] Figure 11 This is a structural block diagram of the page display device in some embodiments;

[0042] Figure 12 These are internal structural diagrams of the computer device in some embodiments;

[0043] Figure 13 This is a diagram showing the internal structure of a computer device in some embodiments. Detailed Implementation

[0044] To make the objectives, technical solutions, and advantages of this application clearer, the following detailed description is provided in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative and not intended to limit the scope of this application.

[0045] The page display method provided in this application embodiment can be applied to, for example, Figure 1In the application environment shown, terminal 102 communicates with server 104 via a network. A data storage system can store the data that server 104 needs to process. The data storage system can be integrated onto server 104 or located in the cloud or on other network servers. Terminal 102 can be, but is not limited to, a desktop computer, laptop computer, smartphone, tablet computer, IoT device, and portable wearable device. IoT devices can include smart speakers, smart TVs, smart air conditioners, smart in-vehicle devices, projection devices, etc. Portable wearable devices can include smartwatches, smart bracelets, head-mounted devices, etc. Head-mounted devices can be virtual reality (VR) devices, augmented reality (AR) devices, smart glasses, etc. Server 104 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing cloud computing services. The cloud server is used to provide basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDN (Content Delivery Network), and big data and artificial intelligence platforms. The terminal 102 and the server 104 can be connected directly or indirectly via wired or wireless communication, which is not limited herein.

[0046] Specifically, terminal 102 displays a first browser page, which in turn displays a video playback window. This video playback window displays the video being played. If the video playback window meets the trigger conditions for an interactive object, the corresponding interactive object is displayed. This interactive object floats on top of the page content of the first browser page, allowing for the acquisition of interactive operations. Based on these operations, the playback of the video within the video playback window is controlled. The first browser page and the video can be obtained by terminal 102 from server 104.

[0047] In some embodiments, such as Figure 2 As shown, a page display method is provided. This method can be executed by the terminal, or it can be executed jointly by the terminal and the server. This method can be applied to... Figure 1 Taking terminal 102 as an example, the explanation includes the following steps 202 to 206. Wherein:

[0048] Step 202: Display the first browser page, and display the video playback window on the first browser page. The video playback window is used to display the video being played.

[0049] In this context, a browser can be a mobile browser or a web browser; a web browser can also be called a PC (Personal Computer) browser. A browser page is a page provided by the browser. The video playback window can be understood as the player's interface; the player can be a built-in browser player or a third-party player. A built-in browser player refers to the browser's integrated video playback function, allowing users to play video content directly within the browser without requiring additional video player software. A built-in browser player also refers to the browser's proprietary player used for videos within web pages. A third-party player is a non-built-in player. The player is the interface provided by the player for playing videos.

[0050] The video playback window is used to display the video provided by the first browser page. For example, the page data of the first browser page may contain the storage address of the video, such as a URL (Uniform Resource Locator). The video can be, but is not limited to, a TV series, a movie, a short video, a live broadcast, or a TV broadcast.

[0051] Displaying a video playback window on the first browser page can mean that the video playback window is part of the page content of the first browser page. For example, if there is a video playback area within the page content, the video playback window can be embedded within that area. The page content of the first browser page refers to the content displayed on the first browser page. This page content will disappear when the first browser page is closed.

[0052] The video playback window can be displayed on the first browser page, or it can be displayed on top of the page content of the first browser page. For example, the video playback window can be a floating window located on top of the page content of the first browser page. When the page changes, the video playback window can be retained, meaning it will not disappear when the first browser page disappears. For example, in one case, the video playback window can be set with application floating window permissions (application refers to the browser, which can also be called a browser application). A video playback window with application floating window permissions can be displayed across pages. In another case, the video playback window can be set with system floating window permissions (system refers to the operating system). A video playback window with system floating window permissions can be displayed across applications, meaning it can still be displayed even when the browser application is closed or minimized. When the video playback window is a floating window, it can be set with an initial position. When the first browser page is triggered to be displayed, the video playback window is displayed on the screen according to this initial position. When the video playback window is a floating window, it can be a draggable floating window or a floating window with a fixed position.

[0053] Specifically, in response to the operation of displaying a first browser page, the terminal obtains the page data of the first browser page, determines whether video indication information exists based on the page data, and the video indication information may include video tags. If video tags are present in the page data, it indicates that a video to be played exists. If the page data contains video indication information, the terminal can determine the video identifier, such as the URL used to obtain the video, obtain the video based on the URL, play the video, display the first browser page, and show the played video on the first browser page.

[0054] In some embodiments, the terminal can display a video playback window as a floating window on top of the page content. The video playback window obscures part of the page content. The video playback window can be displayed by default near the top of the first browser page; for example, the distance between the top of the video playback window and the top of the first browser page is less than or equal to a target distance. The unit of the target distance can be pixels or centimeters, etc., and is not limited here. The target distance can be determined based on the length of the screen in the browsing direction. When the page content is displayed along the vertical direction of the screen, the browsing direction is the vertical direction of the screen; when the page content is displayed along the horizontal direction of the screen, the browsing direction is the horizontal direction of the screen. For example, the target distance can be the product of the length of the screen in the browsing direction and a first preset coefficient. The first preset coefficient can be set as needed and can be less than 0.5, for example, it can be 0.1 or 0.2, etc. Of course, the target distance can also be set to a fixed value, for example, it can be set to 0, that is, the top of the video playback window and the top of the first browser page overlap on the screen.

[0055] In some embodiments, the terminal may embed the video playback window within the page content, meaning the video playback window is part of the page content. In response to a swipe operation triggered by the first browser page, the terminal scrolls through the page content, causing the video playback window to move accordingly.

[0056] In some embodiments, the terminal can set a first drag event response strategy for the video playback window. The first drag event response strategy is: when a drag operation is detected on the video playback window, the video playback window is moved on the screen following the drag operation. Alternatively, the terminal can set a second drag event response strategy for the video playback window. The second drag event response strategy is: when a drag operation is detected on the video playback window, the video playback window is kept stationary, that is, its position is not changed.

[0057] In some embodiments, the video playback window is used to display the video being played, and can also be used to display video-related controls. The video playback window can be understood as a player, and the video-related controls can be controls within the player. The terminal can create a view group corresponding to the video playback window. The view group includes a control panel view and a video display view. The control panel view is used to present video-related controls, and the video display view is used to present the video. By drawing the control panel view and the video display view in the view group, the video playback window can be displayed, and video-related controls and the video can be displayed within the video playback window.

[0058] In some embodiments, the terminal displays a video playback entry point in a browser page. In response to a trigger operation on the video playback entry point, a first browser page is displayed. If the video playback area does not appear on the screen in the first browser page, the terminal can automatically display the video playback window at the top of the first browser page. The top placement can be achieved by the distance between the video playback window and the top of the first browser page being less than or equal to a target distance.

[0059] In some embodiments, if a video playback area exists in the first browser page, but the video playback area is not displayed on the screen when the first browser page is displayed by default, or the portion of the video playback area that is displayed on the screen accounts for less than a preset percentage threshold, then the terminal automatically displays the video playback window on top when displaying the first browser page. The preset percentage threshold can be set as needed, for example, it can be 1 / 2 or 1 / 3, etc., and this solution does not limit it.

[0060] Step 204: If the video playback window meets the triggering conditions for the interactive object, then the interactive object corresponding to the video playback window is displayed. The interactive object is displayed as a floating window on the page content of the first browser page.

[0061] The interactive object can have different display formats, such as a first display format and a second display format. The interactive object in the first display format includes at least one control, such as a control for controlling playback progress or a control for switching playback modes. When the video playback window meets the interactive object's triggering conditions, the terminal can display either the interactive object in the first display format or the interactive object in the second display format. The interactive object in the second display format hides the controls in the interactive object in the first display format. The interactive object in the second display format can be a floating icon, and the shape of the icon can be set according to actual needs, such as a circle, a sphere, or a rectangle.

[0062] The video playback window can be understood as the interface of a media player on a webpage, and the interactive object can be understood as the interface of a remote control. The primary form of the interactive object can be a floating window, and the secondary form can be a floating ball. In other words, the remote control interface can have both floating window and floating ball forms. The floating ball is a small, floating icon. The floating window contains interactive controls.

[0063] To prevent the video remote control from disappearing when switching web pages, this application's method utilizes WindowManager to implement an in-application floating window. This ensures the remote control remains visible even when switching between different web pages. The floating window's position and size can be adjusted as needed to adapt to different screen sizes and resolutions. Floating window management includes operations such as creation, display, hiding, moving, and destruction. Specifically, to ensure the remote control interface doesn't disappear when switching web pages, this application's solution uses WindowManager to create a floating window within the application. The floating window's display layer is higher than the web page content, ensuring the remote control is always visible. WindowManager handles the creation and management of the floating window, ensuring the remote control interface remains visible when switching between different web pages. This application's solution allows for floating window management; for example, WindowManager can manage the display and hiding of the floating window, ensuring the remote control interface doesn't disappear when switching between different web pages. WindowManager is an interface that defines a series of window-related operation methods, allowing developers to create, adjust, and remove windows. It manages the application window layout and its interaction with other windows, ensuring windows can be displayed, respond, and interact correctly.

[0064] An interactive object trigger condition is the condition that triggers the display of an interactive object. There can be one or more interactive object trigger conditions. If the video playback window meets one of these conditions, the interactive object can be displayed. For example, an interactive object trigger condition could include keeping the video playback window on top; in this case, the interactive object will be displayed. Another example is that the distance between the video playback window and the top of the page may be less than or equal to a target distance. The target distance has been explained previously and will not be repeated here. The top of the page refers to the top of the first browser window. The position of the interactive object can be fixed, or it can move across the screen following a drag operation when a drag operation is triggered on the interactive object.

[0065] Of course, there can be other interactive object triggering conditions. For example, the interactive object triggering condition could also be that the video playback area in the first browser page is not visible on the screen, or that the portion of the video playback area visible on the screen accounts for less than a preset percentage threshold. The preset percentage threshold can be set as needed, for example, it could be 1 / 2 or 1 / 3, etc., and this solution does not limit it. For example, Figure 3A In the example, the terminal displays the playback entry for video 1 on browser page 300. When the playback entry for video 1 is clicked, the first browser page 302 is displayed. Since the video playback area is not displayed on the screen by default in the first browser page, or the portion of the video playback area displayed on the screen occupies less than a preset percentage threshold, the terminal can automatically display interactive objects and keep the video playback window on top when displaying the first browser. As the page is scrolled to the top, the video playback window gradually enters the screen. When the percentage reaches the preset percentage threshold, the interactive object is hidden, and similarly, the video playback window is hidden, switching the video playback from the video playback window to the video playback area. For example, in the first browser page 302, as the page is scrolled down, the video playback area 304 gradually appears on the screen, triggering the hiding of the video playback window and the interactive object.

[0066] Of course, scrolling the page to the bottom can also trigger the interaction condition, for example. Figure 3B In the process, the video is first displayed in the video playback area of ​​the browser page. Then, the page slides to the bottom, causing the video playback area to gradually move away from the screen. When the video playback area is not on the screen, or when the portion of the video playback area that is on the screen is less than a preset percentage threshold, the video playback window and interactive controls are displayed, and the process switches from displaying the video in the video playback area to playing the video in the video playback window.

[0067] Specifically, if the terminal detects video indication information in the page data, it generates a video playback window and a corresponding interactive object. If the video playback window meets the interactive object triggering conditions, the terminal can display the interactive object corresponding to the video playback window.

[0068] In some embodiments, the interactive object in the first display format may also display a display format switching control. In response to a trigger operation on the display format switching control, the terminal may display the interactive object in the second display format. When the terminal detects a display format switching operation triggered by the interactive object in the second display format, including but not limited to a click operation, the terminal displays the interactive object in the first display format, that is, it switches from displaying the interactive object in the second display format to displaying the interactive object in the first display format.

[0069] In some embodiments, the interactive object in the first display form may also display video description information, which is used to describe the video currently displayed in the video playback window, and may include, but is not limited to, the video title or summary.

[0070] In some embodiments, when a drag operation is triggered on an interactive object in a first display format, the terminal may keep the position of the interactive object unchanged. When a drag operation is triggered on an interactive object in a second display format, the terminal may trigger the interactive object to move following the drag operation.

[0071] like Figure 4 As shown, the first browser page 400 displays an interactive object 402 representing the first interactive form. This interactive object 402 includes multiple controls: a favorites control 404, a rewind control 406, a fast forward control 408, a play / pause control 410, a full-screen playback control 412, and a display mode switching control 414. It also includes video description information 416. The first browser page 400 also displays a video playback window 418. The interactive object can include: a play / pause control: the play control starts video playback, and the pause control pauses video playback. The fast forward control advances the video playback progress by a preset duration, such as 15 seconds. The rewind control advances the video playback progress by a preset duration, such as 15 seconds. The speed control changes the video playback speed, such as 1.5x or 2x. The full-screen playback control switches the video to full-screen display, providing a more immersive viewing experience.

[0072] like Figure 5 As shown, the interactive object 502 with a second interactive form is displayed on the first browser page 500. When the display form switching control 414 is clicked, the interactive object 402 is hidden and the interactive object 502 is displayed. When the interactive object 502 is clicked, the interactive object 502 can be hidden and the interactive object 402 can be displayed. Furthermore, when a drag operation is triggered on the interactive object 502, the interactive object 502 can move along with the drag operation.

[0073] In some embodiments, a close control is present in the video playback window, which is used to close the playing video. When the terminal detects a trigger operation on the close control, it can shrink the size of the video playback window, that is, switch the video playback window from an expanded state to a shrunk state, and switch the interactive object from displaying a first display format to displaying a second display format.

[0074] Similarly, the display format switching control can also be associated with controlling the video playback window. For example, when the display format switching control is clicked, it triggers the switching of the interactive object from displaying the first display format to displaying the second display format, and switches the video playback window from the expanded state to the minimized state.

[0075] like Figure 6 As described above, when a close control is clicked, such as the close control 504 in the first browser page 500, or a display format switching control is clicked in the interactive object of the first display format, the interactive object 602 of the second display format and the video playback window 604 in a minimized state are displayed.

[0076] In some embodiments, if the video playback window does not meet the triggering conditions for the interactive object, and if the video playback window is configured with a first drag event response strategy, the terminal responds to the drag operation on the video playback window, moves the video playback window on the screen following the drag of the video playback window, and when the movement stops, if the video playback window meets the triggering conditions for the interactive object, the interactive object corresponding to the video playback window is displayed.

[0077] In some embodiments, when displaying the interactive object corresponding to the video playback window, if the video playback window is configured with a first drag event response strategy, the terminal responds to the drag operation on the video playback window by hiding the interactive object corresponding to the video playback window and moving the video playback window on the screen following the drag of the video playback window. If the video playback window meets the interactive object triggering condition when the movement stops, the interactive object is redisplayed; if the video playback window does not meet the interactive object triggering condition when the movement stops, the interactive object remains hidden.

[0078] In some embodiments, the video playback window is part of the page content. When the first browser page is closed, the terminal cancels the display of the video playback window and hides the interactive object.

[0079] Step 206: Obtain the interaction operation for the interaction object, and control the playback of the video in the video playback window based on the interaction operation.

[0080] Specifically, the interactive objects include interactive controls that may include, but are not limited to, rewind controls, fast-forward controls, playback controls, full-screen playback controls, and display mode switching controls. Of course, they may also include controls for switching videos. The terminal responds to interactive operations triggered by interactive controls related to video playback, and controls the playback of the video within the video playback window based on these interactive operations, such as using rewind or fast-forward controls.

[0081] In some embodiments, the interactive object includes a video switching control. In response to a trigger operation on the video switching control, the terminal can switch the video displayed in the video playback window. During video switching, the terminal can maintain the positions of the interactive object and the video playback window unchanged.

[0082] In some embodiments, the interactive object may also include a video close control, which is used to exit video playback. For example... Figure 7A As shown, interactive object 700A is displayed, and a video close control 702 is displayed within interactive object 700A. In response to a trigger operation on the video close control, the terminal can hide the video playback window and the interactive object.

[0083] In some embodiments, the interactive object may also include a playlist control, which is used to view the user's favorites, history, and downloaded videos. Figure 7B As shown, the playlist control 704 is displayed in the interactive object 700B.

[0084] In some embodiments, the interactive object may also include a progress bar control, which allows users to adjust the video playback progress by clicking or sliding. Figure 7C As shown, a progress bar control 706 is displayed in the interactive object 700C.

[0085] In the above page display method, a first browser page is displayed, and a video playback window is displayed on the first browser page. The video playback window is used to display the video being played. If the video playback window meets the triggering conditions of the interactive object, the corresponding interactive object is displayed. The interactive object is displayed as a floating window on the page content of the first browser page. Interactive operations on the interactive object are obtained, and the playback of the video in the video playback window is controlled based on the interactive operations. In this way, since the interactive object is displayed as a floating window on the page content of the first browser page, the video playback can be controlled according to the interactive object. This avoids the inconvenience caused by the hiding of controls related to video playback, thereby improving page interaction efficiency and reducing the waste of resources during page interaction.

[0086] In related technologies, when using a browser's player in a pinned playback state, operations on the video content must be performed within the player itself. However, to avoid disrupting the web browsing experience, the player is positioned at the top, requiring both hands for player-related operations, which is inconvenient. This application's page display method allows for convenient video-related operations via interactive objects at the bottom of the webpage when the video is pinned. Users can easily operate the player with one hand, and the interactive objects do not interfere with normal web browsing when no operation is needed. This application's page display method separates basic operations (video-related controls) for pinned videos on a webpage, transforming them into a bottom "remote control" and interactive objects. Users can perform frequently used operations such as favorites, progress adjustment, fast forward / rewind, play / pause, and full-screen mode. These remote control clicks will affect the pinned video player at the top.

[0087] In some embodiments, if the video playback window meets the triggering conditions for the interactive object, the interactive object corresponding to the video playback window is displayed, including: when the video playback window is located at the top of the first browser page, displaying the interactive object corresponding to the video playback window on top of the page content.

[0088] The first browser page may contain a scrollable content area. This scrollable area displays content as the page is scrolled. The top and bottom of the first browser page can be the top and bottom of this scrollable content area, respectively, which can be understood as the edges. The video playback window is located at the top of the first browser page, meaning that the top of the video playback window overlaps with the top of the first browser page on the screen.

[0089] Specifically, the terminal determines the interactive view corresponding to the interactive object. For an interactive object in the first display form, the interactive view may include multiple subviews, such as subviews corresponding to each interactive control. The interactive object can be displayed by drawing the interactive view.

[0090] In some embodiments, the interactive view may further include a subview corresponding to the video description information. When drawing the interactive view, the terminal can obtain the video description information and set it onto the corresponding subview. Thus, by drawing the interactive view, interactive controls and video description information are displayed in the interactive object.

[0091] In this embodiment, when the video playback window is located at the top of the first browser page, the interactive object corresponding to the video playback window is displayed on top of the page content. This allows the video playback to be controlled through the interactive object when it is inconvenient to control the video playback through the controls in the video playback window, thereby improving the convenience of controlling video playback.

[0092] In some embodiments, when the distance between the video playback window and the interactive object reaches a preset distance threshold, at least part of the page content is displayed between the interactive object and the video playback window.

[0093] Among them, for example Figure 4 In the middle, the screen area between the interactive object 402 and the video playback window displays a portion of the page content. The distance reaching a preset distance threshold can be equal to or greater than a preset distance threshold. The preset distance threshold can be determined based on the display length of the first browser page. For example, the product of the display length of the first browser page and a second preset coefficient can be used as the preset distance threshold. The second preset coefficient is less than 1, for example, half or one-third of the display length of the first browser page. The display length of the first browser page refers to the length of the screen area occupied by the first browser page in the browsing direction, such as the length in the vertical direction of the screen.

[0094] Specifically, the video playback window is positioned closer to the top of the first browser page than the interactive object, or closer to the bottom of the first browser page than the interactive object. For example, the interactive object could be located at the bottom of the first browser page, while the video playback window is located at the top of the first browser page. Alternatively, the interactive object could be located at the top of the first browser page.

[0095] In this embodiment, the distance between the video playback window and the interactive object reaches a preset distance threshold, and at least part of the page content is displayed between the interactive object and the video playback window. This allows the video playback window and the interactive object to be separated, which helps to operate the video playback through the interactive object when it is inconvenient to directly operate the video playback window, thereby improving the interaction efficiency.

[0096] In some embodiments, the page display method further includes: responding to a swipe operation triggered within a first browser page, scrolling and displaying the page content of the first browser page following the swipe operation, while keeping the position of the interactive object unchanged.

[0097] The swipe action can be either a gesture that triggers the content of the first browser page to swipe towards the top of the first browser page, or a gesture that triggers the content of the first browser page to swipe towards the bottom of the first browser page.

[0098] In some embodiments, when the video playback window is displayed on top of the page content, if the swipe operation does not trigger the video playback window to be embedded from the top of the page content, the position of the interactive object remains unchanged; if the swipe operation triggers the video playback window to be embedded from the top of the page content, the interactive object is hidden.

[0099] In this embodiment, in response to a swipe operation triggered within the first browser page, the page content of the first browser page is scrolled and displayed following the swipe operation, while keeping the position of the interactive object unchanged. Thus, during the browsing of the page, the playback of the video in the video playback window can still be controlled through the interactive object, improving the interaction efficiency.

[0100] In some embodiments, displaying an interactive object corresponding to a video playback window includes: displaying an interactive object in a first display format corresponding to the video playback window, wherein the interactive object in the first display format displays interactive controls related to playing the video; and in response to a display format switching operation for the interactive object in the first display format, switching from displaying the interactive object in the first display format to displaying the interactive object in the second display format, wherein the interactive controls related to playing the video are hidden in the interactive object in the second display format.

[0101] In this setup, the interactive object in the second display format is smaller than the one in the first display format. The second display format can be understood as a collapsed state, while the first display format can be understood as an expanded state. Switching from displaying the first to the second display format can be achieved using an animation. For example, in the collapsed state, the object is a circle; when expanded, the width of this circle is dynamically stretched through animation, resulting in a remote control window with semicircles at both ends and a rectangle in the middle. Collapsing is achieved by dynamically setting the width of the middle rectangle to 0 through animation.

[0102] Specifically, the interactive object of the first display form may display a display form switching control, and the display form switching operation may be a trigger operation on the display form switching control. The display form switching operation may also be a sliding operation triggered in a preset direction within the interactive object of the first display form. The preset direction may be, but is not limited to, at least one of the following: the top direction of the page, the bottom direction of the page, or the side direction of the page.

[0103] In some embodiments, the terminal can switch from displaying an interactive object in a first display format to displaying an interactive object in a second display format by displaying an animation. For example, in response to a display format switching operation, the terminal can acquire and play a first animation, which is an animation of an interactive object changing from the first display format to the second display format.

[0104] In some embodiments, the interactive object in the second display form can hide some of the interactive controls in the interactive object in the first display form, and can display at least one interactive control. Furthermore, the interactive controls displayed in the interactive object in the second display form can be switched when a swipe operation is triggered within the interactive object. For example... Figure 8 As shown, an interactive object 800 with a second display format is demonstrated. Before the swipe operation, the interactive object 800 displays a control to start playback; after the swipe, a full-screen playback control is displayed. This allows for control of video playback while minimizing obstruction of page content.

[0105] In this embodiment, two different display formats are provided for the interactive object: one is a display format that shows the interactive control, and the other is a display format that hides the interactive control. The display format can be switched, allowing users to switch the display format of the interactive object as needed for convenient operation on the page and improve interaction efficiency.

[0106] In some embodiments, in response to a display form switching operation for an interactive object in a first display form, switching an interactive object from displaying the first display form to displaying the second display form includes: when a swipe operation triggered on a first browser page is detected, triggering a display form switching operation for the interactive object in the first display form, switching the interactive object from displaying the first display form to displaying the second display form.

[0107] The swipe action can be either a movement that triggers the content of the first browser page to slide towards the top of the page, or a movement that triggers the content of the first browser page to slide towards the bottom. A page can also be called a webpage.

[0108] Specifically, the terminal can monitor webpage scrolling events. When a scrolling event is detected, the terminal switches from displaying an interactive object in a first display format to displaying an interactive object in a second display format. For example, the first display format interactive object is a floating window of a remote control, and the second display format interactive object is a floating ball. When a scrolling event is detected, the terminal collapses the expanded remote control interface (the floating window) into a floating ball. The user can then tap the floating ball to expand the remote control interface again, allowing the user to control video playback while browsing the webpage.

[0109] The position of the floating ball can be adjusted based on user actions to avoid obscuring webpage content. The display and hiding of the floating ball are managed by WindowManager, ensuring the remote control interface can be easily expanded and collapsed when needed. The floating ball's design should be simple, aesthetically pleasing, and easy for users to identify and operate. Click events on the floating ball should correspond to the expansion and collapse operations of the remote control interface, ensuring a consistent and seamless user experience.

[0110] In some embodiments, if the swipe operation does not trigger the video playback window to be embedded from the top of the page content, the interactive object is switched from displaying the first display format to displaying the second display format. If the swipe operation triggers the video playback window to be embedded from the top of the page content, the interactive object is hidden.

[0111] In this embodiment, triggering a switch in display mode via a swipe operation helps to better browse the page. For example, when the video playback window is at the top of the page and the page content scrolls upwards, the user expects to browse the content scrolling out from the bottom. To avoid interactive objects obscuring the scrolling content, a second display mode can be switched, improving the efficiency of browsing the page.

[0112] In some embodiments, displaying a first browser page and displaying a video playback window on the first browser page includes: displaying a video playback area in the first browser page and displaying a video to be played within the video playback area, wherein the video playback area is an area embedded in the page content; in response to a first swipe operation triggered on the first browser page, scrolling the page content to the top of the first browser page following the first swipe operation; and when the distance between the video playback area and the top of the first browser page is reduced to a first preset distance, displaying a video playback window on top of the page content and switching from displaying the video using the video playback area to displaying the video using the video playback window.

[0113] The first preset distance can be determined based on the length of the video playback area in the browsing direction. For example, the first preset distance can be the product of the length of the video playback area in the browsing direction and a third preset coefficient, where the third preset coefficient is less than, for example, 0.2 or 0.1. Alternatively, the first preset distance can be a fixed value, such as 0.

[0114] Specifically, when the distance between the top of the video playback area and the top of the first browser page is reduced to a first preset distance, the video playback window and interactive objects are displayed on top of the page content. For example... Figure 9As shown, as the page content scrolls to the top, the video playback area gradually approaches the top of the first browser page. When the distance between the video playback area and the top of the first browser page shrinks to a first preset distance, a video playback window is displayed, along with an interactive object in a first display format. The top of the video playback window may overlap with the top of the first browser page, where the thick line represents the top of the first browser page. If the page content continues to scroll to the top, the video playback window remains in a different position and can switch from displaying an interactive object in the first display format to displaying an interactive object in a second display format.

[0115] In some embodiments, when the distance between the center of the video playback area and the top of the first browser page is reduced to a first preset distance, a video playback window is displayed on top of the page content. The video playback area may have a length and a width. The length refers to the size of the video playback area from the top to the bottom of the page. The first preset distance may be determined based on the length of the video playback area. The first preset distance is positively correlated with the length of the video playback area in the browsing direction. For example, the first preset distance may be half or one-third of the length of the video playback area.

[0116] In this embodiment, when the distance between the video playback area and the top of the first browser page is reduced to a first preset distance, a video playback window is displayed on top of the page content, and the display of the video is switched from using the video playback area to using the video playback window. This can prevent the embedded video playback area from leaving the page due to scrolling, thus affecting the viewing of the video.

[0117] In some embodiments, after displaying the video playback window on top of the page content, the method further includes: responding to a second swipe operation triggered on the first browser page, scrolling the page content to the bottom of the first browser page following the second swipe operation; and hiding the video playback window and displaying the video being played within the video playback area when the distance between the video playback area and the video playback window is reduced to a second preset distance.

[0118] The second preset distance can be set according to the length of the video playback area. For example, a preset coefficient can be set, which is less than 1, such as 0.1 or 0.2. The product of the preset coefficient and the length of the video playback area is used as the second preset distance. Alternatively, the second preset distance can be set to a fixed value, such as 0.

[0119] Specifically, if the distance between the top of the video playback area and the top of the video playback window is reduced to a second preset distance, the video playback window is hidden, and the video being played is displayed within the video playback area.

[0120] In some embodiments, if the distance between the bottom of the video playback area and the bottom of the video playback window is reduced to a second preset distance, the video playback window is hidden, and the video being played is displayed within the video playback area. For example... Figure 9 In the diagram, the dashed box represents the video playback area. The video playback window covers the video playback area, hence the dashed box represents the video playback area. When the page content scrolls to the bottom, the video playback area moves to the bottom of the page. When the terminal detects that the distance between the bottom of the video playback area and the bottom of the video playback window has decreased to a second preset distance, the video playback window and interactive objects can be hidden, and the task of displaying the video can be handed over to the video playback area. Figure 9 In the middle, when the page content scrolls down, you can switch from displaying the interactive object in the second display form to displaying the interactive object in the first display form, or you can keep displaying the interactive object in the second display form.

[0121] In this embodiment, when the distance between the video playback area and the video playback window is reduced to a second preset distance, it means that the video playback area gradually enters the screen, thereby hiding the video playback window and displaying the video being played in the video playback area. This allows the video to be played in the video playback area again, so that the page content is not obscured by the video playback window as much as possible.

[0122] In some embodiments, displaying a video in a video playback area includes: displaying a video playback panel in the video playback area and displaying the video in the video playback panel; displaying a video playback window on top of the page content and switching from displaying the video in the video playback area to displaying the video in the video playback window includes: hiding the video playback panel to stop displaying the video in the video playback area, displaying the video playback window on top of the page content, and displaying the video in the video playback window.

[0123] The video playback window differs from the video playback panel, but both are used to display the video being played.

[0124] Specifically, the location of the video playback area can be preset in the first browser page, and the video playback panel is used to display the video being played. When the terminal determines that a video needs to be played in the first browser page, it can create a video playback panel, determine the video playback area, display the first browser page, and embed the video playback panel within the video playback area for display.

[0125] In some embodiments, when the video playback window is triggered, the terminal can display the video being played in the video playback window. To avoid the video playback window and the video playback panel playing videos simultaneously, the video playback panel can be hidden.

[0126] In some embodiments, to avoid conflicts with existing video components on a webpage, such as video playback panels, the terminal can disable the existing video components on the webpage. This allows the custom player to completely take over the video playback function, providing a richer playback and control experience.

[0127] In this embodiment, the video playback panel is hidden to stop the video from being displayed in the video playback area. Instead, a video playback window is displayed on top of the page content, and the video is displayed within the video playback window. This avoids the simultaneous playback of videos in the video playback window and the video playback panel, reducing interference.

[0128] In some embodiments, displaying a video in a video playback area includes: displaying an embedded video playback window in the video playback area and displaying the video in the video playback window; displaying a video playback window on top of the page content and switching from displaying the video in the video playback area to displaying the video in the video playback window includes: changing the video playback window from being embedded in the video playback area to being displayed on top of the page content.

[0129] Specifically, the terminal can embed the video playback window into the video playback area by setting its position, and can display the video playback window on top of the page content by setting its position and its layer on the page.

[0130] In some embodiments, the display of the video playback window is achieved by drawing a view group corresponding to the video playback window. The view group includes a control panel view and a video display view. The control panel view is used to present video-related controls, while the video display view is used to present the video. The terminal can implement the video overlay, i.e., the video playback window, using a video display view (SurfaceView) for video playback and a playback panel view (Control Panel View) for controlling video playback. Specifically, when the terminal displays the first browser page, it can create a SurfaceView for video playback and a playback panel view for controlling video playback: after detecting the presence of a video element on the webpage, a custom SurfaceView is created for video playback, and a playback panel view is created to control video playback. The SurfaceView is used to render the video content, while the playback panel view provides playback control functions such as play, pause, fast forward, rewind, speed adjustment, and full-screen playback. Then, the playback panel view and the SurfaceView are combined into a view group and provided to the kernel to embed the video playback window within the video playback area of ​​the webpage. The terminal can monitor webpage scrolling. When the video playback area scrolls to the top of the webpage, the view group consisting of the playback panel view and the SurfaceView is detached from the webpage and placed separately at the top. As the webpage scrolls down, the monitoring continues. When the top of the video playback area scrolls to the top of the page, the previously detached view group is placed back into the video playback area in the webpage layout, thus embedding the video playback window within the video playback area.

[0131] In this embodiment, the terminal can achieve different display methods by setting the video playback window to different positions.

[0132] In some embodiments, the video playback window and the interactive object are respectively set with application floating window permissions. The method further includes: in response to a page switching operation, switching from displaying a first browser page to displaying a second browser page, and displaying the video playback window and the interactive object on top of the second browser page based on the application floating window permissions.

[0133] If the video playback window and the interactive object are each set with application floating window permissions, then when switching pages, the video playback window and the interactive object can be retained, and the video playback window and the interactive object can be displayed on top of the page content in the switched page.

[0134] Specifically, when creating a video playback window and interactive objects, the terminal can set application floating window permissions for the video playback window and interactive objects.

[0135] In this embodiment, since the video playback window and the interactive object are respectively set with application floating window permissions, the video playback window and the interactive object can be displayed across pages, which improves the flexibility of interaction.

[0136] In some embodiments, the first browser page is provided by a browser application. Displaying a video playback window on the first browser page includes: creating a video playback view corresponding to the video playback window; adding the video playback view to the top layer of the root view of the browser application to give the video playback window application floating window permissions; drawing the video playback view to display the video playback window at the top layer of the first browser page; and displaying an interactive object corresponding to the video playback window, including: creating an interactive view corresponding to the interactive object; adding the interactive view to the top layer of the root view of the browser application to give the interactive object application floating window permissions; and drawing the interactive view to display the interactive object at the top layer of the first browser page.

[0137] Specifically, the root view can be understood as the root layout of the application, such as DecorView. DecorView is the root layout of the application, and the visible interface elements need to be added to this DecorView. The terminal can add the view to the current application's DecorView and add the interface of the application's floating window to the very top of the DecorView, thereby achieving floating above other application elements seen by the user.

[0138] In this embodiment, by adding the video playback view to the top layer of the root view of the browser application and the interactive view to the top layer of the root video of the browser application, application floating window permissions can be quickly and conveniently set for the video playback window and interactive objects.

[0139] In some embodiments, a permission request control corresponding to the system floating window permission is displayed in the video playback window. The method further includes: in response to a triggering operation on the permission request control, triggering the setting of system floating window permission for the video playback window and triggering the setting of system floating window permission for the interactive object; in response to a browser closing operation, closing the first browser page, and retaining the video playback window and the interactive object based on the system floating window permission of the video playback window and the interactive object.

[0140] The system floating window permission allows the video playback window and interactive objects to remain visible even when the browser window is closed, improving display flexibility. The system floating window is implemented in WindowManager through system-provided interfaces. For example, it requires requesting the SYSTEM_ALERT_WINDOW permission, and then the WindowManager adds the views corresponding to the video playback window and interactive objects to the system window.

[0141] Specifically, when the terminal detects a triggered operation on a permission request control in the video playback window, it can automatically grant the video playback window system floating window permissions, or grant system floating window permissions after obtaining user authorization. When the terminal detects that the video playback window has system floating window permissions, it can automatically grant system floating window permissions to the interactive object.

[0142] In this embodiment, the triggering operation of the permission request control in the video playback window can trigger the setting of system floating window permissions for the video playback window and interactive objects, thereby improving the efficiency of setting system floating window permissions.

[0143] In some embodiments, the interactive object includes at least one of the following controls: a playback progress change control and a playback mode switching control. Obtaining an interactive operation on the interactive object and controlling the playback of the video within the video playback window based on the interactive operation includes at least one of the following steps: responding to a progress change operation on the playback progress change control, updating the playback progress of the video within the video playback window based on the progress change operation; responding to a mode switching operation on the playback mode switching control, rotating the video playback window and changing its size, and changing the playback attributes of the video within the video playback window to make the video adapt to the video playback window.

[0144] Among them, the playback progress change control may be, but is not limited to, play / pause control, fast forward control, rewind control, and speed adjustment control, and the playback mode switch control may be, but is not limited to, full-screen playback control.

[0145] In this embodiment, the playback progress change control and playback mode switching control can be used to conveniently control the playback progress and playback mode of the video, improving the efficiency of video playback control and thus improving the page's interactive efficiency.

[0146] In some embodiments, the interactive object includes a webpage bookmarking control, and the method further includes: in response to a triggering operation on the webpage bookmarking control, when logging into the browser with a user account, triggering the addition of a link to a first browser page to the bookmarks provided by the browser and associated with the user account.

[0147] In response to the triggering operation of the webpage bookmarking control, if the browser application is not logged in, the terminal will provide a login prompt message to encourage users to log in to the browser application with their user account. If users log in to the browser with their user account, the terminal will trigger the addition of a link to the first browser page to the bookmarks associated with the user account provided by the browser.

[0148] In this embodiment, by displaying a bookmark control in the interactive object floating on the page, the page can be bookmarked more conveniently, improving the efficiency of bookmarking the page and thus improving the page interaction efficiency.

[0149] In some embodiments, displaying a first browser page and displaying a video playback window on the first browser page includes: displaying a third browser page and displaying a video playback entry corresponding to the video within the third browser page; responding to a triggering operation on the video playback entry, displaying the first browser page, displaying a video playback window on top of the page content of the first browser page, and the video playback window satisfying the triggering conditions of the interactive object.

[0150] The target distance can be a pre-set fixed value, which can be, but is not limited to, 0 or a value close to 0. The target distance can also be determined based on the length of the video playback window, which refers to the size of the video playback window from the bottom to the top of the page. For example, a preset scaling factor can be obtained, and the product of the preset scaling factor and the length of the video playback window can be used as the target distance. For the distances involved in this application, the unit of distance can be pixels or centimeters, etc. The specific unit of distance is not limited.

[0151] Specifically, the third-party browser page can display video description information, such as a cover image, and a video playback entry point can be displayed corresponding to the video description information. When a triggering operation on the video playback entry point, such as a click, is detected, the first-party browser page for playing the video can be displayed, and the video playback window can be automatically shown. Furthermore, the interactive object can also be automatically displayed if the interaction triggering conditions include the distance between the top of the video playback window and the top of the first-party browser page being less than or equal to a target distance.

[0152] In this embodiment, in response to a trigger operation targeting the video playback entry point, a first browser page is displayed, and a video playback window is displayed on top of the page content of the first browser page. The video playback window meets the trigger conditions for the interactive object, so that when entering the first browser page, the video playback window and the interactive object can be automatically displayed, thereby providing convenience for users to browse pages and watch videos and further improving interaction efficiency.

[0153] In some embodiments, such as Figure 10 As shown, a page display method is provided. This method can be executed by a terminal or a server, or by both a terminal and a server. Taking the application of this method to a terminal as an example, it includes the following steps 1002 to 1024. Wherein:

[0154] Step 1002: Display the third browser page and show the video playback entry corresponding to the video within the third browser page.

[0155] The browser page is provided by a browser, which can be, but is not limited to, Android mobile browsers based on the X5 kernel. However, it is not limited to Android phones. Because browser kernels have cross-platform capabilities, technical solutions for mobile terminal browsers or browsing services can all be implemented using this approach.

[0156] Step 1004: In response to the triggered operation for the video playback entry point, the first browser page is displayed.

[0157] In response to a trigger operation targeting the video playback entry, the terminal obtains the page data of the first browser page. When the page data contains video indication information, the terminal displays the first browser page and shows the video playback window on top of the page content of the first browser page.

[0158] The terminal can determine video identifiers, such as URLs used to retrieve videos, from page data, retrieve the video based on the URL, play the video, and display the playing video in the video playback window. Video indication information may include video tags; the presence of video tags in the page data indicates the existence of a video to be played. Page content can be understood as the fixed content displayed in the browser's layout during the display process.

[0159] Step 1006: Display the video playback area in the first browser page and display the video being played within the video playback area. The video playback area is an area embedded in the page content.

[0160] Step 1008: In response to the first swipe operation triggered on the first browser page, scroll the page content to the top of the first browser page following the first swipe operation.

[0161] Step 1010: When the distance between the video playback area and the top of the first browser page is reduced to a first preset distance, a video playback window is displayed at the top of the page content, and an interactive object of the first display form corresponding to the video playback window is displayed, and the display of the video is switched from using the video playback area to using the video playback window.

[0162] Specifically, the distance between the video playback window and the interactive object reaches a preset distance threshold, and at least part of the page content is displayed between the interactive object and the video playback window. The distance between the interactive object and the bottom of the first browser page is less than or equal to a preset target distance threshold. The interactive object is displayed as a floating window on the first browser page. The interactive object in the first display form includes playback progress change controls, playback mode switching controls, and webpage favorites controls.

[0163] Step 1012: In response to a progress change operation on the playback progress change control, update the playback progress of the video in the video playback window based on the progress change operation.

[0164] Step 1014: In response to the mode switching operation of the playback mode switching control, rotate the video playback window and change the size of the video playback window, and change the playback attributes of the video in the video playback window so that the video adapts to the video playback window.

[0165] Step 1016: In response to the trigger operation of the webpage bookmark control, if the user is logged into the browser with a user account, trigger the addition of a link to the first browser page to the bookmarks provided by the browser and associated with the user account.

[0166] Step 1018: When the video playback window is located at the top of the page content, in response to continuing to scroll the page content to the top of the first browser page, switch the interactive object from displaying the first display form to displaying the second display form.

[0167] The interactive object in the first display form shows interactive controls related to video playback; the interactive object in the second display form hides these controls. The first display form can be understood as a remote control, specifically the video interaction area at the bottom when the video is in top playback mode. Functions within this area can affect the status of the currently playing video. The second display form can be a floating button. When the video is in top playback mode, continuously swiping upwards on the webpage or actively clicking the "zoom out" button on the remote control will turn the remote control into a floating button; clicking the button again or swiping upwards will return the floating button to its original remote control form.

[0168] Step 1020: In response to the second swipe operation triggered on the first browser page, scroll the page content to the bottom of the first browser page following the second swipe operation.

[0169] Step 1022: If the distance between the video playback area and the video playback window has not been reduced to the second preset distance, keep the video playback window stationary and switch from displaying the interactive object in the second display format to displaying the interactive object in the first display format.

[0170] Step 1024: When the distance between the video playback area and the video playback window is reduced to a second preset distance, hide the video playback window and interactive objects, and display the video being played within the video playback area.

[0171] In this embodiment, since the distance between the video playback window and the interactive object reaches a preset distance threshold, at least a portion of the page content is displayed between the interactive object and the video playback window, thus achieving the effect of separating the video playback window from the interactive object. Because the distance between the interactive object and the bottom of the first browser page is less than or equal to the preset target distance threshold, even when the video playback window is positioned near the top of the screen, the user can still easily control video playback through the interactive object, for example, by operating the interactive object with one hand. This improves interaction efficiency. Furthermore, since the interactive object is displayed as a floating window on the first browser page, it will not scroll along with the page content when the page content scrolls, preventing it from leaving the screen. This allows the user to easily control video playback through the interactive object while browsing the page, further improving interaction efficiency and reducing resource waste during page interaction.

[0172] This application embodiment can support top-down playback. Top-down playback means that when browsing a webpage using a browser and playing a video using the browser's self-developed player, swiping up the page causes the video to float at the top of the browser frame, and the video continues to play without disappearing with the swipe gesture.

[0173] This application's page display method enables the implementation of video overlays and remote control functionality on the X5-based Android mobile QQ browser, providing a richer video playback and control experience. The video overlay is displayed and controlled using a custom SurfaceView and playback panel View; the remote control is displayed as a floating window using WindowManager, ensuring it doesn't disappear when switching web pages; and the remote control interface is displayed and controlled by adding function buttons and monitoring web page swipe events. This page display method is not only applicable to Android phones but can also be applied to other mobile terminal browsers or browsing services, demonstrating broad applicability and promotional value.

[0174] The page display method provided in this application can be applied to browser pages provided by any browser application. In the traditional method, (1) when the area or window where the video is played is located at the top of the page, if the mobile phone screen is large, it is not easy to control the playback of the video with one hand. (2) the video-related controls on the page will leave the screen due to page scrolling, making it impossible to perform quick operations on the video based on the controls; (3) usually the video-related controls on the page do not directly control the playback progress of the currently playing video, for example, there are no interactive controls such as pause playback, start playback, fast forward or rewind. However, the page display method provided in this application allows for easy one-handed control of video playback because the distance between the interactive object and the bottom of the first browser page is less than or equal to a preset target distance threshold. Since the interactive object floats on the page content of the first browser page, it does not scroll with the page content, preventing it from leaving the screen and allowing for quick video operations. Furthermore, the interactive object includes a playback progress control, updating the video playback progress in the video playback window based on progress change operations, allowing for quick adjustments to the currently playing video's progress. This improves interaction efficiency and reduces resource waste during page interaction.

[0175] For example, this can be applied to scenarios where the video playback area in a browser page on a mobile terminal or web client is swiped to the top. The single video could be a movie or TV series. The terminal can display the corresponding playback entry point for the video on the browser page. In response to a trigger operation on that playback entry point, the terminal displays the first browser page. The first browser page can default to a fixed video playback area within the first browser page. Content can be displayed in the area between this area and the top of the page, and also in the area between this area and the bottom of the page. When a swipe operation is detected on the first browser page, if the swipe is towards the top of the page, the page content containing the video playback area is scrolled to the top of the page. When the top of the video playback area reaches the top of the page, the video playback window is displayed on top, and the display method switches from using the video playback area to using the video playback window. An interactive object is displayed on the top layer of the page, and the interactive object is close to the bottom of the page. For example, the distance between the interactive object and the bottom of the page is less than or equal to a preset target distance threshold. Thus, when the video playback window is displayed on top, the video playback can be quickly controlled through the interactive object near the bottom of the page, improving the page's interaction efficiency and saving resources in the scenario of playing video on top.

[0176] For example, it can also be applied to video teaching scenarios. The first browser page can be a page related to the teaching video. The teaching video can be displayed in a video playback window near the top of the page. If the video playback window meets the trigger conditions for an interactive object, the corresponding interactive object is displayed near the bottom of the page. Content related to the teaching video can be displayed in the screen area between the interactive object and the video playback window, such as test questions explained in the video or their solutions. This allows users to watch the teaching video and browse related content simultaneously. Furthermore, the playback of the video displayed near the top can be controlled via the interactive object near the bottom, such as fast-forwarding or rewinding. This method provides convenience for watching teaching videos on mobile devices, making it easier for students to operate the video playback with one hand and improving the efficiency of watching teaching videos.

[0177] For example, this can also be applied to scenarios where the browser page defaults to displaying a video playback area or window on top. In this scenario, the terminal responds to the trigger operation of displaying the browser page. If it detects that the browser page contains a video, it can display the browser page and display the video playback window on top of it, along with an interactive object near the bottom of the page. When the browser page is closed, the video playback window and interactive object can be retained. Alternatively, when the browser page is closed, both the video playback window and interactive object can be closed simultaneously. Therefore, for scenarios where videos are played on top by default, video playback can be controlled more conveniently, improving interaction efficiency and saving resources.

[0178] It should be understood that although the steps in the flowcharts of the above embodiments are shown sequentially according to the arrows, these steps are not necessarily executed in the order indicated by the arrows. Unless explicitly stated herein, there is no strict order restriction on the execution of these steps, and they can be executed in other orders. Moreover, at least some steps in the flowcharts of the above embodiments may include multiple steps or multiple stages. These steps or stages are not necessarily completed at the same time, but can be executed at different times. The execution order of these steps or stages is not necessarily sequential, but can be performed alternately or in turn with other steps or at least some of the steps or stages of other steps.

[0179] Based on the same inventive concept, this application also provides a page display device for implementing the page display method described above. The solution provided by this device is similar to the implementation described in the above method; therefore, the specific limitations in one or more page display device embodiments provided below can be found in the limitations of the page display method described above, and will not be repeated here.

[0180] In some embodiments, such as Figure 11 As shown, a page display device is provided, including: a page display module 1102, an interactive object display module 1104, and a playback control module 1106, wherein:

[0181] The page display module 1102 is used to display the first browser page, and the first browser page displays a video playback window, which is used to display the video being played.

[0182] The interactive object display module 1104 is used to display the interactive object corresponding to the video playback window if the video playback window meets the interactive object triggering conditions. The interactive object is displayed as a floating window on the page content of the first browser page.

[0183] The playback control module 1106 is used to obtain interactive operations for interactive objects and control the playback of video in the video playback window based on the interactive operations.

[0184] In some embodiments, the interactive object display module 1104 is further configured to display the interactive object corresponding to the video playback window on top of the page content when the video playback window is located at the top of the first browser page.

[0185] In some embodiments, when the distance between the video playback window and the interactive object reaches a preset distance threshold, at least part of the page content is displayed between the interactive object and the video playback window.

[0186] In some embodiments, the device further includes a sliding response module, which is configured to respond to a sliding operation triggered within the first browser page, scroll and display the page content of the first browser page following the sliding operation, and keep the position of the interactive object unchanged.

[0187] In some embodiments, the interactive object display module 1104 is further configured to display an interactive object in a first display form corresponding to the video playback window, wherein the interactive object in the first display form displays interactive controls related to playing the video; in response to a display form switching operation for the interactive object in the first display form, the display is switched from displaying the interactive object in the first display form to displaying the interactive object in the second display form, wherein the interactive controls related to playing the video are hidden in the interactive object in the second display form.

[0188] In some embodiments, the interactive object display module 1104 is further configured to, when a swipe operation triggered on the first browser page is detected, trigger a display form switching operation for the interactive object in the first display form, switching from displaying the interactive object in the first display form to displaying the interactive object in the second display form.

[0189] In some embodiments, the page display module 1102 is further configured to display a video playback area in a first browser page and display the video being played within the video playback area, wherein the video playback area is an area embedded in the page content; in response to a first swipe operation triggered on the first browser page, scroll the page content to the top of the first browser page following the first swipe operation; when the distance between the video playback area and the top of the first browser page is reduced to a first preset distance, display a video playback window on top of the page content and switch from displaying the video using the video playback area to displaying the video using the video playback window.

[0190] In some embodiments, after the video playback window is displayed on top of the page content, the page display module 1102 is further configured to respond to a second swiping operation triggered on the first browser page, and scroll the page content to the bottom of the first browser page following the second swiping operation; when the distance between the video playback area and the video playback window is reduced to a second preset distance, the video playback window is hidden, and the video being played is displayed in the video playback area.

[0191] In some embodiments, the page display module 1102 is further configured to display a video playback panel in the video playback area and display the video being played in the video playback panel; hide the video playback panel to stop the video being played in the video playback area, display a video playback window on top of the page content, and display the video being played in the video playback window.

[0192] In some embodiments, the page display module 1102 is further configured to display an embedded video playback window in the video playback area and display the video being played in the video playback window; changing the video playback window from being embedded in the video playback area to being displayed on top of the page content.

[0193] In some embodiments, the video playback window and the interactive object are respectively set with application floating window permissions. The page display module 1102 is also used to switch from displaying the first browser page to displaying the second browser page in response to the page switching operation, and display the video playback window and the interactive object on the upper layer of the second browser page based on the application floating window permissions.

[0194] In some embodiments, the first browser page is provided by a browser application. The page display module 1102 is further configured to create a video playback view corresponding to the video playback window, add the video playback view to the top layer of the root view of the browser application so that the video playback window has application floating window permissions; and draw the video playback view to display the video playback window at the top layer of the first browser page. The interactive object display module 1104 is further configured to create an interactive view corresponding to the interactive object, add the interactive view to the top layer of the root view of the browser application so that the interactive object has application floating window permissions; and draw the interactive view to display the interactive object at the top layer of the first browser page.

[0195] In some embodiments, a permission request control corresponding to the system floating window permission is displayed in the video playback window. The device further includes: a permission setting module, used to trigger the setting of system floating window permission for the video playback window and the setting of system floating window permission for the interactive object in response to a trigger operation on the permission request control; and a browser closing response module, used to close the first browser page in response to a browser closing operation, and retain the video playback window and the interactive object based on the system floating window permission of the video playback window and the interactive object.

[0196] In some embodiments, the interactive object includes at least one of the following controls: a playback progress change control and a playback mode switching control. The playback control module 1106 is further configured to perform at least one of the following steps: in response to a progress change operation on the playback progress change control, updating the playback progress of the video in the video playback window based on the progress change operation; in response to a mode switching operation on the playback mode switching control, rotating the video playback window and changing the size of the video playback window, and changing the playback attributes of the video in the video playback window so that the video adapts to the video playback window.

[0197] In some embodiments, the interactive object includes a webpage bookmarking control, and the device further includes a bookmarking response module for responding to a trigger operation on the webpage bookmarking control, and, when logging into the browser with a user account, triggering the addition of a link to the first browser page to the bookmarks provided by the browser and associated with the user account.

[0198] In some embodiments, the page display module 1102 is further configured to display a third browser page and display a video playback entry corresponding to the video within the third browser page; in response to a trigger operation on the video playback entry, a first browser page is displayed, and a video playback window is displayed on top of the page content of the first browser page; wherein the distance between the top of the video playback window and the top of the first browser page is less than a target distance.

[0199] The modules in the aforementioned page display device can be implemented entirely or partially through software, hardware, or a combination thereof. These modules can be embedded in or independent of the processor in the computer device in hardware form, or stored in the memory of the computer device in software form, so that the processor can call and execute the operations corresponding to each module.

[0200] In some embodiments, a computer device is provided, which may be a terminal, and its internal structure diagram may be as follows: Figure 12 As shown, the computer device includes a processor, memory, input / output interfaces, a communication interface, a display unit, and an input device. The processor, memory, and input / output interfaces are connected via a system bus, and the communication interface, display unit, and input device are also connected to the system bus via the input / output interfaces. The processor provides computing and control capabilities. The memory includes non-volatile storage media and internal memory. The non-volatile storage media stores the operating system and computer programs. The internal memory provides an environment for the operation of the operating system and computer programs stored in the non-volatile storage media. The input / output interfaces are used for exchanging information between the processor and external devices. The communication interface is used for wired or wireless communication with external terminals; wireless communication can be achieved through Wi-Fi, mobile cellular networks, Near Field Communication (NFC), or other technologies. When the computer program is executed by the processor, it implements a page display method. The display unit of the computer device forms a visually visible image and can be a display screen, a projection device, or a virtual reality imaging device. The display screen can be an LCD screen or an e-ink screen. The input device of the computer device can be a touch layer covering the display screen, or buttons, trackballs, or touchpads set on the casing of the computer device, or external keyboards, touchpads, or mice, etc.

[0201] In some embodiments, a computer device is provided, which may be a server, and its internal structure diagram may be as follows: Figure 13As shown, this computer device includes a processor, memory, input / output (I / O) interfaces, and a communication interface. The processor, memory, and I / O interfaces are connected via a system bus, and the communication interface is also connected to the system bus via the I / O interfaces. The processor provides computational and control capabilities. The memory includes non-volatile storage media and internal memory. The non-volatile storage media stores the operating system, computer programs, and a database. The internal memory provides the environment for the operation of the operating system and computer programs stored in the non-volatile storage media. The database stores data involved in the page display method. The I / O interfaces are used for exchanging information between the processor and external devices. The communication interface is used for communicating with external terminals via a network connection. When the computer program is executed by the processor, it implements a page display method.

[0202] Those skilled in the art will understand that Figure 12 and Figure 13 The structure shown is merely a block diagram of a portion of the structure related to the present application and does not constitute a limitation on the computer device to which the present application is applied. Specific computer devices may include more or fewer components than those shown in the figure, or combine certain components, or have different component arrangements.

[0203] In some embodiments, a computer device is provided, including a memory and a processor, wherein the memory stores a computer program, and the processor executes the computer program to implement the steps in the page display method described above.

[0204] In one embodiment, a computer-readable storage medium is provided having a computer program stored thereon, which, when executed by a processor, implements the steps in the page display method described above.

[0205] In one embodiment, a computer program product is provided, including a computer program that, when executed by a processor, implements the steps in the page display method described above.

[0206] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, data stored, data displayed, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties, and the collection, use and processing of the relevant data must comply with relevant regulations.

[0207] Those skilled in the art will understand that all or part of the processes in the methods of the above embodiments can be implemented by a computer program instructing related hardware. The computer program can be stored in a non-volatile computer-readable storage medium, and when executed, it can include the processes of the embodiments of the above methods. Any references to memory, databases, or other media used in the embodiments provided in this application can include at least one of non-volatile memory and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive random access memory (ReRAM), magnetic random access memory (MRAM), ferroelectric random access memory (FRAM), phase change memory (PCM), graphene memory, etc. Volatile memory can include random access memory (RAM) or external cache memory, etc. By way of illustration and not limitation, RAM can take many forms, such as Static Random Access Memory (SRAM) or Dynamic Random Access Memory (DRAM). The databases involved in the embodiments provided in this application may include at least one type of relational database and non-relational database. Non-relational databases may include, but are not limited to, blockchain-based distributed databases. The processors involved in the embodiments provided in this application may be general-purpose processors, central processing units, graphics processing units, digital signal processors, programmable logic devices, quantum computing-based data processing logic devices, artificial intelligence (AI) processors, etc., and are not limited to these.

[0208] The technical features of the above embodiments can be combined in any way. For the sake of brevity, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this application.

[0209] The embodiments described above are merely illustrative of several implementation methods of this application, and while the descriptions are specific and detailed, they should not be construed as limiting the scope of this application. It should be noted that those skilled in the art can make various modifications and improvements without departing from the concept of this application, and these all fall within the protection scope of this application. Therefore, the protection scope of this application should be determined by the appended claims.

Claims

1. A page display method, characterized in that, The method includes: Display a first browser page, and display a video playback window on the first browser page, the video playback window being used to display the video being played; If the video playback window meets the interactive object triggering condition, the interactive object corresponding to the video playback window is displayed, and the interactive object is displayed as a floating window on the page content of the first browser page; Obtain the interaction operation for the interaction object, and control the playback of the video in the video playback window based on the interaction operation.

2. The method according to claim 1, characterized in that, If the video playback window meets the interactive object triggering condition, then display the interactive object corresponding to the video playback window, including: When the video playback window is located at the top of the first browser page, the interactive object corresponding to the video playback window is displayed on top of the page content.

3. The method according to claim 1, characterized in that, When the distance between the video playback window and the interactive object reaches a preset distance threshold, at least part of the page content is displayed between the interactive object and the video playback window.

4. The method according to claim 1, characterized in that, The method further includes: In response to a swipe operation triggered within the first browser page, the page content of the first browser page is scrolled and displayed following the swipe operation, while keeping the position of the interactive object unchanged.

5. The method according to claim 1, characterized in that, The interactive object that displays the video playback window includes: The interactive object in the first display form corresponding to the video playback window is displayed, wherein the interactive object in the first display form displays interactive controls related to playing the video; In response to a display format switching operation for the interactive object in the first display format, the interactive object in the first display format is switched to an interactive object in the second display format, wherein the interactive controls related to playing the video are hidden in the interactive object in the second display format.

6. The method according to claim 5, characterized in that, The step of switching the display format of an interactive object in response to a display format switching operation for the first display format from displaying the first display format to displaying the second display format includes: When a swipe operation is detected on the first browser page, a display format switching operation is triggered for the interactive object in the first display format, switching from displaying the interactive object in the first display format to displaying the interactive object in the second display format.

7. The method according to claim 1, characterized in that, The step of displaying a first browser page and displaying a video playback window on the first browser page includes: A video playback area is displayed on the first browser page, and the video being played is displayed within the video playback area, wherein the video playback area is an area embedded in the page content; In response to a first swipe operation triggered on the first browser page, the page content is scrolled to the top of the first browser page following the first swipe operation; When the distance between the video playback area and the top of the first browser page is reduced to a first preset distance, a video playback window is displayed on top of the page content, and the display of the video is switched from using the video playback area to using the video playback window.

8. The method according to claim 7, characterized in that, After displaying the video playback window on top of the page content, the method further includes: In response to a second swipe operation triggered on the first browser page, the page content is scrolled to the bottom of the first browser page following the second swipe operation; When the distance between the video playback area and the video playback window is reduced to a second preset distance, the video playback window is hidden, and the video being played is displayed within the video playback area.

9. The method according to claim 7, characterized in that, The video displayed and played within the video playback area includes: A video playback panel is displayed within the video playback area, and the video being played is displayed on the video playback panel; The step of displaying a video playback window on top of the page content and switching from displaying the video using the video playback area to displaying the video using the video playback window includes: Hide the video playback panel to stop displaying the video in the video playback area, display a video playback window on top of the page content, and display the video in the video playback window.

10. The method according to claim 7, characterized in that, The video displayed and played within the video playback area includes: An embedded video playback window is displayed within the video playback area, and the video being played is displayed in the video playback window; The step of displaying a video playback window on top of the page content and switching from displaying the video using the video playback area to displaying the video using the video playback window includes: The video playback window is changed from being embedded in the video playback area to being displayed on top of the page content.

11. The method according to claim 1, characterized in that, The video playback window and the interactive object are respectively set with application floating window permissions, and the method further includes: In response to a page switching operation, the display of the first browser page is switched to the display of the second browser page, and based on the application floating window permission, the video playback window and the interactive object are displayed on top of the second browser page.

12. The method according to claim 11, characterized in that, The first browser page is provided by a browser application, and displaying a video playback window on the first browser page includes: Create a video playback view corresponding to the video playback window, and add the video playback view to the top level of the root view of the browser application so that the video playback window has application floating window permissions. Draw the video playback view to display the video playback window at the top level of the first browser page; The interactive object that displays the video playback window includes: Create an interactive view corresponding to the interactive object, and add the interactive view to the top level of the root video of the browser application so that the interactive object has the application floating window permission. Draw the interactive view to display the interactive object at the top level of the first browser page.

13. The method according to claim 1, characterized in that, The video playback window displays a permission request control corresponding to the system floating window permission, and the method further includes: In response to the triggering operation of the permission request control, the system floating window permission is set for the video playback window, and the system floating window permission is set for the interactive object; In response to the browser closing operation, the first browser page is closed, but the video playback window and the interactive object are retained based on the system floating window permissions of the video playback window and the interactive object.

14. The method according to claim 1, characterized in that, The interactive object includes at least one of the following controls: playback progress change control, playback mode switching control. Obtaining the interactive operation on the interactive object and controlling the playback of the video in the video playback window based on the interactive operation includes at least one of the following steps: In response to a progress change operation on the playback progress change control, the playback progress of the video in the video playback window is updated based on the progress change operation. In response to a mode switching operation on the playback mode switching control, the video playback window is rotated and its size is changed, and the playback attributes of the video within the video playback window are changed so that the video adapts to the video playback window.

15. The method according to claim 1, characterized in that, The interactive object includes a webpage bookmarking control, and the method further includes: In response to a trigger operation on the webpage bookmark control, when logging into the browser application with a user account, a link to the first browser page is added to the bookmarks provided by the browser and associated with the user account.

16. The method according to claim 1, characterized in that, The step of displaying a first browser page and displaying a video playback window on the first browser page includes: Display a third browser page, and display the video playback entry corresponding to the video within the third browser page; In response to a trigger operation on the video playback entry point, the first browser page is displayed, and a video playback window that meets the trigger conditions of the interactive object is displayed on the first browser page.

17. A page display device, characterized in that, The device includes: A page display module is used to display a first browser page, and a video playback window is displayed on the first browser page, wherein the video playback window is used to display the video being played. An interactive object display module is used to display the interactive object corresponding to the video playback window if the video playback window meets the interactive object triggering condition. The interactive object is displayed as a floating window on the page content of the first browser page. The playback control module is used to acquire interactive operations for the interactive object and control the playback of the video in the video playback window based on the interactive operations.

18. A computer device comprising a memory and a processor, wherein the memory stores a computer program, characterized in that, When the processor executes the computer program, it implements the steps of the method according to any one of claims 1 to 16.

19. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the computer program is executed by a processor, it implements the steps of the method according to any one of claims 1 to 16.

20. A computer program product, comprising a computer program, characterized in that, When the computer program is executed by a processor, it implements the steps of the method according to any one of claims 1 to 16.

Images