CN117807333A - Page display method and display device - Google Patents

Abstract

The embodiment of the application discloses a page display method and display equipment, wherein the method comprises the following steps: responding to a first operation instruction sent by the control device, controlling the graphic processor to render the target page indicated by the first operation instruction, and controlling the display to display the rendered target page; responding to a second operation instruction sent by the control device after the direction key is triggered, and controlling the display to scroll the target page along a second direction opposite to the first direction indicated by the second operation instruction; if the target page is detected to be in the first rolling state, controlling the graphic processor to reduce the texture size used when rendering the target page, and controlling the display to refresh the target page; the first scroll state is a fast scroll state in which the target page is presented after the user presses the direction key for a long time. According to the method and the device for processing the page, the processing time consumption of a rasterization stage in the rendering process is reduced, the rendering speed is improved, page blocking and partial white screen caused by untimely rendering are eliminated, and the browsing experience of a user when the page is rapidly rolled is improved.

Description

Page display method and display device

Technical Field

The application relates to the technical field of display equipment, in particular to a page display method and display equipment.

Background

Before the display device displays the browser page, it is necessary to control the browser to draw and render the page so that the page resource data is presented on the display screen in the form of a web page that is viewable and readable by the user. The display device controls the pages to scroll quickly in response to the quick screen sliding operation performed by the user, and particularly for some long pages, quick browsing and positioning to a specified page position can be realized.

Taking a page with a waterfall flow layout as an example, as the page scrollbar scrolls downward, the waterfall flow layout will continuously load new data blocks and fill the new data blocks to the bottom of the page. The browser needs to render the updated visualized page area before displaying the new data block content each time it is loaded. When a user slides a page quickly, page rendering generally takes longer time, so that page clamping or page part white screen caused by untimely rendering is easy to occur, and the page browsing experience of the user is influenced.

Disclosure of Invention

In order to solve the technical problems, the embodiment of the application provides a page display method and display equipment, which can adaptively adjust the size of textures used in page rendering according to the page rolling state when a user slides a page rapidly, so that the problems of partial white screen and blocking of the page are eliminated, and the page browsing experience of the user is improved.

In a first aspect, embodiments of the present application provide a display device, including:

a graphics processor for rendering the page;

a display;

a communicator for communication with the control device;

a controller configured to perform:

responding to a first operation instruction sent by the control device, controlling the graphic processor to render the target page indicated by the first operation instruction, and controlling the display to display the rendered target page;

responding to a second operation instruction sent by the control device after the direction key is triggered, and controlling the display to scroll the target page along a second direction opposite to the first direction indicated by the second operation instruction;

if the target page is detected to be in the first rolling state, controlling the graphic processor to reduce the texture size used when rendering the target page, and controlling the display to refresh the target page; the first scrolling state is a fast scrolling state of the target page after the user presses the direction key for a long time.

In some implementations, the controller controls the graphics processor to render the target page indicated by the first operation instruction, and is specifically configured to: acquiring resource data of a target page; setting a plurality of layers according to page elements contained in the resource data; dividing a layer into a plurality of tiles; controlling a graphic processor to carry out rasterization processing on the image block, configuring a texture object for the image block, and setting the texture object to be a first texture size; the control graphics processor synthesizes texture objects of the tile configuration of all layers into a display frame of the target page.

In some implementations, the controller controls the graphics processor to reduce a texture size used in rendering the target page, specifically configured to: detecting the scrolling rate of a target page; matching a target texture size according to the scrolling rate, the target texture size being smaller than the first texture size; wherein the scrolling rate is inversely related to the target texture size; the control graphics processor sets the size of the texture object to the target texture size.

In some implementations, the controller controls the graphics processor to reduce a texture size used in rendering the target page, specifically configured to: calculating a target texture coefficient according to the rolling quantity of the target page, the texture coefficient threshold value and the current count value; the counting value is a counting value which is accumulated by counting once every preset period before the controller receives a third operation instruction sent by the control device when the user releases the direction key; calculating a target texture size according to the target texture coefficient and the first texture size; the control graphics processor sets the size of the texture object to the target texture size.

In some implementations, the controller controls the graphics processor to reduce a texture size used in rendering the target page, specifically configured to: the control graphics processor sets the size of the texture object to a second texture size, the second texture size being a fixed texture size that is smaller than the first texture size.

In some implementations, the controller controls the graphics processor to reduce a texture size used in rendering the target page, specifically configured to: the control graphics processor sets the size of the texture object to the product of the first texture size and a texture adjustment factor, the texture adjustment factor being less than 1.

In some implementations, the controller is further configured to: responding to a third operation instruction sent by the control device after the user releases the direction key, and controlling the display to stop scrolling the target page; the graphic processor is controlled to return the size of the texture object configured by the block to the first texture size, and the display is controlled to refresh the target page.

In some implementations, the controller is further configured to: responding to the second operation instruction, and judging whether a third operation instruction is received or not every preset period; if the third operation instruction is not received, judging whether the count value is greater than or equal to a first threshold value; if the count value is less than the first threshold value, adding 1 to the count value; if the count value is greater than or equal to the first threshold value and the scroll amount of the target page is greater than or equal to the second threshold value, it is determined that the target page is in the first scroll state.

In some implementations, the controller is further configured to: if the target page is in a non-first scrolling state, the control graphics processor sets the size of the texture object to a first texture size.

In a second aspect, an embodiment of the present application further provides a page display method, where the method includes:

responding to a first operation instruction sent by the control device, controlling the graphic processor to render the target page indicated by the first operation instruction, and controlling the display to display the rendered target page;

responding to a second operation instruction sent by the control device after the direction key is triggered, and controlling the display to scroll the target page along a second direction opposite to the first direction indicated by the second operation instruction;

if the target page is detected to be in the first rolling state, controlling the graphic processor to reduce the texture size used when rendering the target page, and controlling the display to refresh the target page; the first scrolling state is a fast scrolling state of the target page after the user presses the direction key for a long time.

Other implementations of the second aspect may refer to the foregoing first aspect adaptively, and are not described herein.

In a third aspect, embodiments of the present application also provide a computer storage medium having stored therein program instructions which, when run on a computer, cause the computer to perform the methods referred to in the above aspects and their respective implementations.

The technical scheme of the above aspects that this application embodiment provided has the beneficial effect: after the display device displays the target page, if a second operation instruction is received, the target page is reversely rolled, the rolling display state of the target page is detected, if a user presses a direction key of the control device for a long time, the display device detects that the target page is in a first rolling state, the texture size used when the page is rendered can be reduced, the page is refreshed, the number of pixels contained in the texture is reduced, the time consumption of the rasterization stage in the rendering process can be reduced, the rendering speed is improved, page jams and partial white screens caused by untimely rendering are eliminated, and the page browsing experience of the user when the page is rapidly rolled is improved.

Drawings

FIG. 1 illustrates an operational scenario between a display device and a control apparatus 100 in some embodiments;

fig. 2 shows a hardware configuration block diagram of the control apparatus 100 in some embodiments;

FIG. 3 shows a block diagram of the hardware configuration of display device 200 in some embodiments;

FIG. 4 illustrates a software configuration diagram in display device 200 in some embodiments;

FIG. 5 illustrates a flow diagram of browser page rendering in some embodiments;

FIG. 6 illustrates a scrolling display schematic of a waterfall flow page in some embodiments;

FIG. 7 illustrates a schematic diagram of a page appearance portion white screen in some embodiments;

FIG. 8 illustrates a flow diagram of a page display method in some embodiments;

FIG. 9 illustrates a change schematic of a browser page in some embodiments;

FIG. 10 illustrates a flow chart of a method of detecting a scrolling state in some embodiments;

FIG. 11 illustrates a schematic diagram of a user-performed scroll page operation in some embodiments;

FIG. 12 illustrates a schematic diagram of another user performed scroll page operation in some embodiments.

Detailed Description

For purposes of clarity and implementation of the present application, the following description will make clear and complete descriptions of exemplary implementations of the present application with reference to the accompanying drawings in which exemplary implementations of the present application are illustrated, it being apparent that the exemplary implementations described are only some, but not all, of the examples of the present application.

It should be noted that the brief description of the terms in the present application is only for convenience in understanding the embodiments described below, and is not intended to limit the embodiments of the present application. Unless otherwise indicated, these terms should be construed in their ordinary and customary meaning.

The terms "first," "second," "third," "fourth," and the like in the description and in the claims and in the above-described figures are used for distinguishing between similar or similar objects or entities and not necessarily for limiting a particular order or sequence, unless otherwise indicated. It is to be understood that the terms so used are interchangeable under appropriate circumstances.

The terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a product or apparatus that comprises a list of elements is not necessarily limited to all elements explicitly listed, but may include other elements not expressly listed or inherent to such product or apparatus.

The display device provided in the embodiment of the application may have various implementation forms, for example, may be a television, an intelligent television, a laser projection device, a display 260 (monitor), an electronic whiteboard (electronic bulletin board), an electronic desktop (electronic table), and the like. Fig. 1 and 2 are specific embodiments of a display device of the present application.

Fig. 1 is a schematic diagram of an operation scenario between a display device and a control apparatus 100 according to an embodiment. As shown in fig. 1, a user may operate the display device 200 through the smart device 300 or the control apparatus 100.

In some embodiments, the control apparatus 100 may be a remote controller, and the communication between the remote controller and the display device includes infrared protocol communication or bluetooth protocol communication, and other short-range communication modes, and the display device 200 is controlled by a wireless or wired mode. The user may control the display device 200 by inputting user instructions through keys on a remote control, voice input, control panel input, etc. Alternatively, the control device 100 may be a mouse, and the mouse and the display device may be connected by a wired or wireless manner.

In some embodiments, a smart device 300 (e.g., mobile terminal, tablet, computer, notebook, etc.) may also be used to control the display device 200. For example, the display device 200 is controlled using an application running on a smart device.

In some embodiments, the display device may receive instructions not using the smart device or control device described above, but rather receive control of the user by touch or gesture, or the like.

In some embodiments, the display device 200 is also in data communication with a server 400. The display device 200 may be permitted to make communication connections via a Local Area Network (LAN), a Wireless Local Area Network (WLAN), and other networks. The server 400 may provide various contents and interactions to the display device 200. The server 400 may be a cluster, or may be multiple clusters, and may include one or more types of servers.

Fig. 2 shows a block diagram of a configuration of the control apparatus 100 according to an exemplary embodiment in some embodiments. As shown in fig. 2, the control device 100 includes a controller 110, a communication interface 130, a user input/output interface 140, a memory, and a power supply. The control apparatus 100 may receive an input operation instruction of a user and convert the operation instruction into an instruction recognizable and responsive to the display device 200, and function as an interaction between the user and the display device 200.

In some embodiments, as shown in fig. 3, the display apparatus 200 includes at least one of a modem 210, a communicator 220, a detector 230, an external device interface 240, a controller 250, a display 260, an audio output interface 270, a memory, a power supply, and a user interface.

In some embodiments the controller includes a processor, a video processor, an audio processor, a graphics processor, RAM, ROM, a first interface for input/output to an nth interface.

The display 260 includes a display screen component for presenting a picture, and a driving component for driving an image display, a component for receiving an image signal from the controller output, displaying video content, image content, and a menu manipulation interface, and a user manipulation UI interface.

The display 260 may be a liquid crystal display 260, an OLED display 260, a projection display 260, or a projection device or screen.

The communicator 220 is a component for communicating with external devices or servers according to various communication protocol types. For example: the communicator may include at least one of a Wifi module, a bluetooth module, a wired ethernet module, or other network communication protocol chip or a near field communication protocol chip, and an infrared receiver. The display apparatus 200 may establish transmission and reception of control signals and data signals with the control device 100 or the server 400 through the communicator 220.

A user interface, which may be used to receive control signals from a control device 100 (e.g., an infrared remote control, a mouse, etc.).

The external device interface 240 may include, but is not limited to, the following: high Definition Multimedia Interface (HDMI), analog or data high definition component input interface (component), composite video input interface (CVBS), USB input interface (USB), RGB port, etc. The input/output interface may be a composite input/output interface formed by a plurality of interfaces.

The controller 250 controls the operation of the display device and responds to the user's operations through various software control programs stored on the memory. The controller 250 controls the overall operation of the display apparatus 200. For example: in response to receiving a user command to select a UI object to be displayed on the display 260, the controller 250 may perform an operation related to the object selected by the user command.

In some embodiments the controller includes at least one of a central processing unit (Central Processing Unit, CPU), video processor, audio processor, graphics processor (Graphics Processing Unit, GPU), RAM Random Access Memory, RAM), ROM (Read-Only Memory, ROM), first to nth interfaces for input/output, a communication Bus (Bus), and the like.

The user may input a user command through a Graphical User Interface (GUI) displayed on the display 260, and the user input interface receives the user input command through the Graphical User Interface (GUI). Alternatively, the user may input the user command by inputting a specific sound or gesture, and the user input interface recognizes the sound or gesture through the sensor to receive the user input command.

A "user interface" is a media interface for interaction and exchange of information between an application or operating system and a user, which enables conversion between an internal form of information and a user-acceptable form. A commonly used presentation form of the user interface is a graphical user interface (Graphic User Interface, GUI), which refers to a user interface related to computer operations that is displayed in a graphical manner. It may be an interface element such as an icon, a window, a control, etc. displayed in a display screen of the electronic device, where the control may include a visual interface element such as an icon, a button, a menu, a tab, a text box, a dialog box, a status bar, a navigation bar, a Widget, etc.

In some embodiments, a graphics processor is used to generate various graphical objects, such as: at least one of icons, operation menus, page contents displayed based on an input instruction of a user, and the like. The graphic processor comprises an arithmetic unit, which is used for receiving various interactive instructions input by a user to operate and displaying various objects according to display attributes; the device also comprises a renderer for rendering various objects obtained based on the arithmetic unit, wherein the rendered objects are used for being displayed on a display.

In some embodiments, as shown in fig. 4, the system of the display device is divided into three layers, an application layer, a middleware layer, and a hardware layer, respectively, from top to bottom.

In some embodiments, the application layer mainly comprises common applications on the television, and an application framework (Application Framework), wherein the common applications are mainly applications developed based on Browser, such as: HTML5 APPs; native applications (Native APPs);

in some embodiments, the application framework (Application Framework) is a complete program model with all the basic functions required by standard application software, such as: file access, data exchange, and the interface for the use of these functions (toolbar, status column, menu, dialog box).

In some embodiments, native APPs (Native APPs) may support online or offline, message push, or local resource access.

In some embodiments, the middleware layer includes middleware such as various television protocols, multimedia protocols, and system components. The middleware can use basic services (functions) provided by the system software to connect various parts of the application system or different applications on the network, so that the purposes of resource sharing and function sharing can be achieved.

In some embodiments, the hardware layer mainly includes a HAL interface, hardware and a driver, where the HAL interface is a unified interface for all television chips to interface, and specific logic is implemented by each chip. The driving mainly comprises: audio drive, display drive, bluetooth drive, camera drive, WIFI drive, USB drive, HDMI drive, sensor drive (e.g., fingerprint sensor, temperature sensor, pressure sensor, etc.), and power supply drive, etc.

For devices that are the same as or similar to the aforementioned software and hardware structures of the display device, applications may be installed, such as: a browser, etc. In this way, the user can browse the resources in the application page and can also perform related services and functions according to preferences and application requirements.

In response to an operation performed by a user to open a target page, the display device needs to acquire resource data of the target page before displaying the target page, for example, for a browser application, the display device may request the resource data of the target page from the server 400 according to the URL of the target page, and render the resource data. The rendering functions as: and according to the resource data, carrying out layout on the target page, drawing the contents such as textures, graphics and the like of the target page, pixelating the resource data, and converting the resource data into a display frame of the target page displayed on a screen. In this way, the resource data is rendered as page content that is viewable, readable, and understandable to the user.

Fig. 5 is a schematic flow chart of browser page rendering according to an embodiment of the present application. As shown in fig. 5, after the browser application requests and obtains the resource data of the target page from the server, layering processing may be performed according to the page elements and the presentation effects and layout thereof included in the resource data, that is, a plurality of layers layer_k are set, k represents the layer sequence number, k is greater than or equal to 1 and less than or equal to N, and N represents the total number of layers. In order to improve the drawing efficiency of the layers, each layer can be subjected to block processing, namely the layer is divided into a plurality of tiles tile_k, j, wherein j represents the sequence number of the tiles in the kth layer, and j is more than or equal to 1 and less than or equal to M _k ，M _k Representing the total number of tiles for the kth layer.

In the rasterization stage: the block is the minimum unit of rasterization operation, and pixelation processing can be performed on each block tile_k, j to convert the block tile_k, j into a bitmap bitmap_k, j, and a texture object texture_k, j is configured for each bitmap bitmap_k, j, and a pattern corresponding to the block tile_k, j is drawn on the texture object texture_k, j, where the pattern may include the shape, color, depth, and other contents of the graphics. In the overall flow of page rendering, the time consuming of the rasterization stage is longest, even up to 90% of the total rendering time.

In the synthesis stage: and inputting the texture object texture_k, j into a frame buffer for synthesis processing, namely synthesizing the texture object texture_k, j configured by all tiles tile_k, j in all layers layer_k into a display frame of the target page.

In some implementations, the layering and chunking processing logic may be performed by a rendering engine of the browser (corresponding to a rendering process in the CPU), and the rasterizing and compositing processing logic may be performed by a graphics processor (corresponding to a rendering process in the GPU), thereby improving rendering efficiency and rendering effects. For some browsers or applications, the page rendering flow may be performed in the CPU or in the GPU. For different applications, the page rendering flow and execution body (CPU and/or GPU) are not limited to the embodiments of the present application.

Fig. 6 is a schematic diagram of scrolling display of a waterfall flow page according to an embodiment of the present application. As shown in fig. 6, the characteristics of the waterfall flow page are: the waterfall stream elements visually present an equal-width unequal-height arrangement layout, when the page scroll bar rolls down to the bottom, page data can be automatically refreshed, namely new data blocks are loaded and filled at the bottom of a page visualization area, and the expansibility of the stream layout can excite a user to continuously slide down the page and view more resources.

The user can perform some operations through the control device 100 to realize quick browsing of pages. If the control device is a remote controller, after the display displays the target page, the display device responds to the operation of clicking the downward direction key of the remote controller by a user to control the display to scroll the target page upwards, and if the fact that the user presses the downward direction key of the remote controller for a long time is detected, the display can continuously and rapidly scroll the target page upwards.

If the control device is a mouse, the display device responds to the operation of pressing the roller for a long time and moving the mouse downwards, and the display continuously and rapidly scrolls the target page upwards.

The scroll rate of the target page may be controlled by Javascript code or CSS (Cascading Style Sheets, cascading style sheet) animation. The scroll rate control mode is, for example: the scroll rate may be increased linearly until a certain preset maximum rate is reached; alternatively, the ease-in mode may be employed, i.e., the scroll rate is initially slower and then faster; alternatively, an early-in-out mode may be employed, i.e., the beginning segment and ending segment roll at a low speed, and the middle segment roll at a high speed; alternatively, a constant speed mode, i.e., the start segment, the middle segment, and the end segment have the same scroll rate, may be employed. The scroll rate control mode is not limited to the embodiments of the present application.

When the scroll bar of the waterfall flow page scrolls to the bottom of the page and the user keeps the operation of scrolling the page down quickly, the display device needs to load new resource data and fill the bottom of the visualization area of the page. As the resource content in the visualization area is updated, the display device needs to render and display the visualization area of the page again. The display device may implement the following two strategies if it detects that rendering is not complete within a preset time:

policy one discards frames that are not currently rendered. The policy will cause the page to jam when it is scrolled quickly.

And a second strategy is to continue waiting for the frame rendering completion without discarding the frame which is not rendered currently. As shown in fig. 7, policy two may result in a temporary appearance of a partial white screen within the visualization area when the page is rapidly scrolled.

According to the method and the device, the time consumption of the rasterization stage is reduced, the rendering speed is increased, the problems of page blocking and partial white screen caused by low page rendering speed are solved, and the page browsing experience of a user is improved.

Fig. 8 is a flowchart of a page display method according to an embodiment of the present application.

As shown in fig. 8, the method includes:

Step S81: and responding to the first operation instruction sent by the control device, rendering the target page indicated by the first operation instruction, and displaying the rendered target page.

Taking browser application as an example, fig. 9 is a schematic diagram of a change of a browser page according to an embodiment of the present application. As shown in view (a) of fig. 9, the user may input a keyword, for example, "wallpaper", in the picture search engine of the browser, then move the focus of the control device to the search button 91, and click the search button 91 through the control device. Taking the control device as a remote controller as an example, after the user moves the focus of the remote controller to the search button 91, the remote controller receives an operation of clicking an OK key by the user and sends a first operation instruction to the display device.

And the display equipment responds to the first operation instruction sent by the control device and renders a target page indicated by the first operation instruction, wherein the target page is a wallpaper search page in the example. The rendering process of the target page may include: the controller acquires resource data of a target page; layering according to page elements contained in the resource data, and partitioning each layer; the GPU (graphics processor) is controlled to perform rasterization processing on each tile, and configure a texture object for each tile, and when a page is initially displayed, the size of the texture object may be set to a certain default initial texture size (abbreviated as a first texture size), and then all texture objects are synthesized into a display frame corresponding to a target page.

The size of a texture object may contain two dimensions: the width of the texture object and the height of the texture object are the first and second. Where width refers to the number of pixels contained in the width direction and height refers to the number of pixels contained in the height direction, such that the size of the texture object may be used to characterize the total number of pixels of the corresponding texture image display. The larger the size of the texture object, the higher the resolution of the texture image, the clearer the page, but the larger the rendering time of the rasterization stage; conversely, the smaller the size of the texture object, the lower the resolution of the texture image, the more blurred the page, but the less time consuming the rendering of the rasterization stage.

As shown in view (b) of fig. 9, the display displays the rendered target page, and the plurality of image resources such as the searched wallpaper 1, wallpaper 2 …, and the like are displayed in the visualized area of the target page.

Step S82: and responding to a second operation instruction sent by the control device after the direction key is triggered, and controlling the display to scroll the target page along a second direction opposite to the first direction indicated by the second operation instruction.

The user can trigger a direction key on the control device to adjust the scrolling direction of the target page so as to adjust the visibility of the resources in the target page and position the browsing progress of the target page. Referring to fig. 6, the direction key corresponds to a first direction that is the same as the direction of movement of the scroll bar and is opposite to a second direction of scrolling of the page, e.g., the user clicks a down button of the remote control and the scroll bar moves down, but the target page is actually scrolled up, so that more previously invisible resources and content can be displayed at the bottom of the page.

For example, if the control device is a remote control, the direction key may be an up key or a down key. After the display displays the target page, if the user presses an upward key of the remote controller, the display equipment responds to a second operation instruction and then controls the display to scroll the target page downwards; and if the user presses a downward key of the remote controller, the display device responds to the second operation instruction and then controls the display to scroll the target page upwards.

For another example, if the control device is a mouse, the direction key may be a wheel. After the display displays the target page, if the user slides the roller upwards, the display device responds to the second operation instruction and then controls the display to scroll the target page downwards; and if the user slides the roller downwards, the display device responds to the second operation instruction and then controls the display to scroll the target page upwards.

Step S83: the scroll display state of the target page is detected.

In some implementations, after receiving the second operation instruction, the display device may detect a scroll display state of the target page, where the scroll display state may include a first scroll state and a second scroll state. The first scrolling state may be a fast scrolling state in which the user causes the target page to be presented after pressing the direction key for a long time. The second scroll state may be a slow scroll state in which the user causes the target page to be presented after a single actuation of the direction key.

For example, if the control device is a remote controller, after the user presses the up button or the down button, the up button or the down button is not released for a certain time, that is, the direction key is pressed for a long time, in this case, the display device may recognize that the target page is in the first scroll state according to the button state of the remote controller and the display state of the target page. If the user presses the up button or the down button, the up button or the down button is released immediately, i.e. the direction button is clicked, in which case the display device can recognize that the target page is in the second scroll state according to the button state of the remote controller.

For example, if the control device is a mouse, after the user presses the roller and moves the mouse up or down, the roller is not released for a certain period of time, that is, the direction key is pressed for a long time, and in this case, the display device recognizes that the target page is in the first scroll state according to the working state of the mouse and the display state of the target page. If the user does not press the scroll wheel, the scroll wheel is slid up or down only once, in which case the display device can recognize that the target page is in the second scroll state according to the operating state of the mouse. If the user presses the roller and moves the mouse up or down, the roller is released quickly, and in this case, the display device can recognize that the target page is in the second scroll state according to the operating state of the mouse.

In some implementations, fig. 10 is a flowchart of a method for detecting a scrolling state according to an embodiment of the present application. As shown in fig. 10, step S83 may include steps S831 to S836:

in step S831, in response to the second operation instruction, every predetermined period, it is determined whether the third operation instruction is received.

The third operation instruction is an operation instruction sent to the display device by the control device when the user releases the direction key, and the display device responds to the third operation instruction to control the display to stop scrolling the target page, so that the target page is converted into a static display state. If the third operation instruction is not received, step S832 is executed; if the third operation instruction is received, step S837 is performed.

In step S832, it is determined whether the count value is greater than or equal to the first threshold.

The display device may execute a periodic count mechanism after receiving the second operation instruction, wherein the first threshold is a lower limit count value set according to a key long press state. When the display device receives the second operation instruction, the count value is zero, and if the third operation instruction is not received every preset period, the count value can be added by 1 in an accumulated mode, so that the number of preset periods of the pressing duration of the direction key can be measured through the count value, and whether the user presses the direction key for a long time is identified. If the count value is smaller than the first threshold value, executing step S833; if the count value is greater than or equal to the first threshold, step S834 is performed.

In step S833, it is determined that the target page is in the non-first scroll state, and the count value is incremented by 1. And then returns to step S831.

Step S834, judging whether the scrolling amount of the target page is greater than or equal to a second threshold.

If the count value is greater than or equal to the first threshold value, indicating that the user is pressing the direction key for a long time, the display device may control the scroll rate of the target page in different modes. In step S834, the scroll rate is measured by the scroll amount of the target page. The scrolling amount can be measured by the change amount of the target page scrolling from the time when the second operation instruction is received by the display device to the current time, and can also be measured by the change amount of the target page scrolling in the current preset period. The second threshold is a lower limit scroll amount set according to a measure of scroll amount. If the scroll amount is greater than or equal to the second threshold, step S835 is performed; if the scroll amount is smaller than the second threshold value, step S836 is performed.

In step S835, it is determined that the target page is in the first scroll state.

If the scrolling quantity is larger than or equal to the second threshold value, the scrolling speed of the target page is higher, namely the target page enters a fast scrolling state, and in the state, if the rendering of the target page is not timely, the problem of blocking or partial white screen occurs in the page scrolling process, the target page is identified to be in the first scrolling state.

In step S836, it is determined that the target page is in the non-first scroll state. And then returns to step S831.

The non-first scroll state may specifically include a second scroll state and a third scroll state.

The second scrolling state is a slow scrolling state which enables the target page to be presented after the user triggers the direction key once. The display device may determine that the target page is in the second scroll state if the count value is less than the first threshold value before receiving the third operation instruction.

The third scroll state is a slow scroll state in which the user causes the target page to be presented after pressing the direction key for a long time. Before receiving the third operation instruction, the display device may determine that the target page is in the third scroll state if the count value is greater than or equal to the first threshold value and the scroll amount of the target page is less than the second threshold value.

Step S837, the detection flow of the current scrolling state is exited, and the target page stops scrolling.

Step S84: and if the target page is detected to be in the first rolling state, controlling the graphic processor to reduce the size of texture used when rendering the target page, and controlling the display to refresh the target page.

In step S81, the display apparatus renders the target page in response to the first operation instruction, and sets the size of the texture object to the first texture size when configuring the texture object for each tile in each layer. When the display device detects that the target page is in the first scrolling state, the size of the texture object configured by each image block can be reduced based on the first texture size, so that the number of pixels displayed in the texture image is reduced, the time consumption of the processing in the rasterization stage is reduced, and the page rendering speed is improved. Because the page is difficult to see the resource content on the page by naked eyes of a user in the rapid scrolling process, the texture size can be reduced in the rasterization stage of rendering, the resolution of the display frame of the page is properly reduced, the problems of page blocking and partial white screen caused by untimely rendering when the page is rapidly scrolled are solved, and the page browsing experience of the user is improved.

In some implementations, the display device may not change the size of the texture object of each tile configuration if the target page is detected in the static display state, the second scroll state, or the third scroll state, i.e., the size of the texture object of each tile configuration remains the first texture size.

In some implementations, step S84 may be implemented by: the controller detects a scrolling rate of the target page, matches a target texture size according to the scrolling rate, and sets a size of a texture object configured by each block in each layer to the target texture size, wherein the target texture size is smaller than the first texture size. In this way, the size of the texture object can be adaptively matched based on the rolling speed of the target page, and the rolling speed and the target texture size are in a negative correlation relationship, namely, the larger the rolling speed is, the smaller the matched target texture size is relative to the first texture size so as to eliminate the phenomenon of blocking and partial white screen when the page is rolled quickly; the smaller the scroll rate, the larger the target texture size is relative (closer to the first texture size), thereby reducing the time consuming rasterization stage, increasing the rendering speed, and also ensuring that the resolution of the display frame is slightly reduced with the page scrolling at a relatively low speed, enabling the user to see the resources and content in the target page.

The display device may calculate a current scroll rate according to the scroll amount of the target page in the current preset period and the preset period. The display device may also set and maintain a roll-texture list for recording the mapping between page scroll rate and the size of the texture object. After detecting the current rolling speed, the controller searches the target texture size mapped by the current rolling speed according to the rolling speed-texture list.

The display device may adjust the target texture size synchronously based on different scroll rate control modes. For example, in the uniform mode, the display device may match a constant target texture size due to the constant scroll rate of the page; in the linear mode, the scrolling speed of the page is linearly increased, so that the size of the target texture is linearly reduced; in the case of the case-in-out mode, the page rolls at a low speed in the beginning and ending sections and rolls at a high speed in the middle section, and then a relatively large target texture size is set in the beginning and ending sections and a relatively small target texture size is set in the middle section.

In some implementations, step S84 may also be implemented by: the display device may calculate a target texture coefficient based on the scroll amount of the target page, the texture coefficient threshold, and the current count value, and calculate a target texture size based on the target texture coefficient and the first texture size. Wherein the texture coefficient is a ratio of the current texture size to the first texture size.

The controller may be configured to calculate the target texture coefficient according to the following formula (1):

in formula (1), s _i Representing the target texture coefficients, s _min Representing a texture coefficient threshold value, m representing a count value of a current accumulation item, i representing the number of preset cycles accumulated and experienced after a direction key on a control device is triggered, n representing the number of preset filtering sampling points, deltap _i Representing the scroll amount of the target page within the current preset period, deltap _max Representing the maximum scroll amount of the page within a preset period. Wherein the texture coefficient threshold s _min The minimum value for characterizing the texture coefficient is set according to the lower limit at which the image of the display device can be lowered. Texture coefficient threshold s _min Preset filter sampling point number n and maximum rolling quantity deltap _max Is a fixed value and can be set according to experience or actual debugging effects. Count value m, rolling quantity deltap in current preset period _i And i is a variable. Target texture size S _i ＝s _i *S ₀ ，S ₀ Representing a first texture size.

If the target page is in the first scrolling state, the display device, when adjusting the size of the texture object configured by each tile in the rasterization stage, introduces a preset filter sampling point number n in formula (1) to target texture coefficient s _i Performing peak filtering processing according to the matched target texture coefficient s _i After the texture size of the block is set, the picture presented by the display equipment can be changed stably, the rendering time is reduced, and the test shows that the reduced width percentage of the rendering time length can reach (1-s _i ² )*90％For example when s _i When the rendering time is 0.5, the rendering time is reduced by 67.5%, and the rendering speed is improved, so that the problem of blocking or partial white screen when the page is rapidly rolled is solved.

The preset filter sampling number n may be empirically set. Or, firstly setting a value range of the filtering sampling points, sequentially traversing each filtering sampling point value in the value range for testing, acquiring a target value with the most stable image quality change and the best display effect when the page is rapidly rolled, and taking the target value as a preset filtering sampling point n.

When the scroll rate of the target page after entering the first scroll state is relatively small, Δp _i Also relatively small, then the matched target texture coefficient s _i The image quality is reduced to a small extent, the target page is clear, and the condition that the user cannot see the page content clearly is avoided. If the scroll rate of the target page after entering the first scroll state is relatively large, Δp _i Also relatively large, the target texture coefficient s _i The faster the rendering speed, the more blurred the image quality, but since the page is scrolled faster, even if the display device does not degrade the image quality, the user generally has little difficulty in seeing the page content, and therefore the user is less affected in browsing the page.

In other implementations, step S84 may also be implemented as follows: the control graphics processor sets the size of the texture object to a second texture size, the second texture size being a fixed texture size that is smaller than the first texture size. In this embodiment, the size of each texture object may be uniformly set to the second texture size after the target page enters the first scroll state, regardless of the scroll speed of the target page, and the second texture size may be kept unchanged. The second texture size may be set according to the rendering speed and the priority of the image quality, for example: setting the second texture size to be relatively smaller, i.e., smaller than the first texture size, if the priority of the rendering speed is higher than the image quality; setting the second texture size relatively larger, i.e., closer to the first texture size, if the priority of the image quality is higher than the rendering speed; if a relative balance between rendering speed and image quality is desired, a suitable second texture size can be found by testing.

In other implementations, step S84 may also be implemented as follows: controlling the graphics processor to set the size of the texture object to a first texture size S ₀ And the texture adjustment coefficient Q. Wherein, the texture adjustment coefficient Q is smaller than 1, and the texture adjustment coefficient Q may be a dynamically adjustable parameter, so that the adjustment of the texture size can adapt to more possible application scenarios and control modes. For example: when the target page is scrolled in the uniform mode, the texture adjustment coefficient Q may be equal to the target texture coefficient s _i The method comprises the steps of carrying out a first treatment on the surface of the When the target page is scrolled in the linear mode, the change rule of the texture adjustment coefficient Q can be linearly reduced.

The scheme of adjusting the texture size involved in step S84 is not limited to the embodiment of the present application.

Step S85: and responding to a third operation instruction sent by the control device after the user releases the direction key, and controlling the display to stop scrolling the target page.

When the user releases the direction key on the control device, the control device sends a third operation instruction to the display device. The controller of the display device, in response to the third operation instruction, causes the display to stop scrolling the target page, thereby transitioning to a static display state of the target page.

Step S86: and controlling the graphic processor to restore the texture size to the initial texture size, and controlling the display to refresh the target page.

In the process of scrolling the target page, the application can refresh the target page by itself until the target page stops scrolling, and the application synchronously stops refreshing the target page, so that the image quality effects before and after the target page stops scrolling are consistent. For example, before the display device receives the third operation instruction, the target page is in the first scrolling state and the scrolling speed is larger, so that in order to increase the rendering speed, the size of the texture object is reduced, and the target page is relatively blurred; after the display device receives the third operation instruction and stops scrolling the target page, the target page still presents a blurred display effect because the application does not refresh the page any more, and the user is influenced to browse the page.

In contrast, in step S86, the GPU will restore the texture size to the initial texture size (i.e., the first texture size) corresponding to the target page before entering the first scrolling state, that is, the GPU will restore the size of the texture object configured by each tile to the first texture size, and the display will forcedly trigger the full-screen refresh of the target page once, so as to realize the automatic restoration of the image quality after the target page stops scrolling, so that the user can view the static target page without damaging the image quality, and the user experience is improved.

In some implementations, the display device may adjust one or more image quality parameters at the front end, for example, reduce resolution, turn off some time-consuming image quality optimization functions, and the like, where this manner cannot adaptively match appropriate front-end image quality parameters based on the scrolling state, the scrolling amount, and the scrolling speed of the page, which is hard to sacrifice image quality and affects the browsing experience of the user on the page. Alternatively, the front end or application core may control the refresh rate of the page in such a way that, while alleviating the white screen problem of the page, a click-through may still occur when the page is in the first scroll state.

According to the method and the device, the texture size of the layer block in the rasterization stage is adaptively adjusted by identifying the rolling display state of the target page and detecting the rolling quantity (or rolling speed) of the target page, the time consumption of the rasterization stage is reduced by reducing the texture size, so that the rendering speed and the page display performance are improved, the texture size is recovered when the target page stops rolling, and forced refreshing is carried out on the page once, so that the image quality of the static page is recovered. The scrolling direction in the embodiment of the present application is not limited to scrolling up and down, and may be, for example, scrolling left and right or other directions.

In some implementations, the scroll page operation performed by the user is not limited to triggering a directional key on the control device. As shown in fig. 11, a scroll bar 120 is included in the target page, and the scroll bar 120 may include a scroll bar 121. Taking the remote control as an example, the user may move the focus of the remote control onto the scroll bar 121 and click a confirm key (i.e., OK key) on the remote control, and then move the remote control in a specified direction, and if the remote control is moved downward, the display device pulls the scroll bar downward, causing the page to scroll upward. As shown in view (a) in fig. 11, in the case where the remote control focus is located on the scroll bar 121, the remote control detects that the user clicks the confirm key, and transmits a fourth operation instruction to the display device.

The display device responds to the fourth instruction, if it is detected that the remote controller focus is currently on the scroll bar 121 and the remote controller focus moves downward, controls the display to scroll up the target page (the scroll rate control mode may refer to the foregoing), and judges whether the fifth operation instruction is received every interval preset period. As shown in view (b) in fig. 11, the fifth operation instruction is an operation instruction that the remote controller transmits to the display device when the user releases the confirm key, i.e., the user no longer triggers the downward movement of the scroll bar 121.

If the display device does not receive the fifth operation instruction and the remote control focus does not stop moving, it may be further identified whether the user presses the scroll bar 121 for a long time, that is, whether the count value is greater than or equal to the first threshold value is determined; if the count value is less than the first threshold value, adding 1 to the count value; if the count value is greater than or equal to a first threshold value and the scrolling amount of the target page is greater than or equal to a second threshold value, determining that the target page is in a first scrolling state, controlling the graphics processor to reduce the size of texture used when rendering the target page, and controlling the display to refresh the target page.

And if the display equipment receives a fifth operation instruction or detects that the focus of the remote controller stops moving, controlling the display to stop scrolling the target page, controlling the graphic processor to restore the texture size to the first texture size, and controlling the display to refresh the target page. The implementation manner of adjusting the texture size by the graphics processor is as described above, and will not be described in detail here.

In some implementations, as shown in fig. 11 and 12, the scroll bar 120 may also include a directional control 122. The direction control 122 includes, but is not limited to, a first control 122a and a second control 122b, where the first control 122a causes the target page to scroll downward when triggered, and the second control 122b causes the target page to scroll upward when triggered.

As shown in view (a) of fig. 12, the user may move the remote control focus onto the second control 122b and click a confirmation key (i.e., OK key) on the remote control, and the display device pulls the scroll bar downward, scrolling the target page upward. In the case where the remote control focus is located at the second control 122b, the remote control detects that the user clicks the confirm key, and transmits a sixth operation instruction to the display device.

The display device, in response to the sixth operation instruction, if it is detected that the remote control focus is currently on the second control 122b, controls the display to scroll up the target page (the scroll rate control mode may refer to the foregoing), and determines whether the seventh operation instruction is received every predetermined period. As shown in view (b) in fig. 12, the seventh operation instruction is an operation instruction that the remote controller transmits to the display device when the user releases the confirm key, i.e., the user no longer triggers the second control 122b.

If the display device does not receive the seventh operation instruction, it may further identify whether the user presses the second control 122b for a long time, that is, determine whether the count value is greater than or equal to the first threshold value; if the count value is less than the first threshold value, adding 1 to the count value; if the count value is greater than or equal to a first threshold value and the scrolling amount of the target page is greater than or equal to a second threshold value, determining that the target page is in a first scrolling state, controlling the graphics processor to reduce the size of texture used when rendering the target page, and controlling the display to refresh the target page.

And if the display equipment receives the seventh operation instruction, controlling the display to stop scrolling the target page, controlling the graphic processor to restore the texture size to the first texture size, and controlling the display to refresh the target page. The implementation manner of adjusting the texture size by the graphics processor is as described above, and will not be described in detail here.

In some implementations, the display device may also increase the rendering speed in other ways: for example, the layering number of the layers is reduced, the use of JS animation is reduced, and CSS expressions or CSS filters are avoided; some CSS may configure rendering optimization functions, such as a content visibility function, a will-change function, and the like, and may be specifically implemented with reference to related technologies, which are not described in detail in the embodiments of the present application. The method for adjusting the size of the texture object according to the scrolling state of the page can be executed in parallel with other one or more modes for improving the rendering speed, so that the rendering speed and the display performance of the front page are improved.

The embodiment of the application also provides a computer storage medium, which can store a program. When the computer storage medium is located in the display device, the program may include program steps involved in the page display method of the above aspects when executed. The computer storage medium may be a magnetic disk, an optical disk, a Read-Only Memory (ROM), a random access Memory (Random Access Memory, RAM), or the like.

Finally, it should be noted that: the above embodiments are only for illustrating the technical solution of the present application, and not for limiting the same; although the present application has been described in detail with reference to the foregoing embodiments, it should be understood by those of ordinary skill in the art that: the technical scheme described in the foregoing embodiments can be modified or some or all of the technical features thereof can be replaced by equivalents; such modifications and substitutions do not depart from the spirit of the corresponding technical solutions from the scope of the technical solutions of the embodiments of the present application.

The foregoing description, for purposes of explanation, has been presented in conjunction with specific embodiments. However, the illustrative discussions above are not intended to be exhaustive or to limit the embodiments to the precise forms disclosed above. Many modifications and variations are possible in light of the above teaching. The embodiments were chosen and described in order to best explain the disclosure and to enable others skilled in the art to best utilize the embodiments.

Claims (10)

1. A display device, characterized by comprising:

a graphics processor for rendering the page;

a display;

a communicator for communication with the control device;

A controller configured to perform:

responding to a first operation instruction sent by the control device, controlling a graphic processor to render a target page indicated by the first operation instruction, and controlling a display to display the rendered target page;

responding to a second operation instruction sent by the control device after the direction key is triggered, and controlling a display to scroll the target page in a second direction opposite to the first direction indicated by the second operation instruction;

if the target page is detected to be in the first rolling state, controlling a graphic processor to reduce the size of texture used when rendering the target page, and controlling a display to refresh the target page; the first scrolling state is a fast scrolling state presented by the target page after the user presses the direction key for a long time.

2. The display device of claim 1, wherein the controller controls the graphics processor to render the target page indicated by the first operation instruction, and is specifically configured to:

acquiring resource data of the target page;

setting a plurality of layers according to page elements contained in the resource data;

Dividing the layer into a plurality of tiles;

controlling a graphic processor to carry out rasterization processing on the image block, configuring a texture object for the image block, and setting the texture object to be a first texture size;

the control graphics processor synthesizes texture objects of the tile configuration of all layers into a display frame of the target page.

3. The display device of claim 2, wherein the controller controls the graphics processor to reduce a texture size used in rendering the target page, specifically configured to:

detecting the scrolling rate of the target page;

matching a target texture size according to the scrolling rate, the target texture size being smaller than the first texture size; wherein the scroll rate is in a negative correlation with the target texture size;

the control graphics processor sets the size of the texture object to the target texture size.

4. The display device of claim 2, wherein the controller controls the graphics processor to reduce a texture size used in rendering the target page, specifically configured to:

calculating a target texture coefficient according to the rolling quantity of the target page, a texture coefficient threshold value and a current count value; the counting value is a counting value accumulated by counting every preset period before the controller receives a third operation instruction sent by the control device when the user releases the direction key;

Calculating a target texture size according to the target texture coefficient and the first texture size;

the control graphics processor sets the size of the texture object to the target texture size.

5. The display device of claim 2, wherein the controller controls the graphics processor to reduce a texture size used in rendering the target page, specifically configured to:

the control graphics processor sets the size of the texture object to a second texture size, the second texture size being a fixed texture size that is smaller than the first texture size.

6. The display device of claim 2, wherein the controller controls the graphics processor to reduce a texture size used in rendering the target page, specifically configured to:

the control graphics processor sets the size of the texture object to the product of the first texture size and a texture adjustment coefficient, the texture adjustment coefficient being less than 1.

7. The display device of any one of claims 3-6, wherein the controller is further configured to:

responding to a third operation instruction sent by the control device after the user releases the direction key, and controlling a display to stop scrolling the target page;

And controlling a graphic processor to return the size of the texture object of the block configuration to the first texture size, and controlling a display to refresh the target page.

8. The display device of claim 4, wherein the controller is further configured to:

responding to the second operation instruction, and judging whether the third operation instruction is received or not every preset period;

if the third operation instruction is not received, judging whether the count value is greater than or equal to a first threshold value;

if the count value is less than the first threshold value, adding 1 to the count value;

and if the count value is greater than or equal to the first threshold value and the scrolling amount of the target page is greater than or equal to a second threshold value, determining that the target page is in the first scrolling state.

9. The display device of claim 8, wherein the controller is further configured to:

and if the target page is in a non-first scrolling state, controlling the graphic processor to set the size of the texture object to be a first texture size.

10. A page display method, characterized by comprising:

responding to a first operation instruction sent by a control device, controlling a graphic processor to render a target page indicated by the first operation instruction, and controlling a display to display the rendered target page;

Responding to a second operation instruction sent by the control device after the direction key is triggered, and controlling a display to scroll the target page in a second direction opposite to the first direction indicated by the second operation instruction;

if the target page is detected to be in the first rolling state, controlling a graphic processor to reduce the size of texture used when rendering the target page, and controlling a display to refresh the target page; the first scrolling state is a fast scrolling state presented by the target page after the user presses the direction key for a long time.