WO2011091739A1 - Focal element display method and device and digital television receiving terminal - Google Patents

Focal element display method and device and digital television receiving terminal Download PDF

Info

Publication number
WO2011091739A1
WO2011091739A1 PCT/CN2011/070513 CN2011070513W WO2011091739A1 WO 2011091739 A1 WO2011091739 A1 WO 2011091739A1 CN 2011070513 W CN2011070513 W CN 2011070513W WO 2011091739 A1 WO2011091739 A1 WO 2011091739A1
Authority
WO
WIPO (PCT)
Prior art keywords
focus element
window
webpage
special effect
effect drawing
Prior art date
Application number
PCT/CN2011/070513
Other languages
French (fr)
Chinese (zh)
Inventor
刘汉军
蔡婷
Original Assignee
深圳市同洲电子股份有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 深圳市同洲电子股份有限公司 filed Critical 深圳市同洲电子股份有限公司
Publication of WO2011091739A1 publication Critical patent/WO2011091739A1/en

Links

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations

Definitions

  • the present invention relates to the field of digital television technologies, and in particular, to a focus element display method and apparatus, and a digital television receiving terminal. Background technique
  • the embedded browser is different from the browser on the computer.
  • the embedded browser On the computer, when the user is interested in a certain link, just click the link with the mouse to browse the related link content.
  • the embedded browser on the digital TV receiving terminal has no mouse and only one remote control. So the embedded browser must highlight the current focus (the location of the currently selectable link) and tell the user where the current focus is. The user can switch to the focus element of interest by using the up, down, left and right buttons of the remote control.
  • the manner in which the embedded browser browses the webpage to display the current focus element mainly includes: a rectangular frame mark, a fill color mark, and a replacement picture.
  • the rectangle mark is to use a rectangle to frame the current page focus element as a marker that tells the user where the current focus element is.
  • the fill color marker fills the background color of the current focus element with a default color, making a mark that tells the user where the current focus element is. Both of these methods are implemented by the browser on the current web page to mark the current focus.
  • the replacement image is the web page developer who monitors it through the client-side scripting language JavaScript.
  • JavaScript When switching focus, when an element becomes the current focus, the specified image is used as the background of the current element, and a mark is given to inform the user of the current focus element position. When this element is no longer the current focus, the specified image as the background is unloaded.
  • This way of displaying the current focus element by replacing the image needs to be monitored and implemented by the JavaScript scripting language when loading and unloading the image. And the image is placed on the front-end device, and the image is loaded to the front-end device through the browser. And since the length and height of each focus element may be different, a web page may need to be prepared a number of different The size of the replacement picture.
  • some complex focus element switching such as the process of focus switching to achieve smooth 2D effects
  • the digital TV service often does not adopt these two methods, but adopts a method of replacing pictures, so that the visual effect is better than the former two.
  • the source of the image, the size of the focus element, etc. cause limitations in image selection.
  • the switching speed is affected, the network is abnormal, and the focus element switching error or the focus switching problem may occur.
  • the invention provides a method and a device for displaying a focus element and a digital television receiving terminal, so that when a user browses a webpage, the digital television receiving terminal does not need to interact with the front-end device, speeds up the analysis speed, and realizes the animation effect of the focus switching. At the same time, it also solves the problem of abnormal focus when the network environment is poor, and reduces the download load of the front-end equipment.
  • the focus element display method provided by the present invention includes:
  • the creating two overlapping webpage windows loads the user selected webpage in the lower layer window Content, the upper window loads the transparent web page including:
  • the current focus element position comprises: an initial coordinate, a width, and a height of the current focus element.
  • the drawing of the special effect in the corresponding position of the upper window according to the current focus element position comprises:
  • the method further includes:
  • the adjusting the special effect drawing area in the upper window webpage comprises performing at least one of the following operations: panning, stretching, scaling, and rotating the special effect drawing area on the upper layer window webpage.
  • the focus element display device provided by the present invention includes:
  • a focus positioning module configured to acquire layout information of the lower window, and determine a current focus element position according to the layout information
  • a special effect drawing module configured to perform special effect drawing on a corresponding position of the upper window according to the current focus element position
  • the webpage display module is configured to display a webpage after the special effect is drawn.
  • the creating module includes:
  • a window creation unit configured to create two webpage windows of uniform size and completely coincident
  • a lower layer loading unit configured to acquire webpage data from the front-end device according to a user request, and The webpage data is loaded in a lower layer window created by the window creation unit
  • An upper window loading unit for loading a fixed full-screen transparent webpage in an upper window created by the window creation unit.
  • the current focus element position determined by the focus positioning module comprises: an initial coordinate, a width, and a height of the current focus element.
  • the special effect drawing module includes: an area positioning unit, configured to determine, according to initial coordinates, widths, and heights of current focus elements in the lower layer window, a special effect drawing area that coincides with the current focus in the upper layer window; And performing special effect drawing in the special effect drawing area determined by the area positioning unit.
  • the focus positioning module includes: an initial positioning unit, configured to acquire layout information of a lower window, determine a current focus element position according to the layout information; and switch a positioning unit, configured to receive a focus element switching instruction, and obtain the switched The focus element position.
  • the special effect drawing module further includes: an upper window management unit, configured to adjust a special effect drawing area in the upper layer window webpage, so that the special effect drawing area and the switched focus element position in the lower layer window overlap; the adjusting includes At least one of the following methods: Panning, stretching, scaling, and rotating the effect drawing area in the upper window web page.
  • the present invention also provides a digital television receiving terminal including the above-described focus element display device.
  • the method and device for displaying the focus element provided by the present invention and the digital television receiving terminal can enable the terminal to interact with the front-end device without the need to interact with the front-end device, thereby speeding up the analysis speed and realizing the animation effect of the focus display. At the same time, it also solves the problem of abnormal focus when the network environment is poor, and reduces the download load of the front-end device.
  • FIG. 1 is a schematic flow chart of a first embodiment of a method for displaying a focus element according to the present invention
  • 2 is a schematic flow chart of a second embodiment of a method for displaying a focus element according to the present invention
  • FIG. 3a to FIG. 3d are schematic diagrams showing the display of upper and lower windows provided by the present invention
  • FIG. 4 is a schematic structural view of a first embodiment of a focus element display device according to the present invention.
  • FIG. 5 is a schematic structural view of a second embodiment of a focus element display device according to the present invention. detailed description
  • the invention provides a method and a device for displaying a focus element and a digital television receiving terminal, so that when the user browses the webpage, the terminal does not need to interact with the front-end device, realizes the animation effect of the focus switching, and speeds up the analysis speed. At the same time, it also solves the problem of abnormal focus when the network environment is poor, and reduces the download load of the front-end equipment.
  • FIG. 1 is a schematic flow chart of a first embodiment of a method for displaying a focus element provided by the present invention, as shown in FIG.
  • step 100 at least two coincident webpage windows are created, the user-selected webpage content is loaded in the lower layer window, and the transparent webpage is loaded in the upper layered window.
  • step 101 the layout information of the lower window is obtained, and the current focus element position is determined, that is, the location of the currently selectable link.
  • step 102 special effect rendering is performed at a corresponding position of the upper window according to the current focus element position.
  • step 103 the webpage after the completion of the special effect drawing is displayed. More specifically, the web page in the lower window coincides with the web page in the upper window, and the special effect drawing area on the upper window web page causes the current focus element in the lower window web page to be highlighted. At the same time, the other parts of the upper window are transparent, so the user can also browse other content in the lower window.
  • the method for displaying the focus element provided by the present invention is to create a transparent webpage before the webpage browsed by the user, and perform special effect drawing on the transparent webpage to display the current focus element, so that the terminal does not need to be connected with the front-end device when browsing the webpage. Interact, speed up parsing. At the same time, it also solves the problem of abnormal focus when the network environment is poor, and reduces the download load of the front-end equipment.
  • FIG. 2 is a schematic flowchart of a second embodiment of a method for displaying a focus element according to the present invention. In this embodiment, the flow of the method will be described in more detail, as shown in FIG. 2:
  • step 200 at least two webpage windows of uniform size and completely coincident are created.
  • the digital television reception end opens a webpage window for loading the webpage selected by the user, and the digital television receiving terminal opens by default another webpage window of the same size as the aforementioned window and completely coincident.
  • the webpage window located in the lower layer is referred to as the lower layer window, and is consistent with the size of the lower layer window, and the webpage window completely covering the lower layer window is the upper layer window.
  • step 201 the digital television receiving terminal sends a webpage data acquisition request to the front end device to obtain data of the webpage selected by the user.
  • step 202 the digital television receiving terminal acquires webpage data and loads it in a lower window. At the same time, a fixed full-screen transparent web page is loaded in the upper window. The digital television receiving terminal displays the webpage data while saving the layout information.
  • the loaded full-screen transparent web page can be in Hypertext Markup Language 5.0 (HTML,
  • New in Hyper Text Mark-up Language 5.0 The canvas property, creating a canvas.
  • the webpage in the upper window is made full-screen transparent, so that the effect of drawing the focus on the webpage does not affect the actually viewed webpage.
  • canvas has a drawing application programming interface (API) based on the programming language j ava s C ript .
  • API drawing application programming interface
  • Canvas is designed for client-side vector graphics. It does not have the ability to perform actions, but it provides a drawing API between the web page and the client-side JavaScript. Users can call these APIs to easily implement various effects. For example, if you have an API: rotate, you can implement a rotation effect. Web developers only need to call this API without having to write complex JavaScript to implement this effect.
  • step 203 the layout information of the webpage in the lower window is obtained, and the current focus element position is determined. More specifically, the digital television receiving terminal acquires the typesetting information saved in step 202, and obtains the current focus element position based on the typesetting information.
  • the focus element position includes: an initial coordinate of the focus element, and a width and a height.
  • step 204 according to the initial coordinates of the current focus element in the lower window, as well as the width and height, a special effect drawing area whose size is identical and completely coincident is determined in the upper window.
  • the special effect drawing area determined in the upper window is shown by the dotted line in FIG. 3b, of course. In practical applications, the dotted line does not exist.
  • step 205 special effects drawing is performed in the special effect drawing area, and the network after the special effect drawing is completed is displayed.
  • Page The special effect drawing includes: coloring or adding animation in the special effect drawing area.
  • the digital television receiving terminal calls the API in the canvas through the JavaScript program to perform special effects drawing in the special effect drawing area.
  • the special effect drawing area determined in the upper window is as shown by the dotted line in FIG. 3b, and then colored in step 205 (may also be added animation or other special effects processing,
  • the display effect of the upper window is as shown in FIG. 3c, and the upper window and the lower window are overlapped, and the effect seen by the user is as shown in FIG. 3d.
  • the digital television receiving terminal not only acquires the webpage data, but also displays the focus element in the local processing, and the digital television receiving terminal and the front end.
  • the device does not interact, which speeds up the processing and reduces the load on the front-end equipment, while preventing the focus abnormality when the network environment is poor.
  • the focus element display method provided in this embodiment further includes a switching process of the current focus element, which is specifically as follows:
  • a focus element switching instruction is received.
  • the focus element switching instruction is issued by a digital television receiving terminal user by using a remote controller or directly operating on a digital television receiving terminal.
  • step 207 according to the layout information of the lower window, the position of the focus element after the switching is determined, including: initial coordinates of the focus element, and width and height.
  • step 208 the special effect drawing area in the upper window webpage is adjusted, so that the special effect drawing area and the switched focus element position in the lower layer window coincide, and the screen after the special effect drawing area is adjusted is displayed.
  • the manner in which the digital television receiving terminal adjusts the special effect drawing area in the upper window of the upper window includes: panning, stretching, scaling, rotating, etc. of the special effect drawing area in the webpage in the upper window, and finally making the upper window
  • the colored effect drawing area on the web page completely coincides with the switched focus element in the lower layer window, so that the switched focus element is highlighted.
  • the method for displaying the focus element is to first establish a transparent webpage that overlaps with the webpage browsed by the user before browsing the webpage, perform special effect drawing on the transparent webpage, display the current focus element, and enable the user to browse the webpage.
  • the digital television receiving terminal does not need to interact with the front-end device, the resolution speed is accelerated, and the focus abnormality problem when the network environment is poor is solved, and the download load of the front-end device is reduced.
  • the focus element display method provided by the embodiment of the present invention is implemented, and during the switching process of the focus element, the panning, stretching, zooming, and rotating of the special effect drawing area are implemented in the upper layer window, and the 2D animation effect is realized, so that the user's Better visual sense, while solving web page performance problems caused by complex animation effects, reducing the complexity of web pages and reducing the workload of web developers.
  • FIG. 4 is a schematic structural diagram of a first embodiment of a focus element display device according to the present invention.
  • the device can be applied to a digital television receiving terminal. As shown in FIG. 4, the device includes:
  • Create module 1 for creating at least two coincident webpage windows, loading the user-selected webpage content in the lower-level window, and loading the transparent webpage in the upper-level window.
  • the focus positioning module 2 is configured to obtain the layout information of the lower window, and determine the current focus element position, that is, the location of the currently selectable link.
  • the special effect drawing module 3 is configured to perform special effect drawing on the corresponding position of the upper window according to the current focus element position.
  • the webpage display module 4 is configured to display a webpage after the special effect is drawn.
  • the focus element display device provided by the present invention establishes a transparent webpage before the webpage browsed by the user, and performs special effect drawing on the transparent webpage to display the current focus element, so that the terminal does not need to be connected with the front-end device when browsing the webpage. Interact, speed up parsing. At the same time, it also solves the problem of abnormal focus when the network environment is poor, and reduces the download load of the front-end equipment.
  • FIG. 5 it is a schematic structural diagram of a second embodiment of a focus element display device provided by the present invention, which can be applied to a digital television receiving terminal.
  • the device includes:
  • the creation module 1 is used to create two overlapping webpage windows, load the webpage content selected by the user in the lower layer window, and load the transparent webpage in the upper layer window.
  • creating module 1 includes:
  • the window creating unit 11 is configured to create at least two webpage windows of uniform size and completely coincident. More specifically, when the user confirms that it is necessary to browse a webpage through operation, the window creating unit 11 opens a webpage window for loading the webpage selected by the user, and the window creating unit 11 opens by default and has the same size as the aforementioned window, and completely coincides. Web page window.
  • the webpage window located in the lower layer is referred to as the lower layer window, and is consistent with the size of the lower layer window, and the webpage window completely covering the lower layer window is the upper layer window.
  • the lower window loading unit 12 is configured to acquire webpage data from the front-end device according to the user request, and perform the typesetting of the obtained webpage data, and then load it into the lower-level window created by the window creating unit 11.
  • the lower window display unit 12 displays the web page data while saving the layout information.
  • the upper window loading unit 13 is configured to load a fixed full-screen transparent webpage in an upper window created by the window creation unit. Further, the full-screen transparent webpage loaded by the layer window loading unit 13 can create a canvas by using the canvas property of the hypertext markup language HTML5.0. This way the effect of drawing focus on the page will not affect the actual page viewed.
  • canvas is designed for client-side vector graphics. It does not have the ability to execute actions, but it provides a drawing API between the web page and the client-side JavaScript. Users can call these APIs to easily implement various special effects. Draw everything you want to draw on a web page.
  • the focus positioning module 2 is configured to acquire layout information of the lower window and determine a current focus element position.
  • the focus positioning module 2 acquires the current focus element position according to the layout information saved in the lower window display unit 12, including: initial coordinates of the focus element, and width and height.
  • the special effect drawing module 3 is configured to perform special effect drawing on the corresponding position of the upper window according to the current focus element position.
  • the special effect drawing module 3 includes:
  • the area locating unit 31 is configured to determine, according to the initial coordinates of the current focus element in the lower window, the width and the height, the special effect drawing area that coincides with the upper layer window. More specifically, according to the initial coordinates of the current focus element in the underlying window, as well as the width and height, a special effect drawing area that coincides with the size and completely coincides with the size is determined in the upper window. As shown in FIG. 3a, 3b, if the content displayed in the lower window is as shown in FIG. 3a, and the current focus element is "home page", the special effect drawing area determined in the upper window is shown by the dotted line in FIG. 3b, of course. In practical applications, the dotted line does not exist.
  • the special effect drawing unit 32 is configured to perform special effect drawing in the special effect drawing area determined by the area positioning unit; the special effect drawing includes: coloring or adding animation in the special effect drawing area. More Specifically, the digital television receiving terminal invokes an API in the canvas through a JavaScript program, and performs special effect drawing in the special effect drawing area.
  • the special effect drawing area determined in the upper window is as shown by the dotted line in FIG. 3b, and then colored by the special effect drawing unit 32 (may also be added animation or other special effects processing).
  • the coloring process is taken as an example, the display effect of the upper window is as shown in FIG. 3c, and the upper window and the lower window are overlapped, and the effect seen by the user is as shown in FIG. 3d.
  • the webpage display module 4 is configured to display a webpage after the special effect is drawn. After the processing of the above-mentioned modules, the user can clearly see the current focus element in the webpage display module 4.
  • the focus element display device provided by the embodiment not only acquires the webpage data, but also processes the focus element to be processed locally.
  • the digital television receiving terminal does not interact with the front-end device, which not only speeds up the processing, but also reduces the load of the front-end equipment, and prevents the focus abnormality when the network environment is poor.
  • the focus element display device provided by the embodiment may also switch the drawn effect from the current focus element to the focus element selected by the user by an animation when the user switches the focus element. Its specific implementation is:
  • the focus positioning module 2 further includes:
  • the initial positioning unit 21 is configured to acquire layout information of the lower window and determine a current focus element position.
  • the switching positioning unit 22 is configured to receive a focus element switching instruction, and obtain the switched focus element position, including: initial coordinates of the focus element, and width and height.
  • the focus element switching command is issued by the digital television receiving terminal user via a remote controller or directly on the digital television receiving terminal.
  • the special effect drawing module 3 further includes:
  • the upper window management unit 33 is configured to adjust a special effect drawing area of the webpage in the upper layer window, so that the special effect drawing area and the switched focus element position in the lower layer window are coincident; the adjusting manner includes: panning the webpage in the upper layer window, Stretch, scale, rotate.
  • the upper window management unit 33 determines the corresponding position in the upper window based on the switched focus element position acquired by the switching positioning unit 22. Then, the upper window management unit 33 adjusts the special effect drawing area in the upper window webpage, including panning, stretching, scaling, rotating, etc., and finally The effect drawing area that has been colored on the webpage in the upper layer window is moved to the corresponding position, and completely coincides with the switched focus element in the lower layer window, so that the switched focus element is highlighted.
  • the upper window management unit 33 can use the rotate method of the canvas to perform the rotation effect, draw the canvas using the drawmage method of the canvas, etc., so that the 2D animation effect can be realized in the switching process of the focus element without complicated Web JavaScript scripting language control.
  • the focus element display device provided by the embodiment of the present invention firstly establishes a transparent webpage that overlaps with the user browsing the webpage before the user browses the webpage, performs special effect drawing on the transparent webpage, and displays the current focus element, so that the user browses the webpage.
  • the terminal does not need to interact with the front-end device, speeds up the resolution, and solves the problem of abnormal focus when the network environment is poor, and reduces the download load of the front-end device.
  • the digital television receiving terminal provided by the embodiment of the present invention supports the translation, stretching, zooming, and rotating of the special effect drawing area in the upper layer window during the switching process of the focus element, thereby realizing the animation effect of the 2D, and enabling the user to The visual sense is better, and the performance problems caused by the implementation of complex animation effects are reduced, the complexity of the webpage is reduced, and the workload of the web developer is reduced.
  • the digital television receiving terminal of the present invention includes, but is not limited to, a set top box, an Internet Protocol Television (IPTV), a digital television integrated machine, a television mobile phone, and the like having a function of receiving a digital television.
  • IPTV Internet Protocol Television

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

A focal element display method and device and a digital television receiving terminal are provided. The display method includes constructing two overlapped webpage windows, in a lower window loading a webpage content selected by users and in an upper window loading a transparent webpage (100); obtaining typesetting information of the lower window, and determining a position of the current focal element according to the typesetting information(101); performing special effects drawing in a corresponding position of the upper window according to the position of the current focal element (102); and displaying the webpage after the special effects drawing (103).

Description

一种焦点元素显示方法、 装置及数字电视接收终端  Focus element display method, device and digital television receiving terminal
本申请要求于 2010 年 2 月 1 日提交中国专利局、 申请号为 201019164031.X, 发明名称为"一种焦点元素显示方法、 装置及数字电视接收 终端"的中国专利申请的优先权, 其全部内容通过引用结合在本申请中。  This application claims priority to Chinese Patent Application No. 201019164031.X, entitled "Focus Element Display Method, Device and Digital TV Receiving Terminal", filed on February 1, 2010. The content is incorporated herein by reference.
技术领域 Technical field
本发明涉及数字电视技术领域, 尤其涉及一种焦点元素显示方法、装置及 数字电视接收终端。 背景技术  The present invention relates to the field of digital television technologies, and in particular, to a focus element display method and apparatus, and a digital television receiving terminal. Background technique
随着数字电视技术的不断发展,数字电视接收终端的功能越来越多,通过 嵌入式浏览器上网成为主要的功能之一。 嵌入式浏览器与电脑上的浏览器不 同, 在电脑上, 当用户对某一个链接比较感兴趣时, 只需要用鼠标点击该链接 即可浏览相关的链接内容。但是, 在数字电视接收终端上的嵌入式浏览器没有 鼠标, 只有一个遥控器。 所以嵌入式浏览器必须突出显示当前焦点(即当前可 选择的链接所在的位置), 告诉用户当前焦点在哪里。 用户可以通过遥控器的 上下左右键切换到自己感兴趣的焦点元素。  With the continuous development of digital TV technology, digital TV receiving terminals have more and more functions, and access to the Internet through embedded browsers has become one of the main functions. The embedded browser is different from the browser on the computer. On the computer, when the user is interested in a certain link, just click the link with the mouse to browse the related link content. However, the embedded browser on the digital TV receiving terminal has no mouse and only one remote control. So the embedded browser must highlight the current focus (the location of the currently selectable link) and tell the user where the current focus is. The user can switch to the focus element of interest by using the up, down, left and right buttons of the remote control.
在现有技术中, 对嵌入式浏览器浏览网页显示当前焦点元素的方式主要 有: 矩形框标记, 填充色标记, 替换图片三种。 矩形框标记就是用一个矩形框 把当前网页焦点元素框出来, 作为一个标记, 告诉用户当前焦点元素的位置。 填充色标记就是用一个默认的颜色填充当前焦点元素的背景颜色, 作一个标 记,告诉用户当前焦点元素位置。 这两种方式都是浏览器在当前网页上来标记 当前焦点实现的。  In the prior art, the manner in which the embedded browser browses the webpage to display the current focus element mainly includes: a rectangular frame mark, a fill color mark, and a replacement picture. The rectangle mark is to use a rectangle to frame the current page focus element as a marker that tells the user where the current focus element is. The fill color marker fills the background color of the current focus element with a default color, making a mark that tells the user where the current focus element is. Both of these methods are implemented by the browser on the current web page to mark the current focus.
替换图片则是网页的开发人员通过客户端脚本语言 JavaScript来监测。 切 换焦点时, 当某个元素成为当前焦点, 就用指定的图片作为当前元素的背景, 作一个标记, 告诉用户当前焦点元素位置。 当这个元素不再是当前焦点, 则卸 载作为背景的指定图片。这种通过替换图片显示当前焦点元素的方式,在加载、 卸载图片时, 需要通过 JavaScript脚本语言来监测和实现。 而且图片是放在前 端设备上的,加载图片要通过浏览器向前端设备请求该图片。 而且由于每一个 焦点元素的长度和高度可能都不一样,所以一个网页可能需要准备若干张不同 大小的替换图片。 另外, 如果想实现一些复杂的焦点元素切换, 如焦点切换的 过程实现平滑移动等 2D效果, 需要编写 JavaScript脚本语言实现这些效果。 这又要求网页开发人员熟练的掌握并使用 JavaScript语言。 The replacement image is the web page developer who monitors it through the client-side scripting language JavaScript. When switching focus, when an element becomes the current focus, the specified image is used as the background of the current element, and a mark is given to inform the user of the current focus element position. When this element is no longer the current focus, the specified image as the background is unloaded. This way of displaying the current focus element by replacing the image needs to be monitored and implemented by the JavaScript scripting language when loading and unloading the image. And the image is placed on the front-end device, and the image is loaded to the front-end device through the browser. And since the length and height of each focus element may be different, a web page may need to be prepared a number of different The size of the replacement picture. In addition, if you want to implement some complex focus element switching, such as the process of focus switching to achieve smooth 2D effects, you need to write a JavaScript scripting language to achieve these effects. This in turn requires web developers to master and use the JavaScript language.
发明人在实施本发明的过程中发现: 前两种显示焦点元素的方式(矩形框 标记、 填充色标记)的显示效果不佳。 目前数字电视业务为了显示效果, 往往 都不采用这两种方式, 而是采用替换图片的方式, 这样在视觉效果上比前两者 效果更好。 然而采用替换图片的方式时, 图片的来源、 焦点元素的尺寸等造成 了图片选择的局限性。 同时, 在焦点元素切换过程中, 因为需要从前端设备下 载替换图片, 从而影响了切换速度, 使网络异常, 还可能出现焦点元素切换错 误, 或者跳焦点切换的问题。  The inventors found in the process of implementing the present invention that the first two ways of displaying the focus elements (rectangular frame marks, fill color marks) have poor display effects. At present, in order to display the effect, the digital TV service often does not adopt these two methods, but adopts a method of replacing pictures, so that the visual effect is better than the former two. However, when replacing images, the source of the image, the size of the focus element, etc., cause limitations in image selection. At the same time, in the process of switching the focus element, because the picture needs to be replaced from the front-end device, the switching speed is affected, the network is abnormal, and the focus element switching error or the focus switching problem may occur.
综上所述, 通过替换图片显示焦点元素, 因为需要从前端设备下载数据, 会影响切换的速度, 同时也增加前端设备的负荷量。 通过 JavaScript脚本语言 实现网页的动画效果, 势必会增加许多 JavaScript脚本代码, 进而影响浏览器 的整体性能。 同时, 也增加网页开发人员的网页编写的代码量(也会影响前端 设备的负荷量)。 发明内容  In summary, by replacing the picture to display the focus element, because the data needs to be downloaded from the front-end device, the speed of the switching is affected, and the load of the front-end device is also increased. The animation of web pages through the JavaScript scripting language will inevitably add a lot of JavaScript script code, which will affect the overall performance of the browser. At the same time, it also increases the amount of code written by the web developer's web page (which also affects the load on the front-end device). Summary of the invention
本发明提供一种焦点元素显示方法、装置及数字电视接收终端,使用户浏 览网页时, 数字电视接收终端无需与前端设备交互, 加快解析速度, 实现焦点 切换的动画效果。 同时也解决网络环境差时的焦点异常问题, 减少前端设备的 下载负荷。  The invention provides a method and a device for displaying a focus element and a digital television receiving terminal, so that when a user browses a webpage, the digital television receiving terminal does not need to interact with the front-end device, speeds up the analysis speed, and realizes the animation effect of the focus switching. At the same time, it also solves the problem of abnormal focus when the network environment is poor, and reduces the download load of the front-end equipment.
本发明提供的焦点元素显示方法包括:  The focus element display method provided by the present invention includes:
创建两个重合的网页窗口,在下层窗口加载用户选定的网页内容, 上层窗 口加载透明网页;  Create two overlapping webpage windows, load the webpage content selected by the user in the lower window, and load the transparent webpage in the upper window;
获取所述下层窗口的排版信息, 根据所述排版信息确定当前焦点元素位 置;  Obtaining layout information of the lower window, and determining a current focus element position according to the layout information;
根据所述当前焦点元素位置, 在所述上层窗口的对应位置进行特效绘制; 显示完成特效绘制后的网页。  Performing special effect drawing on the corresponding position of the upper window according to the current focus element position; displaying the webpage after the special effect is drawn.
优选的, 所述创建两个重合的网页窗口,在下层窗口加载用户选定的网页 内容, 上层窗口加载透明网页包括: Preferably, the creating two overlapping webpage windows loads the user selected webpage in the lower layer window Content, the upper window loads the transparent web page including:
创建两个大小一致且完全重合的网页窗口;  Create two web pages that are identical in size and fully coincident;
根据用户请求, 向前端设备获取网页数据, 并将所述网页数据加载在所述 下层窗口;  Obtaining webpage data from the front end device according to the user request, and loading the webpage data in the lower layer window;
在上层窗口加载固定的全屏透明网页。  Load a fixed full-screen transparent web page in the upper window.
优选的, 所述当前焦点元素位置包括: 当前焦点元素的初始坐标、 宽度以 及高度。  Preferably, the current focus element position comprises: an initial coordinate, a width, and a height of the current focus element.
优选的, 所述才艮据所述当前焦点元素位置,在所述上层窗口的对应位置进 行特效绘制, 包括:  Preferably, the drawing of the special effect in the corresponding position of the upper window according to the current focus element position comprises:
根据下层窗口中当前焦点元素的初始坐标、 宽度以及高度, 在上层窗口中 确定与所述当前焦点重合的特效绘制区域;  Determining a special effect drawing area that coincides with the current focus in an upper window according to initial coordinates, width, and height of a current focus element in the lower window;
在所述特效绘制区域内进行特效绘制。  Special effects drawing is performed in the special effect drawing area.
优选的, 在所述特效绘制区域内进行特效绘制之后还包括:  Preferably, after the special effect drawing is performed in the special effect drawing area, the method further includes:
接收焦点元素切换指令, 获取切换后的焦点元素位置;  Receiving a focus element switching instruction to obtain a position of the focus element after switching;
调整上层窗口网页中的特效绘制区域,使所述特效绘制区域与下层窗口中 切换后的焦点元素位置重合。  Adjust the effect drawing area in the upper window page so that the effect drawing area coincides with the switched focus element position in the lower window.
优选的,所述调整上层窗口网页中的特效绘制区域包括进行至少一种如下 操作: 对上层窗口网页上的特效绘制区域进行平移、 拉伸、 缩放、 旋转。  Preferably, the adjusting the special effect drawing area in the upper window webpage comprises performing at least one of the following operations: panning, stretching, scaling, and rotating the special effect drawing area on the upper layer window webpage.
本发明提供的焦点元素显示装置包括:  The focus element display device provided by the present invention includes:
创建模块, 用于创建两个重合的网页窗口,在下层窗口加载用户选定的网 页内容, 上层窗口加载透明网页;  Creating a module for creating two coincident webpage windows, loading the webpage content selected by the user in the lower layer window, and loading the transparent webpage in the upper layer window;
焦点定位模块, 用于获取所述下层窗口的排版信息,根据所述排版信息确 定当前焦点元素位置;  a focus positioning module, configured to acquire layout information of the lower window, and determine a current focus element position according to the layout information;
特效绘制模块, 用于根据所述当前焦点元素位置, 在所述上层窗口的对应 位置进行特效绘制;  And a special effect drawing module, configured to perform special effect drawing on a corresponding position of the upper window according to the current focus element position;
网页显示模块, 用于显示完成特效绘制后的网页。  The webpage display module is configured to display a webpage after the special effect is drawn.
优选的, 所述创建模块包括:  Preferably, the creating module includes:
窗口创建单元, 用于创建两个大小一致且完全重合的网页窗口; 下层窗口加载单元, 用于根据用户请求, 向前端设备获取网页数据, 并将 所述网页数据加载在所述窗口创建单元创建的下层窗口中; a window creation unit, configured to create two webpage windows of uniform size and completely coincident; a lower layer loading unit, configured to acquire webpage data from the front-end device according to a user request, and The webpage data is loaded in a lower layer window created by the window creation unit;
上层窗口加载单元,用于在所述窗口创建单元创建的上层窗口中加载固定 的全屏透明网页。  An upper window loading unit for loading a fixed full-screen transparent webpage in an upper window created by the window creation unit.
优选的, 所述焦点定位模块确定的当前焦点元素位置包括: 当前焦点元素 的初始坐标、 宽度以及高度。  Preferably, the current focus element position determined by the focus positioning module comprises: an initial coordinate, a width, and a height of the current focus element.
优选的, 所述特效绘制模块包括: 区域定位单元, 用于根据下层窗口中当 前焦点元素的初始坐标、 宽度以及高度,在上层窗口中确定与所述当前焦点重 合的特效绘制区域; 特效绘制单元, 用于在所述区域定位单元确定的特效绘制 区域内进行特效绘制。  Preferably, the special effect drawing module includes: an area positioning unit, configured to determine, according to initial coordinates, widths, and heights of current focus elements in the lower layer window, a special effect drawing area that coincides with the current focus in the upper layer window; And performing special effect drawing in the special effect drawing area determined by the area positioning unit.
优选的, 所述焦点定位模块包括: 初始定位单元, 用于获取下层窗口的排 版信息, 根据所述排版信息确定当前焦点元素位置; 切换定位单元, 用于接收 焦点元素切换指令, 获取切换后的焦点元素位置。  Preferably, the focus positioning module includes: an initial positioning unit, configured to acquire layout information of a lower window, determine a current focus element position according to the layout information; and switch a positioning unit, configured to receive a focus element switching instruction, and obtain the switched The focus element position.
优选的, 所述特效绘制模块还包括: 上层窗口管理单元, 用于调整上层窗 口网页中的特效绘制区域,使所述特效绘制区域与下层窗口中切换后的焦点元 素位置重合; 所述调整包括至少一种如下方式: 对上层窗口网页中的特效绘制 区域进行平移、 拉伸、 缩放、 旋转。  Preferably, the special effect drawing module further includes: an upper window management unit, configured to adjust a special effect drawing area in the upper layer window webpage, so that the special effect drawing area and the switched focus element position in the lower layer window overlap; the adjusting includes At least one of the following methods: Panning, stretching, scaling, and rotating the effect drawing area in the upper window web page.
同时, 本发明还提供一种数字电视接收终端, 该数字电视接收终端包括上 述焦点元素显示装置。  Meanwhile, the present invention also provides a digital television receiving terminal including the above-described focus element display device.
实施本发明提供的焦点元素显示方法、装置及数字电视接收终端, 可以使 用户浏览网页时, 终端无需与前端设备交互, 加快解析速度, 实现焦点显示的 动画效果。 同时也解决网络环境差时的焦点异常问题, 减少前端设备的下载负 荷。 附图说明  The method and device for displaying the focus element provided by the present invention and the digital television receiving terminal can enable the terminal to interact with the front-end device without the need to interact with the front-end device, thereby speeding up the analysis speed and realizing the animation effect of the focus display. At the same time, it also solves the problem of abnormal focus when the network environment is poor, and reduces the download load of the front-end device. DRAWINGS
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施 例或现有技术描述中所需要使用的附图作筒单地介绍,显而易见地, 下面描述 中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲, 在不付 出创造性劳动性的前提下, 还可以根据这些附图获得其他的附图。  In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the embodiments or the description of the prior art will be briefly described below. Obviously, the drawings in the following description For some embodiments of the present invention, other drawings may be obtained from those skilled in the art without departing from the drawings.
图 1为本发明提供的焦点元素显示方法第一实施例流程示意图; 图 2为本发明提供的焦点元素显示方法第二实施例流程示意图; 图 3a至图 3d为本发明提供的上下层窗口显示示意图; 1 is a schematic flow chart of a first embodiment of a method for displaying a focus element according to the present invention; 2 is a schematic flow chart of a second embodiment of a method for displaying a focus element according to the present invention; FIG. 3a to FIG. 3d are schematic diagrams showing the display of upper and lower windows provided by the present invention;
图 4为本发明提供的焦点元素显示装置第一实施例结构示意图;  4 is a schematic structural view of a first embodiment of a focus element display device according to the present invention;
图 5为本发明提供的焦点元素显示装置第二实施例结构示意图。 具体实施方式  FIG. 5 is a schematic structural view of a second embodiment of a focus element display device according to the present invention. detailed description
本发明提供一种焦点元素显示方法、装置及数字电视接收终端,使用户浏 览网页时, 终端无需与前端设备交互, 实现焦点切换的动画效果, 加快解析速 度。 同时也解决网络环境差时的焦点异常问题, 减少前端设备的下载负荷。  The invention provides a method and a device for displaying a focus element and a digital television receiving terminal, so that when the user browses the webpage, the terminal does not need to interact with the front-end device, realizes the animation effect of the focus switching, and speeds up the analysis speed. At the same time, it also solves the problem of abnormal focus when the network environment is poor, and reduces the download load of the front-end equipment.
参见图 1 , 为本发明提供的焦点元素显示方法第一实施例流程示意图, 如 图 1所示:  1 is a schematic flow chart of a first embodiment of a method for displaying a focus element provided by the present invention, as shown in FIG.
在步骤 100, 创建至少两个重合的网页窗口, 在下层窗口加载用户选定的 网页内容, 在上层窗口加载透明网页。  In step 100, at least two coincident webpage windows are created, the user-selected webpage content is loaded in the lower layer window, and the transparent webpage is loaded in the upper layered window.
在步骤 101 , 获取所述下层窗口的排版信息, 确定当前焦点元素位置, 即 当前可选择的链接所在的位置。  In step 101, the layout information of the lower window is obtained, and the current focus element position is determined, that is, the location of the currently selectable link.
在步骤 102, 根据所述当前焦点元素位置, 在所述上层窗口的对应位置进 行特效绘制。  At step 102, special effect rendering is performed at a corresponding position of the upper window according to the current focus element position.
在步骤 103 , 显示完成特效绘制后的网页。 更为具体的, 下层窗口中的网 页与上层窗口中的网页重合,上层窗口网页上的特效绘制区域使下层窗口网页 中的当前焦点元素得到突出的显示。同时,上层窗口网页的其它部分是透明的, 所以用户也可以正常浏览下层窗口网页中的其它内容。  In step 103, the webpage after the completion of the special effect drawing is displayed. More specifically, the web page in the lower window coincides with the web page in the upper window, and the special effect drawing area on the upper window web page causes the current focus element in the lower window web page to be highlighted. At the same time, the other parts of the upper window are transparent, so the user can also browse other content in the lower window.
实施本发明提供的焦点元素显示方法, 在用户浏览的网页前,再建立一个 透明的网页, 在透明的网页上进行特效绘制, 显示当前的焦点元素, 使用户浏 览网页时, 终端无需与前端设备交互, 加快解析速度。 同时也解决网络环境差 时的焦点异常问题, 减少前端设备的下载负荷。  The method for displaying the focus element provided by the present invention is to create a transparent webpage before the webpage browsed by the user, and perform special effect drawing on the transparent webpage to display the current focus element, so that the terminal does not need to be connected with the front-end device when browsing the webpage. Interact, speed up parsing. At the same time, it also solves the problem of abnormal focus when the network environment is poor, and reduces the download load of the front-end equipment.
参见图 2, 为本发明提供的焦点元素显示方法第二实施例流程示意图, 在 本实施例中, 将更为详细的描述本方法的流程, 如图 2所示:  2 is a schematic flowchart of a second embodiment of a method for displaying a focus element according to the present invention. In this embodiment, the flow of the method will be described in more detail, as shown in FIG. 2:
在步骤 200, 创建至少两个大小一致且完全重合的网页窗口。  In step 200, at least two webpage windows of uniform size and completely coincident are created.
更为具体的, 当用户通过操作确认需要浏览一个网页时,数字电视接收终 端打开一个网页窗口用于加载用户选择的网页,同时数字电视接收终端默认打 开另一个与前述窗口大小相同, 且完全重合的网页窗口。 在本发明实施例中, 位于下层的网页窗口我们称为下层窗口, 与下层窗口大小一致,且完全覆盖在 所述下层窗口上的网页窗口为上层窗口。 More specifically, when the user confirms that it is necessary to browse a web page through operation, the digital television reception end The end opens a webpage window for loading the webpage selected by the user, and the digital television receiving terminal opens by default another webpage window of the same size as the aforementioned window and completely coincident. In the embodiment of the present invention, the webpage window located in the lower layer is referred to as the lower layer window, and is consistent with the size of the lower layer window, and the webpage window completely covering the lower layer window is the upper layer window.
在步骤 201 , 数字电视接收终端向前端设备发送网页数据获取请求, 以获 取用户选择的网页的数据。  In step 201, the digital television receiving terminal sends a webpage data acquisition request to the front end device to obtain data of the webpage selected by the user.
在步骤 202, 数字电视接收终端获取网页数据, 加载在下层窗口。 同时, 在上层窗口中加载固定的全屏透明网页。数字电视接收终端显示网页数据的同 时, 保存排版信息。  In step 202, the digital television receiving terminal acquires webpage data and loads it in a lower window. At the same time, a fixed full-screen transparent web page is loaded in the upper window. The digital television receiving terminal displays the webpage data while saving the layout information.
更进一步的, 加载的全屏透明网页可以采用超文本标记语言 5.0 ( HTML, Further, the loaded full-screen transparent web page can be in Hypertext Markup Language 5.0 (HTML,
Hyper Text Mark-up Language 5.0 )的新特性: canvas属性, 创建一个画布。 同 时将上层窗口中的网页做成全屏透明的,这样在该网页上绘制焦点的特效就不 会影响实际浏览的网页。 New in Hyper Text Mark-up Language 5.0): The canvas property, creating a canvas. At the same time, the webpage in the upper window is made full-screen transparent, so that the effect of drawing the focus on the webpage does not affect the actually viewed webpage.
更为具体的, canvas有一个基于程序语言 javasCript 的绘图应用程序编程 接口 ( API, Application Programming Interface )。 canvas是为了客户端矢量图 形而设计的, 本身并没有动作执行能力, 但却提供了网页与客户端 JavaScript 之间的绘图 API, 用户可以调用这些 API方便的实现各种特效。 例如其中有一 个 API: rotate, 就可以实现旋转特效。 网页开发人员只需要调用这一个 API 即可, 而不需要编写复杂的 JavaScript来实现这个特效。 More specifically, canvas has a drawing application programming interface (API) based on the programming language j ava s C ript . Canvas is designed for client-side vector graphics. It does not have the ability to perform actions, but it provides a drawing API between the web page and the client-side JavaScript. Users can call these APIs to easily implement various effects. For example, if you have an API: rotate, you can implement a rotation effect. Web developers only need to call this API without having to write complex JavaScript to implement this effect.
在步骤 203 , 获取下层窗口中网页的排版信息, 确定当前焦点元素位置。 更为具体的,数字电视接收终端获取在步骤 202中保存的排版信息,根据 该排版信息,获取当前焦点元素位置。在本发明实施例中,焦点元素位置包括: 焦点元素的初始坐标、 以及宽度和高度。  In step 203, the layout information of the webpage in the lower window is obtained, and the current focus element position is determined. More specifically, the digital television receiving terminal acquires the typesetting information saved in step 202, and obtains the current focus element position based on the typesetting information. In an embodiment of the invention, the focus element position includes: an initial coordinate of the focus element, and a width and a height.
在步骤 204, 根据下层窗口中当前焦点元素的初始坐标以及宽度、 高度, 在上层窗口中确定与其大小一致、 完全重合的特效绘制区域。 如图 3a、 3b所 示, 若下层窗口显示的内容如图 3a所示, 当前的焦点元素为"主页"处, 则在 上层窗口中确定的特效绘制区域如图 3b中的虚线所示, 当然,在实际应用中, 并不存在该虚线。  In step 204, according to the initial coordinates of the current focus element in the lower window, as well as the width and height, a special effect drawing area whose size is identical and completely coincident is determined in the upper window. As shown in FIG. 3a, 3b, if the content displayed in the lower window is as shown in FIG. 3a, and the current focus element is "home page", the special effect drawing area determined in the upper window is shown by the dotted line in FIG. 3b, of course. In practical applications, the dotted line does not exist.
在步骤 205 , 在特效绘制区域内进行特效绘制, 显示完成特效绘制后的网 页。 所述特效绘制包括: 在所述特效绘制区域内着色或添加动画。 In step 205, special effects drawing is performed in the special effect drawing area, and the network after the special effect drawing is completed is displayed. Page. The special effect drawing includes: coloring or adding animation in the special effect drawing area.
更为具体的,数字电视接收终端通过 JavaScript程序调用 canvas中的 API, 在所述特效绘制区域内进行特效绘制。  More specifically, the digital television receiving terminal calls the API in the canvas through the JavaScript program to perform special effects drawing in the special effect drawing area.
更进一步的, 若下层窗口显示的内容如图 3a所示, 上层窗口中确定的特 效绘制区域如图 3b中的虚线所示, 则经步骤 205着色 (也可以是添加动画或 其它特效处理, 为方便理解, 本实施例以进行着色处理为例)后, 上层窗口的 显示效果如图 3c所示, 而上层窗口与下层窗口重合在一起, 用户看到的效果 如图 3d所示。  Further, if the content displayed in the lower window is as shown in FIG. 3a, the special effect drawing area determined in the upper window is as shown by the dotted line in FIG. 3b, and then colored in step 205 (may also be added animation or other special effects processing, For ease of understanding, after the coloring process is taken as an example in the embodiment, the display effect of the upper window is as shown in FIG. 3c, and the upper window and the lower window are overlapped, and the effect seen by the user is as shown in FIG. 3d.
通过上述处理后, 用户可以清楚的看到当前的焦点元素, 同时, 本实施例 提供的方法,数字电视接收终端除了获取网页数据,显示焦点元素的过程均在 本地处理, 数字电视接收终端与前端设备没有交互, 既加快了处理的速度, 又 较少的前端设备的负荷, 同时防止网络环境差时出现焦点异常问题。  After the above processing, the user can clearly see the current focus element. Meanwhile, in the method provided by the embodiment, the digital television receiving terminal not only acquires the webpage data, but also displays the focus element in the local processing, and the digital television receiving terminal and the front end. The device does not interact, which speeds up the processing and reduces the load on the front-end equipment, while preventing the focus abnormality when the network environment is poor.
优选的,本实施例提供的焦点元素显示方法还包括对当前焦点元素的切换 流程, 具体如下:  Preferably, the focus element display method provided in this embodiment further includes a switching process of the current focus element, which is specifically as follows:
在步骤 206, 接收焦点元素切换指令。 所述焦点元素切换指令为数字电视 接收终端用户通过遥控器或直接在数字电视接收终端上进行操作发出的。  At step 206, a focus element switching instruction is received. The focus element switching instruction is issued by a digital television receiving terminal user by using a remote controller or directly operating on a digital television receiving terminal.
在步骤 207 , 根据下层窗口的排版信息, 确定切换后的焦点元素位置, 包 括: 焦点元素的初始坐标、 以及宽度和高度。  In step 207, according to the layout information of the lower window, the position of the focus element after the switching is determined, including: initial coordinates of the focus element, and width and height.
在步骤 208, 调整上层窗口网页中的特效绘制区域, 使所述特效绘制区域 与下层窗口中切换后的焦点元素位置重合,显示完成特效绘制区域调整后的网 页。 更为具体的, 数字电视接收终端调整上层窗口网页中的特效绘制区域的 方式包括: 对上层窗口中的网页中的特效绘制区域进行平移、 拉伸、 缩放、 旋 转等, 最终使上层窗口中的网页上已经着色的特效绘制区域, 与下层窗口中的 切换后的焦点元素完全重合, 使切换后的焦点元素得到突出的显示。  In step 208, the special effect drawing area in the upper window webpage is adjusted, so that the special effect drawing area and the switched focus element position in the lower layer window coincide, and the screen after the special effect drawing area is adjusted is displayed. More specifically, the manner in which the digital television receiving terminal adjusts the special effect drawing area in the upper window of the upper window includes: panning, stretching, scaling, rotating, etc. of the special effect drawing area in the webpage in the upper window, and finally making the upper window The colored effect drawing area on the web page completely coincides with the switched focus element in the lower layer window, so that the switched focus element is highlighted.
更进一步的, 因为上层窗口中的透明网页主要采用 html5.0标准的 canvas 属性。 所以, 在本步骤中, 网页开发人员可以利用例如 canvas的 rotate方法做 旋转特效, 利用 canvas的 drawlmage方法画图等等, 这样既可以在焦点元素 的切换过程中实现 2D的动画效果, 又不需要通过复杂的网页 JavaScript脚本 语言控制。 实施本发明实施例提供的焦点元素显示方法, 首先是在用户浏览网页前, 建立与用户浏览的网页重合的透明网页,在透明的网页上进行特效绘制, 显示 当前的焦点元素,使用户浏览网页时,数字电视接收终端无需与前端设备交互, 加快解析速度,也解决网络环境差时的焦点异常问题, 减少前端设备的下载负 荷。 同时, 实施本发明实施例提供的焦点元素显示方法, 在焦点元素的切换过 程中, 支持在上层窗口实现对特效绘制区域的平移、 拉伸、 缩放、 旋转, 实现 2D的动画效果, 使用户的视觉感官更佳, 同时解决网页因实现复杂的动画效 果带来的性能问题, 减少网页的复杂度, 减轻网页开发人员的工作量。 Further, because the transparent webpage in the upper window mainly uses the canvas attribute of the html5.0 standard. Therefore, in this step, the web developer can use the rotate method of the canvas to perform the rotation effect, draw the map by using the canvas's drawmage method, etc., so that the 2D animation effect can be realized during the switching of the focus element without passing through Complex web page JavaScript scripting language control. The method for displaying the focus element provided by the embodiment of the present invention is to first establish a transparent webpage that overlaps with the webpage browsed by the user before browsing the webpage, perform special effect drawing on the transparent webpage, display the current focus element, and enable the user to browse the webpage. When the digital television receiving terminal does not need to interact with the front-end device, the resolution speed is accelerated, and the focus abnormality problem when the network environment is poor is solved, and the download load of the front-end device is reduced. At the same time, the focus element display method provided by the embodiment of the present invention is implemented, and during the switching process of the focus element, the panning, stretching, zooming, and rotating of the special effect drawing area are implemented in the upper layer window, and the 2D animation effect is realized, so that the user's Better visual sense, while solving web page performance problems caused by complex animation effects, reducing the complexity of web pages and reducing the workload of web developers.
参见图 4, 为本发明提供的焦点元素显示装置第一实施例结构示意图, 本 装置可应用于数字电视接收终端中, 如图 4所示, 该装置包括:  4 is a schematic structural diagram of a first embodiment of a focus element display device according to the present invention. The device can be applied to a digital television receiving terminal. As shown in FIG. 4, the device includes:
创建模块 1 , 用于创建至少两个重合的网页窗口, 在下层窗口加载用户选 定的网页内容, 在上层窗口加载透明网页。  Create module 1 for creating at least two coincident webpage windows, loading the user-selected webpage content in the lower-level window, and loading the transparent webpage in the upper-level window.
焦点定位模块 2, 用于获取所述下层窗口的排版信息, 确定当前焦点元素 位置, 即当前可选择的链接所在的位置。  The focus positioning module 2 is configured to obtain the layout information of the lower window, and determine the current focus element position, that is, the location of the currently selectable link.
特效绘制模块 3 , 用于根据所述当前焦点元素位置, 在所述上层窗口的对 应位置进行特效绘制。  The special effect drawing module 3 is configured to perform special effect drawing on the corresponding position of the upper window according to the current focus element position.
网页显示模块 4, 用于显示完成特效绘制后的网页。  The webpage display module 4 is configured to display a webpage after the special effect is drawn.
实施本发明提供的焦点元素显示装置, 在用户浏览的网页前,再建立一个 透明的网页, 在透明的网页上进行特效绘制, 显示当前的焦点元素, 使用户浏 览网页时, 终端无需与前端设备交互, 加快解析速度。 同时也解决网络环境差 时的焦点异常问题, 减少前端设备的下载负荷。  The focus element display device provided by the present invention establishes a transparent webpage before the webpage browsed by the user, and performs special effect drawing on the transparent webpage to display the current focus element, so that the terminal does not need to be connected with the front-end device when browsing the webpage. Interact, speed up parsing. At the same time, it also solves the problem of abnormal focus when the network environment is poor, and reduces the download load of the front-end equipment.
参见图 5 , 为本发明提供的焦点元素显示装置第二实施例结构示意图, 本 装置可应用于数字电视接收终端中。  Referring to FIG. 5, it is a schematic structural diagram of a second embodiment of a focus element display device provided by the present invention, which can be applied to a digital television receiving terminal.
在本实施例中,将更为详细的描述该焦点元素显示装置的具体结构和各模 块的功能。 如图 5所示, 该装置包括:  In the present embodiment, the specific structure of the focus element display device and the functions of the respective modules will be described in more detail. As shown in Figure 5, the device includes:
创建模块 1 , 用于创建两个重合的网页窗口, 在下层窗口加载用户选定的 网页内容, 在上层窗口加载透明网页。  The creation module 1 is used to create two overlapping webpage windows, load the webpage content selected by the user in the lower layer window, and load the transparent webpage in the upper layer window.
更为具体的, 创建模块 1包括:  More specifically, creating module 1 includes:
窗口创建单元 11 , 用于创建至少两个大小一致且完全重合的网页窗口。 更为具体的, 当用户通过操作确认需要浏览一个网页时, 窗口创建单元 11打开一个网页窗口用于加载用户选择的网页, 同时窗口创建单元 11默认打 开另一个与前述窗口大小相同, 且完全重合的网页窗口。 在本发明实施例中, 位于下层的网页窗口我们称为下层窗口, 与下层窗口大小一致,且完全覆盖在 所述下层窗口上的网页窗口为上层窗口。 The window creating unit 11 is configured to create at least two webpage windows of uniform size and completely coincident. More specifically, when the user confirms that it is necessary to browse a webpage through operation, the window creating unit 11 opens a webpage window for loading the webpage selected by the user, and the window creating unit 11 opens by default and has the same size as the aforementioned window, and completely coincides. Web page window. In the embodiment of the present invention, the webpage window located in the lower layer is referred to as the lower layer window, and is consistent with the size of the lower layer window, and the webpage window completely covering the lower layer window is the upper layer window.
下层窗口加载单元 12, 用于根据用户请求, 向前端设备获取网页数据, 并将获取的网页数据进行排版后,加载在窗口创建单元 11创建的下层窗口中。 下层窗口显示单元 12显示网页数据的同时, 保存排版信息。  The lower window loading unit 12 is configured to acquire webpage data from the front-end device according to the user request, and perform the typesetting of the obtained webpage data, and then load it into the lower-level window created by the window creating unit 11. The lower window display unit 12 displays the web page data while saving the layout information.
上层窗口加载单元 13 , 用于在所述窗口创建单元创建的上层窗口中加载 固定的全屏透明网页。 更进一步的, 层窗口加载单元 13加载的全屏透明网页 可以采用超文本标记语言 HTML5.0的 canvas属性创建一个画布。 这样在该网 页上绘制焦点的特效就不会影响实际浏览的网页。  The upper window loading unit 13 is configured to load a fixed full-screen transparent webpage in an upper window created by the window creation unit. Further, the full-screen transparent webpage loaded by the layer window loading unit 13 can create a canvas by using the canvas property of the hypertext markup language HTML5.0. This way the effect of drawing focus on the page will not affect the actual page viewed.
更为具体的, canvas是为了客户端矢量图形而设计的, 本身并没有动作执 行能力, 但却提供了网页与客户端 JavaScript之间的绘图 API, 用户可以调用 这些 API方便的实现各种特效, 把想绘制的东西都绘制到网页上。  More specifically, canvas is designed for client-side vector graphics. It does not have the ability to execute actions, but it provides a drawing API between the web page and the client-side JavaScript. Users can call these APIs to easily implement various special effects. Draw everything you want to draw on a web page.
焦点定位模块 2, 用于获取所述下层窗口的排版信息, 确定当前焦点元素 位置。 焦点定位模块 2根据下层窗口显示单元 12中保存的排版信息, 获取当 前焦点元素位置, 包括: 焦点元素的初始坐标、 以及宽度和高度。  The focus positioning module 2 is configured to acquire layout information of the lower window and determine a current focus element position. The focus positioning module 2 acquires the current focus element position according to the layout information saved in the lower window display unit 12, including: initial coordinates of the focus element, and width and height.
特效绘制模块 3 , 用于根据所述当前焦点元素位置, 在所述上层窗口的对 应位置进行特效绘制。  The special effect drawing module 3 is configured to perform special effect drawing on the corresponding position of the upper window according to the current focus element position.
该特效绘制模块 3包括:  The special effect drawing module 3 includes:
区域定位单元 31 , 用于根据下层窗口中当前焦点元素的初始坐标以及宽 度、 高度, 在上层窗口中确定与其重合的特效绘制区域。 更为具体的, 根据下 层窗口中当前焦点元素的初始坐标以及宽度、 高度, 在上层窗口中确定与其大 小一致、 完全重合的特效绘制区域。 如图 3a、 3b所示, 若下层窗口显示的内 容如图 3a所示, 当前的焦点元素为"主页"处, 则在上层窗口中确定的特效绘 制区域如图 3b中的虚线所示, 当然, 在实际应用中, 并不存在该虚线。  The area locating unit 31 is configured to determine, according to the initial coordinates of the current focus element in the lower window, the width and the height, the special effect drawing area that coincides with the upper layer window. More specifically, according to the initial coordinates of the current focus element in the underlying window, as well as the width and height, a special effect drawing area that coincides with the size and completely coincides with the size is determined in the upper window. As shown in FIG. 3a, 3b, if the content displayed in the lower window is as shown in FIG. 3a, and the current focus element is "home page", the special effect drawing area determined in the upper window is shown by the dotted line in FIG. 3b, of course. In practical applications, the dotted line does not exist.
特效绘制单元 32, 用于在所述区域定位单元确定的特效绘制区域内进行 特效绘制; 所述特效绘制包括: 在所述特效绘制区域内着色或添加动画。 更为 具体的, 数字电视接收终端通过 JavaScript程序调用 canvas中的 API, 在所述 特效绘制区域内进行特效绘制。 The special effect drawing unit 32 is configured to perform special effect drawing in the special effect drawing area determined by the area positioning unit; the special effect drawing includes: coloring or adding animation in the special effect drawing area. More Specifically, the digital television receiving terminal invokes an API in the canvas through a JavaScript program, and performs special effect drawing in the special effect drawing area.
更进一步的, 若下层窗口显示的内容如图 3a所示, 上层窗口中确定的特 效绘制区域如图 3b中的虚线所示, 则经特效绘制单元 32着色(也可以是添加 动画或其它特效处理, 为方便理解, 本实施例以进行着色处理为例)后, 上层 窗口的显示效果如图 3c所示, 而上层窗口与下层窗口重合在一起, 用户看到 的效果如图 3d所示。  Further, if the content displayed in the lower window is as shown in FIG. 3a, the special effect drawing area determined in the upper window is as shown by the dotted line in FIG. 3b, and then colored by the special effect drawing unit 32 (may also be added animation or other special effects processing). For convenience of understanding, in this embodiment, the coloring process is taken as an example, the display effect of the upper window is as shown in FIG. 3c, and the upper window and the lower window are overlapped, and the effect seen by the user is as shown in FIG. 3d.
网页显示模块 4, 用于显示完成特效绘制后的网页。 通过上述各模块处理 后, 用户在网页显示模块 4中可以清楚的看到当前的焦点元素, 同时, 本实施 例提供的焦点元素显示装置除了获取网页数据,显示焦点元素的过程均在本地 处理, 使数字电视接收终端与前端设备没有交互, 既加快了处理的速度, 又较 少的前端设备的负荷, 同时防止网络环境差时出现焦点异常问题。  The webpage display module 4 is configured to display a webpage after the special effect is drawn. After the processing of the above-mentioned modules, the user can clearly see the current focus element in the webpage display module 4. At the same time, the focus element display device provided by the embodiment not only acquires the webpage data, but also processes the focus element to be processed locally. The digital television receiving terminal does not interact with the front-end device, which not only speeds up the processing, but also reduces the load of the front-end equipment, and prevents the focus abnormality when the network environment is poor.
优选的, 本实施例提供的焦点元素显示装置在用户切换焦点元素时,也可 以通过动画的方式, 将绘制的特效从当前焦点元素切换到用户选择的焦点元 素。 其具体实施为:  Preferably, the focus element display device provided by the embodiment may also switch the drawn effect from the current focus element to the focus element selected by the user by an animation when the user switches the focus element. Its specific implementation is:
所述焦点定位模块 2进一步包括:  The focus positioning module 2 further includes:
初始定位单元 21 , 用于获取下层窗口的排版信息, 确定当前焦点元素位 置。  The initial positioning unit 21 is configured to acquire layout information of the lower window and determine a current focus element position.
切换定位单元 22, 用于接收焦点元素切换指令, 获取切换后的焦点元素 位置, 包括: 焦点元素的初始坐标、 以及宽度和高度。 所述焦点元素切换指令 为数字电视接收终端用户通过遥控器或直接在数字电视接收终端上进行操作 发出的。  The switching positioning unit 22 is configured to receive a focus element switching instruction, and obtain the switched focus element position, including: initial coordinates of the focus element, and width and height. The focus element switching command is issued by the digital television receiving terminal user via a remote controller or directly on the digital television receiving terminal.
同时, 特效绘制模块 3还包括:  At the same time, the special effect drawing module 3 further includes:
上层窗口管理单元 33 , 用于调整上层窗口中的网页的特效绘制区域, 使 特效绘制区域与下层窗口中切换后的焦点元素位置重合; 所述调整方式包括: 对上层窗口中的网页进行平移、 拉伸、 缩放、 旋转。  The upper window management unit 33 is configured to adjust a special effect drawing area of the webpage in the upper layer window, so that the special effect drawing area and the switched focus element position in the lower layer window are coincident; the adjusting manner includes: panning the webpage in the upper layer window, Stretch, scale, rotate.
更为具体的,上层窗口管理单元 33根据切换定位单元 22获取的切换后的 焦点元素位置, 在上层窗口中确定对应位置。 然后上层窗口管理单元 33调整 上层窗口网页中的特效绘制区域, 包括进行平移、 拉伸、 缩放、 旋转等, 最终 使上层窗口中的网页上已经着色的特效绘制区域移动到所述对应位置,与下层 窗口中的切换后的焦点元素完全重合, 使切换后的焦点元素得到突出的显示。 More specifically, the upper window management unit 33 determines the corresponding position in the upper window based on the switched focus element position acquired by the switching positioning unit 22. Then, the upper window management unit 33 adjusts the special effect drawing area in the upper window webpage, including panning, stretching, scaling, rotating, etc., and finally The effect drawing area that has been colored on the webpage in the upper layer window is moved to the corresponding position, and completely coincides with the switched focus element in the lower layer window, so that the switched focus element is highlighted.
更进一步的, 因为上层窗口中的透明网页主要采用 html5.0标准的 canvas 属性。 所以, 上层窗口管理单元 33可以利用例如 canvas的 rotate方法做旋转 特效, 利用 canvas的 drawlmage方法等等进行画图, 这样既可以在焦点元素 的切换过程中实现 2D的动画效果,又不需要通过复杂的网页 JavaScript脚本语 言控制。  Further, because the transparent web page in the upper window mainly uses the canvas attribute of the html5.0 standard. Therefore, the upper window management unit 33 can use the rotate method of the canvas to perform the rotation effect, draw the canvas using the drawmage method of the canvas, etc., so that the 2D animation effect can be realized in the switching process of the focus element without complicated Web JavaScript scripting language control.
实施本发明实施例提供的焦点元素显示装置, 首先是在用户浏览网页前, 建立与用户浏览网页重合的透明网页, 在透明的网页上进行特效绘制, 显示当 前的焦点元素,使用户浏览网页时,终端无需与前端设备交互,加快解析速度, 也解决网络环境差时的焦点异常问题, 减少前端设备的下载负荷。 同时, 实施 本发明实施例提供的数字电视接收终端,在焦点元素的切换过程中, 支持在上 层窗口实现对特效绘制区域的平移、 拉伸、 缩放、 旋转等, 实现 2D的动画效 果,使用户的视觉感官更佳, 同时解决网页因实现复杂的动画效果带来的性能 问题, 减少网页的复杂度, 减轻网页开发人员的工作量。  The focus element display device provided by the embodiment of the present invention firstly establishes a transparent webpage that overlaps with the user browsing the webpage before the user browses the webpage, performs special effect drawing on the transparent webpage, and displays the current focus element, so that the user browses the webpage. The terminal does not need to interact with the front-end device, speeds up the resolution, and solves the problem of abnormal focus when the network environment is poor, and reduces the download load of the front-end device. At the same time, the digital television receiving terminal provided by the embodiment of the present invention supports the translation, stretching, zooming, and rotating of the special effect drawing area in the upper layer window during the switching process of the focus element, thereby realizing the animation effect of the 2D, and enabling the user to The visual sense is better, and the performance problems caused by the implementation of complex animation effects are reduced, the complexity of the webpage is reduced, and the workload of the web developer is reduced.
本发明的数字电视接收终端包括但不限于:机顶盒、网络协议电视( Internet Protocol Television, IPTV )、 数字电视一体机、 电视手机等具有接收数字电视 功能的终端。  The digital television receiving terminal of the present invention includes, but is not limited to, a set top box, an Internet Protocol Television (IPTV), a digital television integrated machine, a television mobile phone, and the like having a function of receiving a digital television.
以上所揭露的仅为本发明一种较佳实施例而已,当然不能以此来限定本发 明之权利范围, 因此依本发明权利要求所作的等同变化, 仍属本发明所涵盖的 范围。  The above is only a preferred embodiment of the present invention, and the scope of the present invention is not limited thereto, and thus equivalent changes made in the claims of the present invention are still within the scope of the present invention.
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到本发明 可借助软件加必需的硬件平台的方式来实现, 当然也可以全部通过硬件来实 施。基于这样的理解, 本发明的技术方案对背景技术做出贡献的全部或者部分 可以以软件产品的形式体现出来, 该计算机软件产品可以存储在存储介质中, 如 ROM/RAM、 磁碟、 光盘等, 包括若干指令用以使得一台计算机设备(可以 是个人计算机, 服务器, 或者网络设备等)执行本发明各个实施例或者实施例 的某些部分所述的方法。  Through the description of the above embodiments, those skilled in the art can clearly understand that the present invention can be implemented by means of software plus a necessary hardware platform, and of course, all can be implemented by hardware. Based on such understanding, all or part of the technical solution of the present invention contributing to the background art may be embodied in the form of a software product, which may be stored in a storage medium such as a ROM/RAM, a magnetic disk, an optical disk, or the like. A number of instructions are included to cause a computer device (which may be a personal computer, server, or network device, etc.) to perform the methods described in various embodiments of the present invention or portions of the embodiments.

Claims

权 利 要 求 Rights request
1、 一种焦点元素显示方法, 其特征在于, 包括:  A method for displaying a focus element, comprising:
创建两个重合的网页窗口,在下层窗口加载用户选定的网页内容, 上层窗 口加载透明网页;  Create two overlapping webpage windows, load the webpage content selected by the user in the lower window, and load the transparent webpage in the upper window;
获取所述下层窗口的排版信息, 根据所述排版信息确定当前焦点元素位 置;  Obtaining layout information of the lower window, and determining a current focus element position according to the layout information;
根据所述当前焦点元素位置, 在所述上层窗口的对应位置进行特效绘制; 显示完成特效绘制后的网页。  Performing special effect drawing on the corresponding position of the upper window according to the current focus element position; displaying the webpage after the special effect is drawn.
2、 如权利要求 1所述的焦点元素显示方法, 其特征在于, 所述创建两个 重合的网页窗口, 在下层窗口加载用户选定的网页内容, 上层窗口加载透明网 页包括:  2. The method of displaying a focus element according to claim 1, wherein the creating two overlapping webpage windows loads the webpage content selected by the user in the lower layer window, and the upper layer window loading the transparent webpage comprises:
创建两个大小一致且完全重合的网页窗口;  Create two web pages that are identical in size and fully coincident;
根据用户请求, 向前端设备获取网页数据, 并将所述网页数据加载在所述 下层窗口;  Obtaining webpage data from the front end device according to the user request, and loading the webpage data in the lower layer window;
在上层窗口加载固定的全屏透明网页。  Load a fixed full-screen transparent web page in the upper window.
3、 如权利要求 1或 2所述的焦点元素显示方法, 其特征在于, 所述当前 焦点元素位置包括: 当前焦点元素的初始坐标、 宽度以及高度。  The method of displaying a focus element according to claim 1 or 2, wherein the current focus element position comprises: an initial coordinate, a width, and a height of the current focus element.
4、 如权利要求 3所述的焦点元素显示方法, 其特征在于, 所述根据所述 当前焦点元素位置, 在所述上层窗口的对应位置进行特效绘制, 包括:  The method of displaying a focus element according to claim 3, wherein the performing the special effect drawing on the corresponding position of the upper window according to the current focus element position comprises:
根据下层窗口中当前焦点元素的初始坐标、 宽度以及高度, 在上层窗口中 确定与所述当前焦点重合的特效绘制区域;  Determining a special effect drawing area that coincides with the current focus in an upper window according to initial coordinates, width, and height of a current focus element in the lower window;
在所述特效绘制区域内进行特效绘制。  Special effects drawing is performed in the special effect drawing area.
5、 如权利要求 4所述的焦点元素显示方法, 其特征在于, 在所述特效绘 制区域内进行特效绘制之后还包括:  The method of displaying a focus element according to claim 4, further comprising: after performing the special effect drawing in the special effect drawing area:
接收焦点元素切换指令, 获取切换后的焦点元素位置;  Receiving a focus element switching instruction to obtain a position of the focus element after switching;
调整上层窗口网页中的特效绘制区域,使所述特效绘制区域与下层窗口中 切换后的焦点元素位置重合。  Adjust the effect drawing area in the upper window page so that the effect drawing area coincides with the switched focus element position in the lower window.
6、 如权利要求 5所述的焦点元素显示方法, 其特征在于, 所述调整上层 窗口网页中的特效绘制区域包括进行至少一种如下操作:对上层窗口网页上的 特效绘制区域进行平移、 拉伸、 缩放、 旋转。 The method for displaying a focus element according to claim 5, wherein the adjusting the special effect drawing area in the upper layer window webpage comprises performing at least one of the following operations: on the upper layer window webpage The effects draw area for pan, stretch, zoom, and rotate.
7、 一种焦点元素显示装置, 其特征在于, 包括: 7. A focus element display device, comprising:
创建模块, 用于创建两个重合的网页窗口,在下层窗口加载用户选定的网 页内容, 上层窗口加载透明网页;  Creating a module for creating two coincident webpage windows, loading the webpage content selected by the user in the lower layer window, and loading the transparent webpage in the upper layer window;
焦点定位模块, 用于获取所述下层窗口中网页的排版信息,根据所述排版 信息确定当前焦点元素位置;  a focus positioning module, configured to acquire layout information of a webpage in the lower window, and determine a current focus element position according to the layout information;
特效绘制模块, 用于根据所述当前焦点元素或者下一个焦点元素位置, 在 所述上层窗口的对应位置进行特效绘制;  a special effect drawing module, configured to perform special effect drawing on a corresponding position of the upper window according to the current focus element or a next focus element position;
网页显示模块, 用于显示完成特效绘制后的网页。  The webpage display module is configured to display a webpage after the special effect is drawn.
8、 如权利要求 7所述的焦点元素显示装置, 其特征在于, 所述创建模块 包括:  8. The focus element display device according to claim 7, wherein the creating module comprises:
窗口创建单元, 用于创建两个大小一致且完全重合的网页窗口; 下层窗口加载单元, 用于根据用户请求, 向前端设备获取网页数据, 并将 所述网页数据加载在所述窗口创建单元创建的下层窗口中;  a window creation unit, configured to create two webpage windows of uniform size and completely coincident; a lower layer window loading unit, configured to acquire webpage data from the front end device according to the user request, and load the webpage data into the window creation unit to create In the lower window;
上层窗口加载单元,用于在所述窗口创建单元创建的上层窗口中加载固定 的全屏透明网页。  An upper window loading unit for loading a fixed full-screen transparent webpage in an upper window created by the window creation unit.
9、 如权利要求 7或 8所述的焦点元素显示装置, 其特征在于, 所述焦点 定位模块确定的当前焦点元素位置包括: 当前焦点元素的初始坐标、 宽度以及 高度。  The focus element display device according to claim 7 or 8, wherein the current focus element position determined by the focus positioning module comprises: initial coordinates, width and height of the current focus element.
10、 如权利要求 9所述的焦点元素显示装置, 其特征在于, 所述特效绘制 模块包括:  The focus element display device according to claim 9, wherein the special effect drawing module comprises:
区域定位单元, 用于根据下层窗口中当前焦点元素的初始坐标、 宽度以及 高度, 在上层窗口中确定与所述当前焦点重合的特效绘制区域;  a region positioning unit, configured to determine, in an upper window, a special effect drawing region that coincides with the current focus according to an initial coordinate, a width, and a height of a current focus element in the lower layer window;
特效绘制单元,用于在所述区域定位单元确定的特效绘制区域内进行特效 绘制。  The special effect drawing unit is configured to perform special effect drawing in the special effect drawing area determined by the area positioning unit.
11、 如权利要求 10所述的焦点元素显示装置, 其特征在于, 所述焦点定 位模块包括:  The focus element display device according to claim 10, wherein the focus positioning module comprises:
初始定位单元, 用于获取下层窗口的排版信息,根据所述排版信息确定当 前焦点元素位置; An initial positioning unit, configured to acquire layout information of the lower window, and determine, according to the layout information, Front focus element position;
切换定位单元,用于接收焦点元素切换指令,获取切换后的焦点元素位置。 The switching positioning unit is configured to receive a focus element switching instruction, and acquire a position of the focus element after the switching.
12、 如权利要求 11所述的焦点元素显示装置, 其特征在于, 所述特效绘 制模块还包括: The focus element display device according to claim 11, wherein the special effect drawing module further comprises:
上层窗口管理单元, 用于调整上层窗口网页中的特效绘制区域,使所述特 效绘制区域与下层窗口中切换后的焦点元素位置重合;所述调整包括至少一种 如下方式: 对上层窗口网页中的特效绘制区域进行平移、 拉伸、 缩放、 旋转。  An upper window management unit, configured to adjust a special effect drawing area in the upper window webpage, so that the special effect drawing area and the switched focus element position in the lower layer window coincide; the adjustment includes at least one of the following manners: The effects of the drawing area are panned, stretched, scaled, rotated.
13、 一种数字电视接收终端, 其特征在于, 包括如权利要求 7至 12任一 项所述的焦点元素显示装置。 A digital television receiving terminal, comprising the focus element display device according to any one of claims 7 to 12.
PCT/CN2011/070513 2010-02-01 2011-01-24 Focal element display method and device and digital television receiving terminal WO2011091739A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201019164031XA CN101882432B (en) 2010-02-01 2010-02-01 Focus element display method, device and digital television receiving terminal
CN201019164031.X 2010-02-01

Publications (1)

Publication Number Publication Date
WO2011091739A1 true WO2011091739A1 (en) 2011-08-04

Family

ID=43054430

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2011/070513 WO2011091739A1 (en) 2010-02-01 2011-01-24 Focal element display method and device and digital television receiving terminal

Country Status (2)

Country Link
CN (1) CN101882432B (en)
WO (1) WO2011091739A1 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102722588A (en) * 2012-06-14 2012-10-10 北京小米科技有限责任公司 Method, device and electronic terminal for browsing files

Families Citing this family (22)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101882432B (en) * 2010-02-01 2012-07-04 深圳市同洲电子股份有限公司 Focus element display method, device and digital television receiving terminal
CN102026038A (en) * 2010-12-15 2011-04-20 中兴通讯股份有限公司 Method and system for realizing page dynamic display of IPTV set top box
CN102547469B (en) * 2011-12-28 2013-11-20 四川长虹电器股份有限公司 Method for accelerating browsing and display of Web pages with multiple pictures
CN102663075A (en) * 2012-04-01 2012-09-12 杭州格畅科技有限公司 Method, browser and browser plug-in for browsing webpage
CN103679777A (en) * 2012-09-07 2014-03-26 腾讯科技(深圳)有限公司 Method and device for realizing page mask
CN104050165B (en) * 2013-03-11 2018-04-20 中兴通讯股份有限公司 A kind of webpage initial focus method for selecting and device based on IPTV
CN103543922B (en) * 2013-07-01 2018-03-20 Tcl集团股份有限公司 A kind of focus mobility method, system and smart machine
CN104424318A (en) * 2013-09-09 2015-03-18 阿里巴巴集团控股有限公司 Method and device for controlling page elements
CN103473016B (en) * 2013-09-25 2016-08-24 东莞宇龙通信科技有限公司 Multi-window display method and touch control terminal
CN104679767A (en) * 2013-11-29 2015-06-03 英业达科技有限公司 System and method for displaying picture in webpage according to visible region
CN103902057B (en) * 2014-03-31 2017-02-08 北京搜狗科技发展有限公司 Webpage input method and device for mobile terminal device
CN105242817B (en) * 2014-07-07 2019-09-03 阿里巴巴集团控股有限公司 Page elements highlighted method and device in real time
CN105630478B (en) * 2014-12-01 2019-11-26 阿里巴巴集团控股有限公司 A kind of method and apparatus for realizing page switching
CN104504090B (en) * 2014-12-26 2018-02-13 北京奇虎科技有限公司 The treating method and apparatus of image in a kind of webpage
CN105812881B (en) * 2014-12-30 2019-03-01 Tcl集团股份有限公司 A kind of window processing method, system and the television set of user interface
CN104750392A (en) * 2015-04-17 2015-07-01 深圳市美贝壳科技有限公司 Image focus display method and device
CN105843617B (en) * 2016-03-23 2018-11-13 深圳市茁壮网络股份有限公司 A kind of 2D special efficacys method for drafting
CN106250561A (en) * 2016-08-17 2016-12-21 青岛海信电器股份有限公司 A kind of focus frame method for drafting based on HTML canvas and device
CN108228286A (en) * 2016-12-14 2018-06-29 北京国双科技有限公司 Draw element tracking and device
CN107194977A (en) * 2017-05-15 2017-09-22 深圳市茁壮网络股份有限公司 A kind of display methods of focus element, device and electronic equipment
CN107180099A (en) * 2017-05-17 2017-09-19 上海爱优威软件开发有限公司 A kind of information processing method
CN109104627B (en) * 2017-06-21 2020-08-04 武汉斗鱼网络科技有限公司 Focus background generation method, storage medium, device and system of android television

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1461986A (en) * 2002-05-14 2003-12-17 微软公司 Overlay electronic inking
CN1512770A (en) * 2002-12-30 2004-07-14 北京中视联数字系统有限公司 Realizing method for electronic program guide
EP1463052A1 (en) * 2003-03-25 2004-09-29 Deutsche Thomson-Brandt Gmbh Method for representing animated menu buttons
CN1949844A (en) * 2005-10-11 2007-04-18 深圳Tcl新技术有限公司 Method for dynamically displaying television function interface
CN1973257A (en) * 2004-06-22 2007-05-30 松下电器产业株式会社 Display control device, display control method, and display control program
US20090228818A1 (en) * 2008-03-06 2009-09-10 Intuit Inc. System and method for focusing a view of data on a selected subset
CN101882432A (en) * 2010-02-01 2010-11-10 深圳市同洲电子股份有限公司 Focus element display method, device and digital television receiving terminal

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2007074460A (en) * 2005-09-08 2007-03-22 Matsushita Electric Ind Co Ltd Internet television receiver
KR101397541B1 (en) * 2007-09-05 2014-05-27 주식회사 알티캐스트 Method and apparatus for controlling scene structure in a digital broadcast receiver
KR20090105719A (en) * 2008-04-03 2009-10-07 브로드밴드미디어주식회사 Iptv service method supporting broadcasting information and broadcasting contents screen of pip function, and system thereof
CN101504607A (en) * 2009-03-20 2009-08-12 华亚微电子(上海)有限公司 Window state manager and method, window management system and method

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1461986A (en) * 2002-05-14 2003-12-17 微软公司 Overlay electronic inking
CN1512770A (en) * 2002-12-30 2004-07-14 北京中视联数字系统有限公司 Realizing method for electronic program guide
EP1463052A1 (en) * 2003-03-25 2004-09-29 Deutsche Thomson-Brandt Gmbh Method for representing animated menu buttons
CN1973257A (en) * 2004-06-22 2007-05-30 松下电器产业株式会社 Display control device, display control method, and display control program
CN1949844A (en) * 2005-10-11 2007-04-18 深圳Tcl新技术有限公司 Method for dynamically displaying television function interface
US20090228818A1 (en) * 2008-03-06 2009-09-10 Intuit Inc. System and method for focusing a view of data on a selected subset
CN101882432A (en) * 2010-02-01 2010-11-10 深圳市同洲电子股份有限公司 Focus element display method, device and digital television receiving terminal

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102722588A (en) * 2012-06-14 2012-10-10 北京小米科技有限责任公司 Method, device and electronic terminal for browsing files

Also Published As

Publication number Publication date
CN101882432B (en) 2012-07-04
CN101882432A (en) 2010-11-10

Similar Documents

Publication Publication Date Title
WO2011091739A1 (en) Focal element display method and device and digital television receiving terminal
US11537280B2 (en) Display method and display apparatus
CN106547417B (en) Method and device for displaying background task message
US10645458B2 (en) Enlargement of screen-capture recorded into a video recording during playback thereof
US11481872B2 (en) Method and device for loading image
CN112770188A (en) Video playing method and device
US20230297222A1 (en) Page display switching method, apparatus, storage medium, and electronic device
US20230029698A1 (en) Video interaction method and apparatus, electronic device, and computer-readable storage medium
CN112954441B (en) Video editing and playing method, device, equipment and medium
CN103176993B (en) A kind of content presenting device and method
CN113127784A (en) Large-screen data visual display method and device, storage medium and computer equipment
CN110598140A (en) Page adjusting method and device and server
CN112843680A (en) Picture display method and device, terminal equipment and storage medium
CN105898608A (en) Video play control method and browser
JP2012079188A (en) Style information processor and method
CN113676677B (en) Dynamic picture synthesis method and device, electronic equipment and readable storage medium
JP2010218522A (en) Web page display method using plug-in of browser
CN106873963B (en) Method and device for forming background of computer video desktop
JP2006018631A (en) Web document browsing apparatus and method
US20190163762A1 (en) Reflow of user interface elements
CN116841439B (en) Display method and device for image pixel grid, computer equipment and storage medium
US11907646B1 (en) HTML element based rendering supporting interactive objects
JP5793469B2 (en) Mobile terminal, information processing method, and computer program
CN116909505A (en) Display method, device, system and medium of self-adaptive visual area
EP2908235A1 (en) Link display method and device

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 11736621

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 30/11/2012)

122 Ep: pct application non-entry in european phase

Ref document number: 11736621

Country of ref document: EP

Kind code of ref document: A1