Display device and scrolling text display method

Abstract

The embodiment of the invention provides a display device and a scrolling text display method. A display device can obtain a scrolling text area according to page information of a target page, and execute repeated splicing processing on a to-be-displayed text in the scrolling text area to obtain a spliced text. The display device sets the cascading style sheet parameters of the spliced text, thereby endowing the spliced text with the ability to play in the form of cascading style sheet animation. For the scrolling text area selected by the user focus, the display device can play the cascading style sheet animation corresponding to the spliced text in the scrolling text area according to the cascading style sheet parameters, and the effect of scrolling display of the text is achieved. And the text is displayed in a scrolling manner in a CSS animation form, so that the calculation amount is small, and the text scrolling continuity is improved.

Description

Technical Field

[0001] This application relates to the technical field of display devices, and in particular, to a display device and a scrolling text display method. Background Art

[0002] A display device refers to a terminal device that can output a specific display screen. The display device can implement a two-way human-computer interaction function, integrating various functions such as audio-visual, entertainment, and data, to meet the diverse and personalized needs of users.

[0003] With the wide application of display devices, people's requirements for display devices are getting higher and higher, and the functions of display devices are also increasing. For example, a display device can have a web access function to access various web pages on the network, and users can view various contents in the web pages. In a web page, or some pages provided by the display device such as a settings interface, various contents such as texts can be displayed, and each control in the page can display a text area for users to confirm.

[0004] The text in the text area can be displayed statically or scrolled in a marquee form. When implementing the marquee effect, the display device uses JavaScript technology to simulate the text scrolling effect by continuously adjusting the positions of text elements in the area. However, the frequent changes when JavaScript adjusts the positions of elements in the text area are relatively fast, resulting in a high computational complexity and high requirements for the performance of the display device. There may be lags or delays during text scrolling, so the coherence of text scrolling is poor. Summary of the Invention

[0005] This application provides a display device and a scrolling text display method to solve the problem in the related technology that there may be lags or delays during the process of text scrolling implemented by JavaScript, resulting in poor coherence of text scrolling.

[0006] In a first aspect, some embodiments of this application provide a display device, including a display and a controller. Among them, the new application is configured to display a target page. The controller is configured to:

[0007] Obtain the page information of the target page; the target page contains a plurality of text areas;

[0008] Obtain the scrolling text area in the text area according to the page information;

[0009] Perform repeated splicing processing on the text to be displayed in the scrolling text area to obtain spliced text;

[0010] Set the cascading style sheet parameters of the spliced text; the cascading style sheet parameters are used to play the spliced text in the form of a cascading style sheet animation;

[0011] Based on detecting that the user focus selects the scrolling text area, according to the cascading style sheet parameters, control the display to play the cascading style sheet animation corresponding to the spliced text in the scrolling text area.

[0012] The above technical solution has the following beneficial effects: The display device can obtain the scrolling text area according to the page information of the target page, and perform repeated splicing processing on the text to be displayed in the scrolling text area to obtain the spliced text. The display device sets the cascading style sheet parameters of the spliced text, so as to endow the spliced text with the ability to be played in the form of a cascading style sheet animation. For the scrolling text area selected by the user focus, the display device can play the cascading style sheet animation corresponding to the spliced text in the scrolling text area according to the cascading style sheet parameters, realizing the effect of scrolling and displaying the text. By scrolling and displaying the text in the form of a CSS animation, the calculation amount is small, and the coherence of text scrolling is improved.

[0013] In some embodiments, the controller performs repeated splicing processing on the text to be displayed in the scrolling text area, and is specifically configured to:

[0014] Perform a copy process on the text to be displayed to generate a copied text;

[0015] Combine the text to be displayed and a preset splicing symbol to obtain a first text content; and, combine the copied text and the preset splicing symbol to obtain a second text content; the preset splicing symbol is used to separate the text to be displayed and the copied text;

[0016] Perform a splicing process on the first text and the second text to generate a spliced text.

[0017] The above technical solution has the following beneficial effects: The text content is spliced into double length, and an empty text symbol is used to separate the text content. When the text scrolls, the double running horse lamp effect of seamless scrolling with the head and tail of the text connected is realized, and the coherence of text scrolling is improved.

[0018] In some embodiments, the controller performs controlling the display to play the cascading style sheet animation corresponding to the spliced text in the scrolling text area, and is further configured to:

[0019] Obtain the target boundary of the scrolling text area; the target boundary is the area boundary passed by the spliced text after scrolling in the scrolling text area;

[0020] Detect the scrolling position of the spliced text; the scrolling position includes the first position of the symbol boundary of the splicing symbol in the scrolling text area;

[0021] Based on detecting that the first position passes through the target boundary, control the display to pause playing the cascading style sheet animation in the scrolling text area;

[0022] When the pause time reaches the preset time, control the display to continue playing the cascading style sheet animation in the scrolling text area.

[0023] The above technical solution has the following beneficial effects: When the complete content of the text to be displayed has scrolled completely, pause the scrolling of the spliced text to prompt the user that the text has scrolled completely once.

[0024] In some embodiments, the controller executes to set the cascading style sheet parameters of the spliced text and is further configured to:

[0025] Obtain the scrolling direction of the spliced text; and obtain the second position of the symbol boundary of the splicing symbol in the spliced text;

[0026] According to the scrolling direction and the second position, set the transformation parameter transform in the cascading style sheet parameters;

[0027] Set the display parameter display in the cascading style sheet parameters to the inline-block element;

[0028] Set the overflow parameter in the cascading style sheet parameters to hidden.

[0029] The above technical solution has the following beneficial effects: By setting the cascading style sheet parameters, the text is given the ability to play CSS animations, enabling the text to achieve a marquee scrolling effect in the scrolling text area.

[0030] In some embodiments, after the controller executes to set the cascading style sheet parameters of the spliced text, it is further configured to:

[0031] Detect the user focus in the target page;

[0032] Based on detecting that the user focus does not select the scrolling text area, control the display to display the text to be displayed in the scrolling text area.

[0033] The above technical solution has the following beneficial effects: When the user focus does not select the text area, the text is displayed in a static form to avoid interfering with the user's viewing of the text area at the user focus.

[0034] In some embodiments, the controller executes to obtain a scrollable text area in the text area according to the page information, and is specifically configured to:

[0035] Generate a rendering tree of the target page according to the page information;

[0036] Obtain the region information of several text areas based on the rendering tree;

[0037] Detect the region type of the text area according to the region information; the region type includes a scrollable text area and a static text area;

[0038] Obtain the scrollable text area in several text areas.

[0039] The above technical solution has the following beneficial effects: determining the composition of the text area of the target page through the rendering tree to detect the scrollable text area.

[0040] In some embodiments, the page information includes a HyperText Markup Language document and a Cascading Style Sheets file. The controller executes to generate a rendering tree of the target page according to the page information, and is specifically configured to:

[0041] Parse the HyperText Markup Language document to generate a Document Object Model tree;

[0042] Parse the Cascading Style Sheets file to generate a Cascading Style Sheets file tree;

[0043] Perform a synthesis process on the Document Object Model tree and the Cascading Style Sheets file tree to generate a rendering tree.

[0044] In some embodiments, the region information includes the region size and the text size of the text to be displayed in the region. The controller executes to detect the region type of the text area according to the region information, and is specifically configured to:

[0045] Extract the text content of several text areas from the page information;

[0046] Calculate the text size of the text to be displayed in the text area according to the text size and the text content;

[0047] Detect the text size and the region size;

[0048] If the text size is less than or equal to the region size, mark the text area as a static text area;

[0049] If the text size is greater than the region size, mark the text area as a scrollable text area.

[0050] The above technical solution has the following beneficial effects: When the text to be displayed cannot be fully shown in the text area, the text is scrolled and displayed in this area. When the text to be displayed can be fully shown in the text area, the text is statically displayed.

[0051] In some embodiments, the controller executes to set the cascading style sheet parameters of the spliced text, and is further configured to:

[0052] Obtain the scrolling speed and text size of the spliced text, and calculate the animation duration according to the scrolling speed and the text size;

[0053] Set the cascading style sheet parameters according to the animation duration.

[0054] In a second aspect, some embodiments of the present application provide a scrolling text display method, which is applied to the above display device. The method includes:

[0055] Obtain the page information of the target page; several text areas are included in the target page;

[0056] Obtain the scrolling text area in the text area according to the page information;

[0057] Perform repeated splicing processing on the text to be displayed in the scrolling text area to obtain spliced text;

[0058] Set the cascading style sheet parameters of the spliced text; the cascading style sheet parameters are used to play the spliced text in the form of a cascading style sheet animation;

[0059] Based on detecting that the user focus selects the scrolling text area, control the display to play the cascading style sheet animation corresponding to the spliced text in the scrolling text area according to the cascading style sheet parameters. BRIEF DESCRIPTION OF THE DRAWINGS

[0060] In order to more clearly illustrate the technical solutions of the present application, the drawings required for the embodiments will be briefly introduced below. Obviously, for those of ordinary skill in the art, other drawings can also be obtained based on these drawings without creative efforts.

[0061] Figure 1 Shows a schematic diagram of the operation scenario between a display device and a control device provided by some embodiments;

[0062] Figure 2 Shows a hardware configuration block diagram of a display device in some embodiments;

[0063] Figure 3 Shows a software configuration diagram of a display device in some embodiments;

[0064] Figure 4 Shows a schematic diagram of the interaction between a display device and a server in some embodiments;

[0065] Figure 5 Shows a schematic diagram of an application list interface in some embodiments;

[0066] Figure 6 Shows an interaction flowchart of each component of a display device in some embodiments;

[0067] Figure 7 Shows a schematic diagram of a browser interface in some embodiments;

[0068] Figure 8 Shows a schematic diagram of a user interface in some embodiments;

[0069] Figure 9 Shows a schematic diagram of a display device 260 displaying an input box in some embodiments;

[0070] Figure 10 Shows a schematic diagram of a settings interface in some embodiments;

[0071] Figure 11 Shows a schematic diagram of the structure of a DOM tree in some embodiments;

[0072] Figure 12 Shows a schematic diagram of splicing text in some embodiments;

[0073] Figure 13 Shows a schematic diagram of a system settings interface in some embodiments. Detailed implementation manners

[0074] The embodiments will be described in detail below, and examples thereof are shown in the drawings. When the following description refers to the drawings, unless otherwise indicated, the same numbers in different drawings represent the same or similar elements. The implementation manners described in the following embodiments do not represent all implementation manners consistent with the present application. They are only examples of systems and methods consistent with some aspects of the present application detailed in the claims.

[0075] It should be noted that the brief description of the terms in the present application is only for facilitating the understanding of the following described implementation manners, rather than intending to limit the implementation manners of the present application. Unless otherwise specified, these terms should be understood in their ordinary and common meanings.

[0076] The terms "first", "second", "third", etc. in the specification, claims and the above drawings of the present application are used to distinguish similar or like objects or entities, and do not necessarily mean to limit a specific order or sequence, unless otherwise noted. It should be understood that such terms can be interchanged under appropriate circumstances.

[0077] The terms "comprising" and "having" and any variations thereof are intended to cover inclusion without exclusivity. For example, a product or device comprising a series of components need not be limited to all the components clearly listed, but may include other components not clearly listed or inherent to such products or devices.

[0078] The term "module" refers to any known or later-developed hardware, software, firmware, artificial intelligence, fuzzy logic, or a combination of hardware and / or software code that can perform functions related to that element.

[0079] In the embodiments of the present application, the display device 200 generally refers to a device having the capabilities of displaying images and processing data. For example, the display device 200 includes but is not limited to smart TVs, mobile terminals, computers, monitors, advertising screens, wearable devices, virtual reality devices, augmented reality devices, etc.

[0080] Figure 1 A schematic diagram showing an operation scenario between a display device and a control device provided by some embodiments is shown. As Figure 1 shown, the user can operate the display device 200 through touch operations, the mobile terminal 300, and the control device 100. Among them, the control device 100 is used to receive operation instructions input by the user and convert the operation instructions into control instructions recognizable and responsive by the display device 200. For example, the control device 100 can be a remote control, a stylus, a handle, etc.

[0081] The mobile terminal 300 can be used as a control device for performing human-computer interaction between the user and the display device 200. The mobile terminal 300 can also be used as a communication device for establishing a communication connection with the display device 200 to perform data interaction. In some embodiments, software applications can be installed on the mobile terminal 300 and the display device 200, and connection communication can be achieved through network communication protocols to achieve the purpose of one-to-one control operations and data communication. It is also possible to transmit the audio and video content displayed on the mobile terminal 300 to the display device 200 to achieve the synchronous display function.

[0082] In some embodiments, the mobile terminal 300 or other electronic devices can also simulate the functions of the control device 100 by running an application program for controlling the display device 200.

[0083] As Figure 1 also shown, the display device 200 also communicates with the server 400 for data communication through various communication methods. The display device 200 is allowed to establish a communication connection through a local area network (LAN), a wireless local area network (WLAN), and other networks.

[0084] The display device 200 can provide a broadcast receiving TV function, and can additionally provide an intelligent network TV function with computer support functions, including but not limited to, network TV, smart TV, Internet Protocol TV (IPTV), etc.

[0085] Figure 2 The block diagram of the hardware configuration of the display device in some embodiments is shown.

[0086] In some embodiments, the display device 200 may include at least one of a tuner demodulator 210, a communication device 220, a detector 230, a device interface 240, a controller 250, a display 260, an audio output device 270, a memory, a power supply, and a user input interface.

[0087] In some embodiments, the detector 230 is used to collect signals from the external environment or interact with the outside. For example, the detector 230 includes a light receiver, a sensor for collecting the intensity of environmental light; or, the detector 230 includes an image collector, such as a camera, which can be used to collect external environmental scenes, user attributes, or user interaction gestures. Or, the detector 230 includes a sound collector, such as a microphone, etc., for receiving external sounds.

[0088] In some embodiments, the display 260 includes a display function component for presenting a picture and a driving component for driving image display. The display 260 is used to receive the image signal output from the controller 250 for display. For example, the display 260 can be used to display video content, image content, components of a menu control interface, and a user control UI interface, etc.

[0089] In some embodiments, the communication device 220 is a component for communicating with external devices or the server 400 according to various communication protocol types. The display device 200 can be provided with a plurality of communication devices 220 according to different supported communication methods. For example, when the display device 200 supports wireless network communication, the display device 200 can be provided with a communication device 220 including a WiFi function. When the display device 200 supports Bluetooth connection communication, the display device 200 needs to be provided with a communication device 220 including a Bluetooth function.

[0090] The communication device 220 can communicate and connect the display device 200 with external devices or the server 400 in a wireless or wired connection manner. Among them, the wired connection can connect the display device 200 with external devices through components such as data lines and interfaces. The wireless connection can connect the display device 200 with external devices through wireless signals or wireless networks. The display device 200 can directly establish a connection relationship with external devices, or indirectly establish a connection relationship through gateways, routers, connection devices, etc.

[0091] In some embodiments, the controller 250 may include at least one of a central processing unit, a video processor, an audio processor, a graphics processor, and a power processor, and the first interface to the nth interface for input / output. The controller 250 controls the operation of the display device and responds to user operations through various software control programs stored in the memory. The controller 250 controls the overall operation of the display device 200.

[0092] In some embodiments, the controller 250 and the tuner demodulator 210 may be located in different split devices, that is, the tuner demodulator 210 may also be in an external device of the main device where the controller 250 is located, such as an external set-top box, etc.

[0093] In some embodiments, the user may input a user command on the 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).

[0094] In some embodiments, the audio output device 270 may be a built-in speaker of the display device 200, or may be an external audio output device connected to the display device 200. Among them, for the external audio output device connected to the display device 200, the display device 200 may also be provided with an external audio output terminal, and the audio output device may be connected to the display device 200 through the external audio output terminal to output the sound of the display device 200.

[0095] In some embodiments, the user input interface 280 can be used to receive instructions from the user input.

[0096] To perform user interaction, in some embodiments, the display device 200 may run an operating system. The operating system is a computer program for managing and controlling the hardware resources and software resources in the display device 200. The operating system can control the display device to provide a user interface. For example, the operating system can directly control the display device to provide a user interface, or can provide a user interface by running an application program. The operating system also allows the user to interact with the display device 200.

[0097] It should be noted that the operating system may be a native operating system based on a specific operating platform, or a third-party operating system deeply customized based on a specific operating platform, or an independent operating system developed specifically for the display device.

[0098] The operating system can be divided into different modules or levels according to the functions implemented. For example, as Figure 3As shown, in some embodiments, the system is divided into four layers, from top to bottom, namely, the application layer (referred to as "application layer"), the application framework layer (referred to as "framework layer"), the system library layer and the kernel layer.

[0099] In some embodiments, the application layer provides services and interfaces for applications, enabling the display device 200 to run applications and interact with the user based on the applications. The application layer can host at least one application, which can include built-in window programs, system settings programs, clock programs, and the like, or applications developed by third-party developers. In specific implementations, the application packages in the application layer are not limited to the examples above.

[0100] The framework layer provides applications with an application programming interface (API) and programming framework. The application framework layer includes predefined functions. The application framework layer acts as a processing center, determining the actions taken by applications in the application layer. Through the API, applications can access system resources and services during execution.

[0101] Figure 3 Schematic diagram of software configuration of display devices in some embodiments is shown. Figure 3 As shown, in some embodiments, the system of the display device 200 can be divided into three layers, namely, an application layer, a middleware layer, and a hardware layer from top to bottom.

[0102] The application layer mainly includes applications on the TV and the application framework. Among them, applications are mainly browser-based applications, such as HTML5 apps and native apps.

[0103] The Application Framework is a complete program model that has all the basic functions required by standard application software, such as file access, data exchange, etc., as well as the user interfaces of these functions (toolbars, status bars, menus, dialog boxes).

[0104] Native apps can support online or offline, message push or local resource access.

[0105] The middleware layer includes various middleware such as TV protocols, multimedia protocols, and system components. The middleware can use the basic services (functions) provided by the system software to connect various parts of the application system on the network or different applications, and can achieve the purpose of resource sharing and function sharing.

[0106] The hardware layer mainly includes the HAL interface, hardware, and drivers. Among them, the HAL interface is the unified interface for all TV chips to dock, and the specific logic is implemented by each chip. The drivers mainly include: audio driver, display driver, Bluetooth driver, camera driver, WIFI driver, USB driver, HDMI driver, sensor drivers (such as fingerprint sensor, temperature sensor, pressure sensor, etc.), and power supply driver, etc.

[0107] It should be noted that the above examples are only simple divisions of the functions of the operating system, and do not limit the specific form of the operating system of the display device 200 in the embodiments of the present application. According to factors such as the functions of the display device and the type of the operating system, the number of levels and the specific level types included in the operating system can be in other forms.

[0108] The display device 200 can have various functions, such as browsing the web, playing media resources, entertainment games, screen mirroring, etc., so as to provide a variety of services to users. The user can control the display device 200 to start a relevant application program, thereby enabling the corresponding function.

[0109] The display device 200 can also play content provided from different storage sources. For example, the media data played by the display device can come from the server side of cloud storage or from a local hard disk storage device containing stored video programs, etc. Therefore, the display device 200 can obtain different types of media data by accessing different signal sources, including using media signals provided by media service items such as cable TV, radio broadcast, satellite service, etc.

[0110] In some embodiments, during the use of the display device 200, it can communicate with the server 400 to achieve data interaction, including receiving various data sent by the server 400. For example, the display device 200 can obtain media data in the network or web page data that the user needs to browse through the server 400.

[0111] To achieve data interaction between the display device 200 and the server 400, a communication connection needs to be established between the display device 200 and the server 400. For example, both the display device 200 and the server 400 can be connected to the Internet, and interactively transmitted data can be transferred between the display device 200 and the server 400 through Internet transmission protocols. When the display device 200 receives the interactively transmitted data from the server 400, it preferentially obtains the instructions or notifications contained in the interactively transmitted data, and then obtains other data to execute the corresponding interaction logic.

[0112] Figure 4 The schematic diagram of the interaction between the display device and the server in some embodiments is shown. As Figure 4 shown, components for establishing a communication connection need to be provided on the display device 200 and the server 400 respectively. A communication device 220 is provided in the display device 200, and a communication module 410 can be provided in the server 400 at the same time. The communication device 220 and the communication module 410 can support at least one same communication method at the same time to establish a communication connection relationship. For example, the communication device 220 on the display device 200 includes a fiber optic interface for connecting to the network; at the same time, the communication module 410 of the server 400 also includes a fiber optic interface to achieve a communication connection between the display device 200 and the server 400.

[0113] It should be noted that the display device 200 and the server 400 can also establish a communication connection relationship by other connection methods. For example, wired networks, wireless local area networks, cellular networks, Bluetooth, infrared, radio frequency communication, etc.

[0114] In some embodiments, after the user controls the display device 200 to power on, the controller 250 can control the display 260 to display the user interface. The user interface can be a specific target image, such as various media resources obtained from a network signal source, including content such as videos and pictures. The user interface can also be some pages obtained by the display device 200, including web pages provided by a browser, some UI interfaces of the display device 200, such as the system main interface, and various control interfaces of application programs installed in the display device 200, etc.

[0115] The display device 200 can display an application list interface to the user, receive an application start instruction input by the user based on the application list interface, and then run the corresponding application in response to the start instruction, so that the display device 200 supports the functions of the application. It should be noted that the applications installed on the display device 200 can be system applications or third-party applications. The user controls the display device 200 to implement the corresponding functions of the application program by opening a certain application program.

[0116] Figure 5 The schematic diagram of the application list interface in some embodiments is shown. AsFigure 5 As shown, the application list interface includes three controls: "Cable TV", "Network Media Assets", and "Browser". The display device 200 realizes different functions by detecting the user's touch operations. In response to the user's touch operation on the "Cable TV" control, the display device 200 can display the media channel interface for the user to select media channels for playback. In response to the user's touch operation on the "Network Media Assets" control, the display device 200 can start the network media asset application to play various network media assets. In response to the user's touch operation on the "Browser" control, the display device 200 starts the browser, and the user can browse various web pages.

[0117] In some embodiments, the user can view various pages on the display device 200. For example, after the user starts the browser, the user can access various web pages provided on the network through the browser. Or, the user can view some pages provided by the display device itself, such as UI interfaces like the settings interface and the function interface.

[0118] In these pages, various elements can be displayed, such as text, pictures, videos, and other content. Among them, each piece of content can correspond to an area, such as a picture area, a video playback area, and multiple text areas, etc. In the page, each content area can be presented in the form of a control, that is, each control in the page can display a content area such as a text area for the user to view.

[0119]

[0120]

[0121]

[0122] ​​​In some embodiments, when implementing the marquee effect, the display device can use JavaScript technology. JavaScript can change the positions of individual text elements in the text area, thereby demonstrating the effect of the text at different positions. Each time, a small distance can be adjusted for the text content. By continuously adjusting the text position in the text area, the effect of text scrolling, i.e., the marquee effect, can be simulated. The marquee effect can be used to scroll and display content such as text or images, thereby ensuring that even larger-sized text in the text area can be fully displayed, providing complete information to the user, and also attracting the user's attention.

[0123] However, there are some problems with scrolling and displaying text through JavaScript. To achieve the effect of text scrolling, the frequent changes in adjusting the positions of elements in the text area are relatively fast, resulting in a large amount of computation. If the text content is relatively complex, it will make the computational complexity high. Therefore, the entire process of scrolling and displaying text through JavaScript has relatively high requirements for the performance of the display device. If the performance of the display device is low, there may be lags or delays during text scrolling, resulting in poor coherence of text scrolling and seriously affecting the user experience.

[0124] At the same time, JavaScript technology is relatively complex. Using JavaScript technology in a display device requires injecting complex running code first, increasing the difficulty of technology development and maintenance.

[0125] In some embodiments, to solve the above problems, the display device can have a text scrolling function. The display device can use CSS (Cascading Style Sheets) technology and play the text in the form of a CSS animation to demonstrate the text scrolling effect. The display device can obtain the scrolling text area according to the page information of the target page and perform repeated splicing processing on the text to be displayed in the scrolling text area to obtain spliced text. The display device sets the cascading style sheet parameters of the spliced text, thereby endowing the spliced text with the ability to be played in the form of a cascading style sheet animation. For the scrolling text area selected by the user focus, the display device can play the cascading style sheet animation corresponding to the spliced text in the scrolling text area according to the cascading style sheet parameters to achieve the effect of scrolling and displaying the text.

[0126] Figure 6 The interaction flowchart of each component of the display device in some embodiments is shown, including the following steps:

[0127] S601. Obtain the page information of the target page; several text areas are included in the target page;

[0128] S602. Obtain the scrolling text area in the text area according to the page information;

[0129] S603. Perform repeated splicing processing on the text to be displayed in the scrolling text area to obtain spliced text;

[0130] S604. Set the cascading style sheet parameters of the spliced text; the cascading style sheet parameters are used to play the spliced text in the form of a cascading style sheet animation;

[0131] S605. Based on detecting that the user focuses on selecting the scrolling text area, control the display to play the cascading style sheet animation corresponding to the spliced text in the scrolling text area according to the cascading style sheet parameters.

[0132] In some embodiments, the user can browse various pages through the display device 200, such as web pages accessed through a browser, and some UI interfaces of the display device 200, etc. In the embodiments of the present application, the page that can be displayed in the display device 200 is called the target page.

[0133] The controller 250 can obtain the page information of the target page. According to the page information, the controller 250 can control the display 260 to display the target web page.

[0134] In some embodiments, the target page can be a web page on the network.

[0135] Take Figure 5 the application list interface shown as an example. The user can click on the "browser" control, for example, control the focus cursor to move to the "browser" control through the control device and confirm. In response to this operation of the user, the display device 200 can start the browser application, and the user can browse various web pages through the browser.

[0136] The controller 250 can control the display 260 to display the browser interface. Figure 7 Shows a schematic diagram of the browser interface in some embodiments. As Figure 7 shown, the browser page contains multiple web controls. The user can select one of the web controls, thereby controlling the display device 200 to access the web page corresponding to the web control. The controller 250 can detect the selection operation of the user on the web control in the browser page. After detecting that the user has selected the target web control, the controller 250 can obtain the page information of the target web page corresponding to the target web control, thereby controlling the display 260 to display the target web page.

[0137] In some embodiments, when the user controls the display device 200 to power on, the controller 250 can control the display 260 to display a user interface, and the user interface contains a web search control. Figure 8Shows a schematic diagram of a user interface in some embodiments. As Figure 8 shown, the user interface includes a web search control 801.

[0138] The user can select the web search control 801, for example, by using a control device to move the focus cursor to the web search control 801 and confirm, so as to use the display device 200 to search for web resources for viewing. In response to the user's selection operation on the web search control, the controller 250 can control the display 260 to display an input box. Figure 9 Shows a schematic diagram of the display 260 displaying an input box in some embodiments. As Figure 9 shown, the input box includes a text input area and a virtual keyboard. The user can use the virtual keyboard to input information, and the input information can be displayed in the text input area for the user to confirm.

[0139] The user can input a website name or keyword information. The controller 250 can detect the information input by the user in the input box. For example, the user can input a website name in order to access the corresponding website. The controller 250 can further obtain the page information corresponding to the website, so as to control the display 260 to display the web page of the website for the user to view.

[0140] In some embodiments, the user can also input a Uniform Resource Locator (URL) in the input box. A Uniform Resource Locator is a concise representation of the location and access method of resources that can be obtained from the Internet, and is the address of standard resources on the Internet. The display device 200 can access the corresponding web page on the Internet through this Uniform Resource Locator.

[0141] The controller 250 can detect the user's Uniform Resource Locator input operation, where the Uniform Resource Locator input operation is used to indicate the target web page to be displayed. Based on the user's Uniform Resource Locator input operation, the controller 250 can obtain the Uniform Resource Locator input by the user, so as to obtain the page information of the target web page corresponding to the Uniform Resource Locator.

[0142] In some embodiments, when the controller 250 obtains the web page information of the target web page, it can use a browser to access the web page on the server, so as to obtain the page information of the web page.

[0143] The browser can send a request to the server to request the establishment of a communication connection between the browser and the server, which can be a TCP (Transmission Control Protocol) connection. TCP is a connection-oriented (connection-oriented), reliable, byte-stream-based transport layer communication protocol. After the server responds, the browser can establish a TCP connection with the server. After the connection is established, the two processes perform read and write operations through the established connection, and the browser can obtain the web page information of the target web page from the server.

[0144] In some embodiments, the target page may be the UI interface of the display device 200, such as a settings interface. Figure 10 The schematic diagram of the settings interface in some embodiments is shown. As Figure 10 shown, the settings interface includes multiple controls, and each control displays text content.

[0145] It should be noted that there are several controls in the target page, each control occupies a region, and can display content such as text or pictures. Therefore, the target page may include several text regions, and each text region corresponds to a control.

[0146] To achieve the scrolling effect of the text in the text region, the controller 250 can obtain the page information of the target page. Through this page information, the controller 250 can determine the text regions in the target page and the text content in the text regions, so as to display the text in the text regions in a scrolling form. In the embodiments of the present application, the text in the text region is referred to as the text to be displayed.

[0147] For a page, its page information may include a HyperText Markup Language (HTML) document and a Cascading Style Sheets (CSS) file.

[0148] Among them, the HyperText Markup Language is a standard markup language for creating web pages. The HyperText Markup Language document is a structured representation of the web page content. It consists of a series of elements (such as tags), and these elements define the content, layout, and style of the page. The HyperText Markup Language document describes the web page through markup tags. HTML tags are used to describe text, graphics, animations, sounds, tables, links, etc. The browser will read the HTML document, interpret the content of the tags in the document, and display it in the form of a web page.

[0149] Therefore, the text content of the text region, that is, the text to be displayed, can be recorded in the HyperText Markup Language document.

[0150] CSS is a computer language used to represent the styles of files such as HTML or Extensible Markup Language (XML). It can be used to define style structures, such as languages for fonts, colors, positions, etc. CSS can be directly stored in an HTML web page or in a separate style file to achieve control over the styles in the web page. CSS can precisely control the layout of element positions on a web page at the pixel level, support almost all font sizes and styles, and has the ability to edit web page objects and model styles. CSS can not only statically decorate a web page, but also dynamically format various elements on the web page in conjunction with various scripting languages.

[0151] After obtaining the page information of the target web page, the controller 250 can obtain the scrolling text area in the text area according to the page information. In the embodiments of the present application, the scrolling text area refers to the text area where the text is scrolled and displayed.

[0152] In some embodiments, for the target page in the form of a web page, the provider who made the web page may have already set whether each text area in the web page is a scrolling text area.

[0153] The marquee (moving text) tag in an HTML document can achieve the marquee effect, so it can record whether the text area is a scrolling text area.

[0154] The marquee tag contains the following attributes: scrolling direction (direction): divided into left / right / up / down; scrolling speed (scrollamount): sets the distance for the scrolling caption to scroll once; scrolling method (behavior): includes scroll / slide / alternate, scroll means repeatedly scrolling from one end to the other; slide means scrolling only once, from one end to the other; alternate means repeatedly scrolling back and forth between the two ends; loop: includes infinite / num. infinite=-1 means infinite scrolling; num equals the number of times, indicating the number of loops; delay (scrolldelay): sets the delay time between two scrolls; background color (bgcolor): sets the background color of the scrolling content; height (height): sets the height of the scrolling content; width (width): sets the width of the scrolling content; blank space (hspace / vspace): sets the width of the left and right borders and the top and bottom borders of the scrolling content.

[0155] Therefore, for some pages, their HTML documents record which of several text areas are scrolling text areas, and at the same time record the setting parameters for text scrolling in the scrolling text areas.

[0156] In some embodiments, for some UI interfaces of the display device 200 and some web pages, it may not be pre-set which text areas are scrolling text areas. The display device 200 can set the scrolling text areas by itself. The controller 250 can obtain the scrolling text areas in the text area according to the page information.

[0157] The controller 250 can first generate a rendering tree of the target page according to the page information. The rendering tree is an internal representation constructed by the browser before displaying the page, and it contains the visual elements of the page. The rendering tree consists of DOM (Document Object Model) nodes and their visual styles. The nodes of the rendering tree correspond to each visible element (including text nodes) on the page, and each node contains a reference to the calculated style information.

[0158] The controller 250 can parse the hypertext markup language document to generate a document object model tree (DOM tree).

[0159] The controller 250 can obtain the document code in the hypertext markup language document. Then parse the document code to obtain the document object model. The document object model is also called the DOM tree.

[0160] The DOM tree is an interface that provides access to and updates the style, structure, and content of a document allowing scripts to be executed. Executing scripts can process the document and use the DOM to incorporate the results of the processing into the document. The DOM tree can be considered a tree-like representation of the data and structure on the page.

[0161] A web page file (such as an HTML file) consists of many different types of web page elements, and these elements form a DOM tree according to a certain nesting relationship. Each element is a node on the DOM tree. The browser application of the display device 200 can parse the web page file to obtain the DOM tree of the complete elements corresponding to the web page file. The so-called complete elements refer to all the web page elements in the web page file. The browser can display the current web page based on the DOM tree of the complete elements. Figure 11 Shows a schematic structural diagram of the DOM tree in some embodiments. As Figure 11 shown, the DOM tree can contain several generations of nodes, and each node is a web page element.

[0162] In some embodiments, the DOM represents a web page document as a tree of node objects. Each node corresponds to a part of the document. Nodes can be of various types, including for example, root nodes, element nodes, attribute nodes, text nodes, and script nodes. A text node is a node corresponding to the text in the document and includes the text stored in the node. An element node is a node corresponding to an attribute of an element node such as a tag or <title>The node corresponding to the annotation in the document of the label. The attribute node is related to such as < / title> the source of a tag. A script node includes an executable script. The DOM tree can also include other types of nodes. The structure of the DOM tree is determined by the hierarchical relationships between the nodes. The hierarchical relationships of the nodes are due to the nesting of comments in the document. The hierarchical structure and the order of the nodes at the same level in the tree are processed by a markup language display program and are used to present the document.

[0163] The controller 250 can also parse a Cascading Style Sheets file to generate a Cascading Style Sheets file tree. The Cascading Style Sheets file CSS includes style information and background attributes corresponding to each element object in the DOM tree. The controller 250 can parse the Cascading Style Sheets file to obtain a Cascading Style Sheets file tree (CSS tree).

[0164] The controller 250 can perform a synthesis process on the Document Object Model tree and the Cascading Style Sheets file tree to generate a rendering tree.

[0165] In some embodiments, the controller 250 can generate a target page that can be displayed based on the rendering tree and can control the display 260 to display the target page.

[0166] The controller 250 can traverse the rendering tree, determine all the nodes of the rendering tree, and perform layout on all the nodes. By drawing all the laid-out nodes, the target page can be obtained. The controller 250 can control the display 260 to display the target web page display interface for the user to view and operate.

[0167] In some embodiments, the controller 250 can determine a scrolling text area based on the rendering tree.

[0168] The controller 250 can obtain the area information of several text areas based on the rendering tree. Among them, the area information can include the area size and the font size of the text to be displayed in the area. The area size is a parameter set by the page manufacturer and is pre-stored in the HTML document, including the length of the control corresponding to the text area. The font size of the text to be displayed in the area can be a parameter pre-stored in the HTML document or a font size set by the user in the display device 200.

[0169] The controller 250 can detect the area type of the text area according to the area information. Among them, the area type includes a scrolling text area and a static text area.

[0170] It should be noted that for each text area, the text content can be displayed statically or scrolled in a marquee style. Therefore, when setting the area type of the text area, each text area can be a static text area or a scrolling text area.

[0171] However, considering that for relatively small texts that can be fully displayed in the text area, if they are displayed in a scrolling form, the user experience will be poor. For this reason, the controller 250 can set the area type of the text area according to the area size of the text area and the size of the text to be displayed.

[0172] The controller 250 can extract the text content of several text areas from the page information. The text content in the text area is recorded in the HTML document, so the controller 250 can extract the text to be displayed in each text area through the HTML document.

[0173] The controller 250 can calculate the text size of the text to be displayed in the text area according to the text font size and the text content. The size occupied by each character in the text to be displayed can be the same. Therefore, the controller 250 can determine the number of characters through the text content, and the controller 250 can calculate the length occupied by the text to be displayed according to the number of characters and the text font size. In the embodiments of the present application, it is referred to as the text size.

[0174] The controller 250 can detect the text size and the area size.

[0175] If the text size is less than or equal to the area size, the controller 250 can mark this text area as a static text area. If the text size is greater than the area size, the controller 250 can mark this text area as a scrolling text area.

[0176] Among them, when the text scrolls, it can be divided into left - right scrolling and up - down scrolling. When scrolling up and down, the text is arranged vertically, and the controller can compare the total height of the text to be displayed and the height of the text area. When scrolling left and right, the text is arranged horizontally, and the controller can compare the total length of the text to be displayed and the length of the text area.

[0177] In some embodiments, for the target page in the form of a web page, it is also possible to determine the scrolling text area based on whether the text area presented on the page can display the text to be displayed completely.

[0178] The controller 250 can first generate page content based on page information and control the display 260 to display the page content. The controller 250 can take a screenshot of the display 260 to obtain a page screenshot of the target page. The controller 250 can perform optical character recognition processing on the page screenshot, such as performing OCR (Optical Character Recognition) processing.

[0179] For an image, the information obtained after OCR recognition can include the following: the specific text recognized and the location information of the recognized text. According to the text location information, the text area corresponding to each piece of recognized text can be determined. The controller 250 can detect whether the recognized text in the same text area is consistent with the original text to be displayed.

[0180] If they are consistent, the controller 250 can mark the text area as a static text area. If they are inconsistent, the controller 250 can mark the text area as a scrolling text area.

[0181] In some embodiments, after detecting the area types of all text areas, the controller 250 can obtain all the scrolling text areas among several text areas.

[0182] For the scrolling text area, the controller 250 can scroll and display the text in the area in the form of a CSS animation.

[0183] In some embodiments, the controller 250 can perform repeated splicing processing on the text to be displayed in the scrolling text area to obtain spliced text.

[0184] The controller 250 can copy the text to be displayed to generate copied text.

[0185] The controller 250 can combine the text to be displayed and a preset splicing symbol to obtain the first text content. When combining, the controller can splice the right boundary of the text to be displayed and the left boundary of the splicing symbol to ensure that the two boundaries coincide.

[0186] Moreover, the controller can combine the copied text and a preset splicing symbol to obtain the second text content. When combining, the controller can splice the right boundary of the copied text and the left boundary of the splicing symbol to ensure that the two boundaries coincide.

[0187] Among them, the preset splicing symbol is used to separate the text to be displayed and the copied text. For example, the splicing symbol can be an empty text symbol. In some embodiments, the splicing symbol can also be a connecting symbol, such as a horizontal line. When scrolling and playing the text, considering the user's viewing experience, the splicing symbol can be set to a hidden effect, that is, the user cannot see the splicing symbol.

[0188] The controller 250 can splice the first text and the second text to generate a spliced text. Figure 12 A schematic diagram of the spliced text in some embodiments is shown. As Figure ,12 shown, the text to be displayed is 1201, and the content is "ABCDEFG". 1202 and 1204 are splicing symbols, which can be empty text symbols. The copied text is 1203. Among them, the text to be displayed 1201 and the splicing symbol 1202 form the first text, and the copied text 1203 and the splicing symbol 1204 form the second text. The first text and the second text are spliced left and right, ensuring that the right boundary of the first text coincides with the left boundary of the second text, resulting in a spliced text.

[0189] In some embodiments, the controller 250 can set the cascading style sheet parameters of the spliced text. Among them, the cascading style sheet parameters are used to play the spliced text in the form of a cascading style sheet animation, thereby giving the spliced text the ability to scroll and display in the scrolling text area.

[0190] When setting the cascading style sheet parameters, the controller 250 can first obtain the scrolling direction of the spliced text. For example, the scrolling direction can be scrolling from right to left.

[0191] When controlling the spliced text to scroll, it can be set that when reaching a preset position, the spliced text pauses scrolling for a period of time and then continues to scroll. For example, the spliced text contains the first text and the second text, but the content of the first text and the second text is the same. Therefore, when the first text finishes scrolling, the spliced text can be controlled to pause to prompt the user that the complete text has scrolled once. The connection position of the first text and the second text is the pause position of the spliced text.

[0192] The controller 250 can obtain the second position of the symbol boundary of the splicing symbol in the spliced text. Among them, the connection position of the first text and the second text is the right boundary of the splicing symbol in the first text.

[0193] The controller 250 can set the transformation parameter transform in the cascading style sheet parameters according to the scrolling direction and the second position. The second position is the middle position of the spliced text, that is, the 50% position of the spliced text. Therefore, the transformation parameter transform can be set to: translateX(-50%).

[0194] Among them, transform in CSS is also called two-dimensional transformation, including translation, rotation, scaling, reflection, and skew. transform is an element transformation property, and its property value is a transformation function. Using this property, the element can be moved, scaled, rotated, etc. in the specified direction.

[0195] The transform corresponding to the scrolling text effect is translation (translate). Translation includes translateX (horizontal movement) and translateY (vertical movement). In the embodiments of the present application, taking the horizontal scrolling of text as an example for introduction, the transform parameter translateX is selected. When the value of translateX is positive, the element moves to the right; when the value is negative, the element moves to the left.

[0196] translate can be expressed in the form of translateX(value), where value is the numerical value of the translation along the X-axis and can be a positive or negative number, representing the distance of movement to the right or left. In the embodiments of the present application, the transform parameter is set to translateX(-50%). When the spliced text scrolls half of the distance, the CSS animation can pause, and at this time, the spliced text stops scrolling. When the pause duration reaches the preset duration, the CSS animation continues to play, and the spliced text can continue to scroll.

[0197] For example, when setting the horizontal scroll from right to left, the transform parameter is specifically set as follows:

[0198] ```css

[0199] animation:scroll-animation linear infinite;

[0200] @keyframes scroll-animation{

[0201] 0%{transform:translateX(0);}

[0202] 100%{transform:translateX(-50%);}

[0203] }

[0204] Among them, the displacement amount -50% corresponds to half of the total length of the spliced text, ensuring seamless connection and scrolling between the original text and the copied text.

[0205] In some embodiments, the controller 250 can set the display parameter display in the cascading style sheet parameters to the inline-block element.

[0206] The display property of CSS is a key property that controls how an element is displayed on a page. It determines the layout behavior of the element and its relationship with surrounding elements. The display property is used to define the display type of an element, including its external display type (how it participates in the page layout) and internal display type (how to layout its child elements). The property values that can be set for display are as follows:

[0207] block: The element is displayed as a block-level element, taking up an entire line and allowing the width and height to be set.

[0208] inline: The element is displayed as an inline element, not taking up an entire line, and the width and height are determined by the content.

[0209] inline-block: Combines the characteristics of block-level and inline elements, not taking up an entire line but allowing the width and height to be set.

[0210] flex: The element becomes a flexible box container, and its child elements can be arranged flexibly.

[0211] grid: The element becomes a grid container, and its child elements are arranged according to the grid layout.

[0212] none: The element is not displayed and does not occupy space.

[0213] In the embodiments of this application, the display parameter display is set to the inline-block element, so as to ensure that the entire splicing scrolls within one line and will not be divided into multiple lines.

[0214] In some embodiments, the controller 250 can set the overflow parameter in the cascading style sheet parameters to hidden.

[0215] The overflow property of CSS is used to control how to handle the overflow content when the content of an element exceeds its defined size (usually width and height). The overflow property has the following values:

[0216] visible: This is the default value. The content will not be clipped and will still be displayed outside the container.

[0217] hidden: The content will be clipped, not displayed outside the container, and no scroll bar will be provided.

[0218] scroll: The content will be clipped, but a scroll bar will be provided to view the clipped content. The scroll bar will be displayed regardless of whether the content overflows.

[0219] auto: If the content overflows, a scroll bar will be provided; otherwise, not. This is the most commonly used value because it dynamically shows or hides the scroll bar as needed.

[0220] In the embodiments of the present application, the overflow parameter is set to hidden, ensuring that the spliced text is only displayed within the current text area and will not affect other areas.

[0221] In some embodiments, when setting the cascading style sheet parameters of the spliced text, the animation duration can also be set, that is, the time consumed for the spliced text to scroll through a complete cycle.

[0222] The controller 250 can obtain the scrolling speed and text size of the spliced text, and calculate the animation duration based on the scrolling speed and text size. The calculation method is: Animation duration = Spliced text length (height) / Scrolling speed

[0223] When scrolling left and right, the ratio of the text length to the scrolling speed can be calculated, and when scrolling up and down, the ratio of the text height to the scrolling speed can be calculated. Among them, the scrolling speed and text size can be obtained from the HTML document or set by the user himself / herself, and the embodiments of the present application do not make any limitations.

[0224] The controller 250 can set the cascading style sheet parameters according to the animation duration.

[0225] In some embodiments, for the target page, it can be pre-set whether each text area uses the scrolling text method to display the text. At the same time, all scrolling text areas can be pre-set with cascading style sheet parameters in advance to endow these scrolling text areas with the ability to scroll and display text.

[0226] After the controller 250 controls the display 260 to display the target page, it can control the display 260 to play the cascading style sheet animation corresponding to the spliced text in the scrolling text area.

[0227] It should be noted that the target page may include multiple scrolling text areas. If text scrolling is performed in all scrolling text areas, the entire page may look rather chaotic, affecting the user experience.

[0228] Therefore, in the embodiments of the present application, it is set that text scrolling is performed in the scrolling text area selected by the user focus, and no text scrolling display is performed in other text areas.

[0229] After the controller 250 controls the display 260 to display the target page, the controller 250 can detect the user focus in the target page.

[0230] Based on detecting that the user focus selects the scrolling text area, the controller 250 can control the display 260 to play the cascading style sheet animation corresponding to the spliced text in this area according to the cascading style sheet parameters corresponding to the spliced text in this area.

[0231] Based on detecting that the user focus does not select the scrolling text area, the controller 250 can control the display 260 to display the original text to be displayed in the scrolling text area, that is, to display the text to be displayed in a static display form.

[0232] In some embodiments, when playing a cascading style sheet animation corresponding to the spliced text in the scrolling text area, the controller 250 can control the playing state of the animation, including the paused state and the resumed state.

[0233] The controller 250 can obtain the target boundary of the scrolling text area. Among them, the target boundary is the area boundary passed by the spliced text when scrolling in the scrolling text area. For example, if the text scrolls from right to left, the target boundary is the left boundary of the scrolling text area; if the text scrolls from left to right, the target boundary is the right boundary of the scrolling text area.

[0234] The controller 250 can detect the scrolling position of the spliced text. Among them, the scrolling position includes the first position of the symbol boundary of the splicing symbol in the scrolling text area. The symbol boundary of the splicing symbol can be the right boundary of the splicing symbol in the first text.

[0235] Based on detecting that the first position passes through the target boundary, that is, when the first position currently coincides with the boundary of the scrolling text area, the controller 250 can control the display 260 to pause playing the cascading style sheet animation in the scrolling text area.

[0236] When the pause time reaches the preset time, the controller 250 can control the display 260 to continue playing the cascading style sheet animation in the scrolling text area. Among them, the preset time can be set by the user himself, or the default setting value of the display device 200. For example, the preset time can be 1 second. [[ID=1⑧]]

[0237] In some embodiments, the pause time may not be set, and the spliced text in the scrolling text area can be controlled to keep scrolling until the entire spliced text has scrolled.

[0238] When the spliced text has finished scrolling, it can be considered that one cycle of CSS animation playback is completed. At this time, the next cycle of CSS animation can be continued. Taking the scroll from right to left as an example, when it is detected that the right boundary of the spliced text coincides with the left boundary of the scrolling text area, the controller 250 can control the display 260 to replay the CSS animation in the scrolling text area.

[0239] In some embodiments, it can also be to achieve the effect of circular scrolling of the spliced text. Taking the scroll from right to left as an example, when it is detected that the right boundary of the spliced text coincides with the right boundary of the scrolling text area, the entire spliced text can be added again to the right boundary of the scrolling text area, so as to ensure the circular scrolling of the spliced text.

[0240] In some embodiments, a text display mode may be set in the display device 200, including a static mode and a scrolling mode. In the static mode, when the display device 200 displays a page, all text areas in the page are displayed in a static form. In the scrolling mode, text can be scrolled and displayed in the scrolling text areas in the page, while the static text areas are displayed in a static form.

[0241] The user can control the display device 200 to enter the static mode or the scrolling mode through the system settings interface of the display device 200. Figure 13 The schematic diagram of the system settings interface in some embodiments is shown. As Figure 13 shown, the system settings interface includes screen settings, sound settings, text display mode settings, network settings, and factory reset settings. The user can click on the text display mode to select the display device 200 to enter the static mode and the scrolling mode.

[0242] The embodiment of the present application also provides a scrolling text display method, which is applied to a display device. The method includes:

[0243] Step 601, obtain the page information of the target page; several text areas are included in the target page;

[0244] Step 602, obtain the scrolling text areas in the text areas according to the page information;

[0245] Step 603, perform repeated splicing processing on the text to be displayed in the scrolling text areas to obtain spliced text;

[0246] Step 604, set the cascading style sheet parameters of the spliced text; the cascading style sheet parameters are used to play the spliced text in the form of a cascading style sheet animation;

[0247] Step 605, based on detecting that the user focus selects the scrolling text area, control the display to play the cascading style sheet animation corresponding to the spliced text in the scrolling text area according to the cascading style sheet parameters.

[0248] For the same and similar parts among the various embodiments in this specification, reference can be made to each other, and details will not be repeated here.

[0249] Those skilled in the art can clearly understand that the technology in the embodiments of the present invention can be implemented by means of software plus a necessary general hardware platform. Based on such an understanding, the technical solutions in the embodiments of the present invention, in essence, or the part that contributes to the prior art can be embodied in the form of a software product. This computer software product can be stored in a storage medium, such as ROM / RAM, magnetic disk, optical disk, etc., and includes several instructions for causing a computer device (which can be a personal computer, a server, or a network device, etc.) to execute the methods of the various embodiments or some parts of the embodiments of the present invention.

[0250] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present application, and not to limit them; although the present application has been described in detail with reference to the foregoing embodiments, those of ordinary skill in the art should understand that they can still modify the technical solutions recorded in the foregoing embodiments, or perform equivalent replacements on some or all of the technical features; and these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the various embodiments of the present application.

[0251] For the sake of convenience of explanation, the above description has been made in conjunction with specific embodiments. However, the above exemplary discussions are not intended to be exhaustive or to limit the embodiments to the specific forms disclosed above. According to the above teachings, various modifications and variations can be obtained. The selection and description of the above embodiments are for the purpose of better explaining the principles and practical applications, so that those skilled in the art can better use the embodiments and various different variations of the embodiments suitable for specific use considerations.

Claims

1. A display device, characterized in that, including: a display configured to display a target page; a controller configured to: obtain page information of the target page; the target page includes a plurality of text areas; obtain a scrolling text area in the text areas according to the page information; perform repeated splicing processing on the text to be displayed in the scrolling text area to obtain spliced text; set cascade style sheet parameters for the spliced text; the cascade style sheet parameters are used to play the spliced text in the form of a cascade style sheet animation; based on detecting that a user focus selects the scrolling text area, control the display to play the cascade style sheet animation corresponding to the spliced text in the scrolling text area according to the cascade style sheet parameters.

2. The display device according to claim 1, wherein The controller performs repeated splicing processing on the text to be displayed in the scrolling text area, and is specifically configured to: perform a copying process on the text to be displayed to generate a copied text; combine the text to be displayed and a preset splicing symbol to obtain a first text content; and combine the copied text and the preset splicing symbol to obtain a second text content; the preset splicing symbol is used to separate the text to be displayed and the copied text; perform a splicing process on the first text and the second text to generate spliced text.

3. The display device according to claim 2, wherein The controller performs controlling the display to play the cascade style sheet animation corresponding to the spliced text in the scrolling text area, and is further configured to: obtain a target boundary of the scrolling text area; the target boundary is an area boundary passed by the spliced text when scrolling in the scrolling text area; detect a scrolling position of the spliced text; the scrolling position includes a first position of the symbol boundary of the splicing symbol in the scrolling text area; based on detecting that the first position passes the target boundary, control the display to pause playing the cascade style sheet animation in the scrolling text area; when the pause time reaches a preset time, control the display to continue playing the cascade style sheet animation in the scrolling text area.

4. The display device according to claim 3, characterized in that, The controller performs setting the cascade style sheet parameters for the spliced text, and is further configured to: obtain a scrolling direction of the spliced text; and obtain a second position of the symbol boundary of the splicing symbol in the spliced text; set a transformation parameter transform in the cascade style sheet parameters according to the scrolling direction and the second position; set a display parameter display in the cascade style sheet parameters to an inline-block element; set an overflow parameter in the cascade style sheet parameters to hidden.

5. The display device according to claim 1, wherein After the controller performs setting the cascade style sheet parameters for the spliced text, it is further configured to: detect a user focus in the target page; based on detecting that the user focus does not select the scrolling text area, control the display to display the text to be displayed in the scrolling text area.

6. The display device according to claim 1, wherein The controller performs obtaining the scrolling text area in the text areas according to the page information, and is specifically configured to: Generate a rendering tree of the target page according to the page information; Obtain the region information of several text regions based on the rendering tree; Detect the region type of the text region according to the region information; the region type includes a scrolling text region and a static text region; Obtain the scrolling text regions among several text regions.

7. The display device according to claim 6, characterized in that, The page information includes a HyperText Markup Language document and a Cascading Style Sheets file; The controller executes generating a rendering tree of the target page according to the page information, and is specifically configured to: Parse the HyperText Markup Language document to generate a Document Object Model tree; Parse the Cascading Style Sheets file to generate a Cascading Style Sheets file tree; Perform a synthesis process on the Document Object Model tree and the Cascading Style Sheets file tree to generate a rendering tree.

8. The display device according to claim 6, wherein The region information includes the region size and the font size of the text to be displayed in the region; The controller executes detecting the region type of the text region according to the region information, and is specifically configured to: Extract the text content of several text regions from the page information; Calculate the text size of the text to be displayed in the text region according to the font size and the text content; Detect the text size and the region size; If the text size is less than or equal to the region size, mark the text region as a static text region; If the text size is greater than the region size, mark the text region as a scrolling text region.

9. The display device according to claim 1, wherein The controller executes setting the Cascading Style Sheets parameters of the spliced text, and is also configured to: Obtain the scrolling speed and the text size of the spliced text, and calculate the animation duration according to the scrolling speed and the text size; Set the Cascading Style Sheets parameters according to the animation duration.

10. A method for scrolling text display, characterized in that, Applied to the display device according to any one of claims 1-9, the method includes: Obtain the page information of the target page; the target page contains several text regions; Obtain the scrolling text regions in the text region according to the page information; Perform repeated splicing processing on the text to be displayed in the scrolling text region to obtain spliced text; Set the Cascading Style Sheets parameters of the spliced text; the Cascading Style Sheets parameters are used to play the spliced text in the form of a Cascading Style Sheets animation; Based on detecting that the user focus selects the scrolling text region, control the display to play the Cascading Style Sheets animation corresponding to the spliced text in the scrolling text region according to the Cascading Style Sheets parameters.

Images