CN101882432B - Focus element display method, device and digital television receiving terminal - Google Patents

Focus element display method, device and digital television receiving terminal Download PDF

Info

Publication number
CN101882432B
CN101882432B CN201019164031XA CN201019164031A CN101882432B CN 101882432 B CN101882432 B CN 101882432B CN 201019164031X A CN201019164031X A CN 201019164031XA CN 201019164031 A CN201019164031 A CN 201019164031A CN 101882432 B CN101882432 B CN 101882432B
Authority
CN
China
Prior art keywords
focus element
window
special efficacy
webpage
lower floor
Prior art date
Legal status (The legal status 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 status listed.)
Expired - Fee Related
Application number
CN201019164031XA
Other languages
Chinese (zh)
Other versions
CN101882432A (en
Inventor
刘汉军
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Coship Electronics Co Ltd
Original Assignee
Shenzhen Coship Electronics Co Ltd
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 Shenzhen Coship Electronics Co Ltd filed Critical Shenzhen Coship Electronics Co Ltd
Priority to CN201019164031XA priority Critical patent/CN101882432B/en
Publication of CN101882432A publication Critical patent/CN101882432A/en
Priority to PCT/CN2011/070513 priority patent/WO2011091739A1/en
Application granted granted Critical
Publication of CN101882432B publication Critical patent/CN101882432B/en
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

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

Landscapes

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

Abstract

The invention provides a focus element display method, a device and a digital television receiving terminal. The method comprises the following steps: creating two overlapped web page windows; loading web page contents selected by users on the lower-layer window; loading a transparent web page on the upper-layer window; obtaining the typeset information of the lower-layer window; determining the position of a current focus element; carrying out special effect drawing in the corresponding position of the upper-layer window according to the position of the current focus element; and displaying the web page after the special effect drawing is completed. The focus element display method, the device and the digital television receiving terminal provided by the invention have the advantages that when users browse the web page, the terminal does not need to interact with the front end terminal, the analytic speed is accelerated, and the animation effect of the focus switching can be realized. At the same time, the focus abnormity problem of the network environment differential time can be solved, and the downloading load of the front end equipment is reduced.

Description

A kind of focus element display method, device and receiving terminal for digital television
Technical field
The present invention relates to the digital television techniques field, relate in particular to a kind of focus element display method, device and receiving terminal for digital television.
Background technology
Along with the continuous development of digital television techniques, the function of receiving terminal for digital television is more and more, becomes one of main function through the built-in browser online.Built-in browser is different with the browser on the computer, on computers, as user during to some links interested, only need can browse relevant linked contents with this link of click.But the built-in browser on receiving terminal for digital television does not have mouse, has only a remote controller.Show current focus (being the position at current selectable link place) so built-in browser must be given prominence to, where tell user's current focus.The user can switch to own interested focus element through the key up and down of remote controller.
In the prior art, the built-in browser browsing page is shown the mode of current focus element mainly contains: rectangle frame mark, fill color mark, three kinds in replacement picture.The rectangle frame mark comes out current web page focus element frame with a rectangle frame exactly, as a mark, tells user's current focus positions of elements.The fill color mark is exactly the background color of filling the current focus element with the color of an acquiescence, makes a mark, tells user's current focus element position.This dual mode all is that browser mark current focus on current web page realizes.
The replacement picture then is that the developer of webpage monitors through client script language JavaScript.When switching focus, when certain element has become current focus, just, make a mark, tell user's current focus element position with the picture of appointment background as currentElement.When this element has been a current focus no longer, unload designated pictures as a setting.This mode through replacement picture demonstration current focus element is loading, when unloading picture, need monitor and realize through the JavaScript script.And picture is placed on the headend equipment.Load Image and to pass through this picture of browser forward end device request.And since the length of each focus element with highly maybe be all different, so a webpage possibly need to prepare several different big or small replacement pictures.In addition, switch if want to realize some complicated focus elements, the process of switching like focus realizes level and smooth mobile effect such as the 2D of grade, need write the JavaScript script and realize effect.This requires the skilled grasp of webpage development personnel again and uses the JavaScript language.
The inventor finds in the process of embodiment of the present invention: the display effect of the mode (rectangle frame mark, fill color mark) of preceding two kinds of demonstration focus elements is not good.At present digital television business does not often adopt this dual mode for display effect, but adopts the mode of replacement picture, like this on visual effect than the above two better effects if.Yet this effect is to need the replacement picture, the limitation that the source of picture, the problems such as size of focus element have caused picture to select.Simultaneously, in the focus element handoff procedure,, thereby influence switch speed, make network unusual, also the focus element handoff error may occur, perhaps jump the problem that focus is switched because need replace picture from the front end device downloads.
In sum, show focus element,, also increase the load of headend equipment simultaneously because need can influence the speed of switching from front end device downloads data through the replacement picture.Animation effect through JavaScript script realization webpage will certainly increase many JavaScript scripted codes, and then influence the overall performance of browser.Simultaneously, also increase the size of code (also can influence the load of headend equipment) that webpage development personnel's webpage is write.
Summary of the invention
The present invention provides a kind of focus element display method, device and receiving terminal for digital television, and when making user's browsing page, receiving terminal for digital television need not with headend equipment mutual, accelerates resolution speed, realizes the animation effect that focus is switched.Focus abnormal problem when also solving the network environment difference simultaneously reduces the download of headend equipment and loads.
Focus element display method provided by the invention comprises:
Create the web page windows of two coincidences, load the web page contents that the user selectes, load transparent webpage at parent window at lower floor's window;
Obtain the composition information of said lower floor window, confirm the current focus element position;
According to said current focus element position, carry out special efficacy at the correspondence position of said parent window and draw.
Preferably, the web page windows of two coincidences of said establishment loads the web page contents that the user selectes at lower floor's window, loads transparent webpage at parent window and comprises:
Create two consistent and web page windows that overlap fully of size;
According to user's request, forward end equipment obtains web data, and composing is presented at lower floor's window;
Load fixing full frame transparent webpage at parent window.
Preferably, said current focus element position comprises: the initial coordinate of current focus element and width, highly.
Preferably, said according to said current focus element position, carry out special efficacy at the correspondence position of said parent window and draw, comprising:
According to the initial coordinate of current focus element in lower floor's window and width, highly, in parent window, confirm the special efficacy drawing area that overlaps with it;
In said special efficacy drawing area, carrying out special efficacy draws; Said special efficacy is drawn and is comprised: at said special efficacy drawing area intrinsic color or interpolation animation.
Preferably, in said special efficacy drawing area, carry out also comprising after the special efficacy drafting:
Receive the focus element switching command, obtain the focus element position after the switching;
Special efficacy drawing area on the adjustment parent window webpage makes that the focus element position after the switching overlaps in said special efficacy drawing area and the lower floor window.
Preferably, the special efficacy drawing area on the said adjustment parent window webpage comprises: the special efficacy drawing area on the parent window webpage carries out translation, stretching, convergent-divergent, rotation.
Focus element display unit provided by the invention comprises:
Create module, be used to create the web page windows of two coincidences, load the web page contents that the user selectes, load transparent webpage at parent window at lower floor's window;
The focus locating module is used to obtain the composition information of said lower floor window, confirms the current focus element position;
The special efficacy drafting module is used for according to said current focus element position, carries out special efficacy at the correspondence position of said parent window and draws;
The web displaying module is used to show the webpage of accomplishing after special efficacy is drawn.
Preferably, said establishment module comprises:
The window creation unit is used to create two consistent and web page windows that overlap fully of size;
Lower floor's window display unit is used for the request according to the user, and forward end equipment obtains web data, and composing is presented in lower floor's window of creating said window creation unit;
The parent window loading unit, the parent window that is used for creating in said window creation unit loads fixing full frame transparent webpage.
Preferably, the current focus element position confirmed of said focus locating module comprises: the initial coordinate of current focus element and width, highly.
Preferably, said special efficacy drafting module comprises: the zone location unit, be used for according to the initial coordinate of lower floor's window current focus element and width, highly, and in parent window, confirm the special efficacy drawing area that overlaps with it; The special efficacy drawing unit carries out special efficacy in the special efficacy drawing area that is used for confirming in said zone location unit and draws; Said special efficacy is drawn and is comprised: at said special efficacy drawing area intrinsic color or interpolation animation.
Preferably, said focus locating module comprises: the initial alignment unit, be used to obtain the composition information of lower floor's window, and confirm the current focus element position; Switch positioning unit, be used to receive the focus element switching command, obtain the focus element position after the switching.
Preferably, said special efficacy drafting module also comprises: the parent window administrative unit, be used for adjusting the special efficacy drawing area of parent window webpage, and the focus element position after switching in said special efficacy drawing area and the lower floor window is overlapped; Said adjustment mode comprises: the special efficacy drawing area in the parent window webpage carries out translation, stretching, convergent-divergent, rotation.
Simultaneously, the present invention also provides a kind of receiving terminal for digital television, and this receiving terminal for digital television comprises above-mentioned focus element display unit.
The focus element display method that embodiment of the present invention provides, device and receiving terminal for digital television, in the time of can making user's browsing page, the terminal need not with headend equipment mutual, accelerates resolution speed, realizes the animation effect that focus shows.Focus abnormal problem when also solving the network environment difference simultaneously reduces the download of headend equipment and loads.
Description of drawings
In order to be illustrated more clearly in the embodiment of the invention or technical scheme of the prior art; To do to introduce simply to the accompanying drawing of required use in embodiment or the description of the Prior Art below; Obviously, the accompanying drawing in describing below only is some embodiments of the present invention, for those of ordinary skills; Under the prerequisite of not paying creative work property, can also obtain other accompanying drawing according to these accompanying drawings.
Fig. 1 is the focus element display method first embodiment schematic flow sheet provided by the invention;
Fig. 2 is the focus element display method second embodiment schematic flow sheet provided by the invention;
Fig. 3 is that levels window provided by the invention shows sketch map;
Fig. 4 is the focus element display unit first example structure sketch map provided by the invention;
Fig. 5 is the focus element display unit second example structure sketch map provided by the invention.
Embodiment
The present invention provides a kind of focus element display method, device and receiving terminal for digital television, and when making user's browsing page, the terminal need not with headend equipment mutual, realizes the animation effect that focus is switched, and accelerates resolution speed.Focus abnormal problem when also solving the network environment difference simultaneously reduces the download of headend equipment and loads.
Referring to Fig. 1, be the focus element display method first embodiment schematic flow sheet provided by the invention, as shown in Figure 1:
In step 100, create the web page windows of at least two coincidences, load the web page contents that the user selectes at lower floor's window, load transparent webpage at parent window.
In step 101, obtain the composition information of said lower floor window, confirm the current focus element position, the position at promptly current selectable link place.
In step 102,, carry out special efficacy at the correspondence position of said parent window and draw according to said current focus element position.
In step 103, show the webpage of accomplishing after special efficacy is drawn.More concrete, the webpage in lower floor's window overlaps the demonstration that the special efficacy drawing area on the parent window webpage makes the current focus element in lower floor's window webpage obtain giving prominence to webpage in the parent window.Simultaneously, other part of parent window webpage is transparent, so user's other content in also can normal browsing lower floor window webpage.
The focus element display method that embodiment of the present invention provides before the webpage that the user browses, is set up a transparent webpage again; On transparent webpage, carry out special efficacy and draw, show current focus element, when making user's browsing page; The terminal need not with headend equipment mutual, accelerates resolution speed.Focus abnormal problem when also solving the network environment difference simultaneously reduces the download of headend equipment and loads.
Referring to Fig. 2, be the focus element display method second embodiment schematic flow sheet provided by the invention, in the present embodiment, with the flow process of more detailed description this method, as shown in Figure 2:
In step 200, create at least two consistent and web page windows that overlap fully of size.
More concrete; When the user need browse a webpage through operation acknowledgement; Receiving terminal for digital television is opened a web page windows and is used to load the webpage that the user selects, and the receiving terminal for digital television acquiescence opens that another is identical with the aforementioned window size simultaneously, and the web page windows of coincidence fully.In embodiments of the present invention, be positioned at lower floor web page windows we be called lower floor's window, consistent with the lower floor window size, and the web page windows that covers fully on the said lower floor window is a parent window.
In step 201, receiving terminal for digital television forward end equipment sends web data and obtains request, to obtain the data of the webpage that the user selects.
In step 202, receiving terminal for digital television obtains web data, is carried in lower floor's window.Simultaneously, in parent window, load fixing full frame transparent webpage.In the time of receiving terminal for digital television display web page data, preserve composition information.
Further, the full frame transparent webpage of loading can adopt the new features of HTML 5.0 (HTML, Hyper Text Mark-up Language 5.0): the canvas attribute, create a painting canvas.Simultaneously the webpage in the parent window is made full frame transparently, the special efficacy of on this webpage, drawing focus so just can not influence the actual webpage of browsing.
More concrete, canvas has a drawing API based on program language JavaScript (API, Application Programming Interface).Canvas designs for the client vector graphics, itself does not move executive capability, but the drawing API between webpage and the client JavaScript is provided, and the user can call these API and realize various special efficacys easily.An API:rotate is for example wherein arranged, just can realize rotating special efficacy.The webpage development personnel only need call this API and get final product, and do not realize this special efficacy and need not write complicated JavaScript.
In step 203, obtain the composition information of webpage in lower floor's window, confirm the current focus element position.
More concrete, receiving terminal for digital television obtains the composition information of in step 202, preserving, and according to this composition information, obtains the current focus element position.In embodiments of the present invention, the focus element position comprises: the initial coordinate of focus element and width and height.
In step 204, according to the initial coordinate of current focus element in lower floor's window and width, highly, in parent window, confirm, fully special efficacy drawing area of coincidence consistent with its size.Shown in Fig. 3 a, 3b, if lower floor's window content displayed is shown in Fig. 3 a, current focus element is located for " homepage ", then at the special efficacy drawing area of confirming in the parent window shown in the dotted line among Fig. 3 b, certainly, in practical application, do not have this dotted line.
In step 205, in the special efficacy drawing area, carry out special efficacy and draw, show the webpage of accomplishing after special efficacy is drawn.Said special efficacy is drawn and is comprised: at said special efficacy drawing area intrinsic color or interpolation animation.
More concrete, receiving terminal for digital television carries out special efficacy and draws through the API among the JavaScript routine call canvas in said special efficacy drawing area.
Further, shown in Fig. 3 a, the special efficacy drawing area of confirming in the parent window is shown in the dotted line among Fig. 3 b as if lower floor's window content displayed; Then painted through step 205 (also can be to add animation or other special effect processing; Understand for convenient, present embodiment is to carry out the painted example that is treated to) after, the display effect of parent window is shown in Fig. 3 c; And parent window and lower floor's window coincide together, and the effect that the user sees is shown in Fig. 3 d.
After above-mentioned processing, the user can be clearly seen that current focus element, simultaneously; The method that present embodiment provides, receiving terminal for digital television show that except obtaining web data the process of focus element is all handled in this locality; Receiving terminal for digital television and headend equipment are not mutual; Both accelerated the speed of handling, the focus abnormal problem appears in the load of less again headend equipment when preventing the network environment difference simultaneously.
Preferably, the focus element display method that present embodiment provides also comprises the switching flow to the current focus element, and is specific as follows:
In step 206, receive the user and receive the focus element switching command.Said focus element switching command is that the receiving terminal for digital television user is through remote controller or directly send at the enterprising line operate of receiving terminal for digital television.
In step 207, according to the composition information of lower floor's window, the focus element position after confirming to switch comprises: the initial coordinate of focus element and width and height.
In step 208, the special efficacy drawing area in the adjustment parent window webpage makes the focus element position after switching in said special efficacy drawing area and the lower floor window overlap the adjusted webpage of demonstration completion special efficacy drawing area.More concrete; The mode of the special efficacy drawing area in the receiving terminal for digital television adjustment parent window webpage comprises: the special efficacy drawing area in the webpage in the parent window carries out translation, stretching, convergent-divergent, rotation etc.; Finally make special efficacy drawing area painted on the webpage in the parent window; Overlap the demonstration that makes the focus element after the switching obtain giving prominence to fully with the focus element after the switching in the lower floor window.
Further, because the transparent webpage in the parent window mainly adopts the canvas attribute of html5.0 standard.So; In this step; The webpage development personnel for example can utilize the rotate method of canvas to do the rotation special efficacy; Utilize the drawImage method of canvas to draw or the like, so both can in the handoff procedure of focus element, realize the animation effect of 2D, again need be through complicated webpage JavaScript script control.
The focus element display method that embodiment of the present invention embodiment provides at first is before user's browsing page, the transparent webpage that foundation overlaps with the webpage that the user browses; On transparent webpage, carry out special efficacy and draw, show current focus element, when making user's browsing page; Receiving terminal for digital television need not with headend equipment mutual; Accelerate resolution speed, the focus abnormal problem when also solving the network environment difference reduces the download of headend equipment and loads.Simultaneously, the focus element display method that embodiment of the present invention embodiment provides is in the handoff procedure of focus element; Be supported in parent window and realize translation, stretching, convergent-divergent, rotation the special efficacy drawing area; Realize the animation effect of 2D, make user's visual perception better, solve the performance issue of webpage simultaneously because of realizing that complicated animation effect is brought; Reduce the complexity of webpage, alleviate webpage development personnel's workload.
Referring to Fig. 4, be the focus element display unit first example structure sketch map provided by the invention, this device can be applicable in the receiving terminal for digital television, and is as shown in Figure 4, and this device comprises:
Create module 1, be used to create the web page windows of at least two coincidences, load the web page contents that the user selectes, load transparent webpage at parent window at lower floor's window.
Focus locating module 2 is used to obtain the composition information of said lower floor window, confirms the current focus element position, the position at promptly current selectable link place.
Special efficacy drafting module 3 is used for according to said current focus element position, carries out special efficacy at the correspondence position of said parent window and draws.
Web displaying module 4 is used to show the webpage of accomplishing after special efficacy is drawn.
The focus element display unit that embodiment of the present invention provides before the webpage that the user browses, is set up a transparent webpage again; On transparent webpage, carry out special efficacy and draw, show current focus element, when making user's browsing page; The terminal need not with headend equipment mutual, accelerates resolution speed.Focus abnormal problem when also solving the network environment difference simultaneously reduces the download of headend equipment and loads.
Referring to Fig. 5, be the focus element display unit second example structure sketch map provided by the invention, this device can be applicable in the receiving terminal for digital television.
In the present embodiment, with the concrete structure of this focus element display unit of more detailed description and the function of each module.As shown in Figure 5, this device comprises:
Create module 1, be used to create the web page windows of two coincidences, load the web page contents that the user selectes, load transparent webpage at parent window at lower floor's window.
More concrete, create module 1 and comprise:
Window creation unit 11 is used to create at least two consistent and web page windows that overlap fully of size.
More concrete; When the user need browse a webpage through operation acknowledgement; Window creation unit 11 is opened a web page windows and is used to load the webpage that the user selects, and window creation unit 11 acquiescences open that another is identical with the aforementioned window size simultaneously, and the web page windows of coincidence fully.In embodiments of the present invention, be positioned at lower floor web page windows we be called lower floor's window, consistent with the lower floor window size, and the web page windows that covers fully on the said lower floor window is a parent window.
Lower floor's window loading unit 12 is used for according to user request, and forward end equipment obtains web data, and after the web data that obtains set type, is carried in lower floor's window of creating window creation unit 11.In the time of lower floor's window display unit 12 display web page data, preserve composition information.
Parent window loading unit 13, the parent window that is used for creating in said window creation unit loads fixing full frame transparent webpage.Further, the full frame transparent webpage that layer window loading unit 13 loads can adopt the canvas attribute of HTML HTML5.0 to create a painting canvas.The special efficacy of on this webpage, drawing focus so just can not influence the actual webpage of browsing.
More concrete; Canvas designs for the client vector graphics; Itself do not move executive capability; But the drawing API between webpage and the client JavaScript is provided, and the user can call these API and realize various special efficacys easily, all is plotted to the thing of wanting to draw on the webpage.
Focus locating module 2 is used to obtain the composition information of said lower floor window, confirms the current focus element position.Focus locating module 2 obtains the current focus element position according to the composition information of preserving in lower floor's window display unit 12, comprising: the initial coordinate of focus element and width and height.
Special efficacy drafting module 3 is used for according to said current focus element position, carries out special efficacy at the correspondence position of said parent window and draws.
This special efficacy drafting module 3 comprises:
Zone location unit 31 is used for according to the initial coordinate of lower floor's window current focus element and width, highly, in parent window, confirms the special efficacy drawing area that overlaps with it.More concrete, according to the initial coordinate of current focus element in lower floor's window and width, highly, in parent window, confirm, fully special efficacy drawing area of coincidence consistent with its size.Shown in Fig. 3 a, 3b, if lower floor's window content displayed is shown in Fig. 3 a, current focus element is located for " homepage ", then at the special efficacy drawing area of confirming in the parent window shown in the dotted line among Fig. 3 b, certainly, in practical application, do not have this dotted line.
Special efficacy drawing unit 32 carries out special efficacy in the special efficacy drawing area that is used for confirming in said zone location unit and draws; Said special efficacy is drawn and is comprised: at said special efficacy drawing area intrinsic color or interpolation animation.More concrete, receiving terminal for digital television carries out special efficacy and draws through the API among the JavaScript routine call canvas in said special efficacy drawing area.
Further, shown in Fig. 3 a, the special efficacy drawing area of confirming in the parent window is shown in the dotted line among Fig. 3 b as if lower floor's window content displayed; Then 32 painted through the special efficacy drawing unit (also can be to add animation or other special effect processing; Understand for convenient, present embodiment is to carry out the painted example that is treated to) after, the display effect of parent window is shown in Fig. 3 c; And parent window and lower floor's window coincide together, and the effect that the user sees is shown in Fig. 3 d.
Web displaying module 4 is used to show the webpage of accomplishing after special efficacy is drawn.After above-mentioned each resume module, the user can be clearly seen that current focus element in web displaying module 4, simultaneously; The focus element display unit that present embodiment provides is except obtaining web data; The process that shows focus element is all handled in this locality, makes receiving terminal for digital television and headend equipment not mutual, has both accelerated the speed of handling; The focus abnormal problem appears in the load of less again headend equipment when preventing the network environment difference simultaneously.
Preferably, the focus element display unit that present embodiment provides also can switch to the focus element that the user selects with the special efficacy of drawing from the current focus element through the mode of animation when the user is switched focus element.It is embodied as:
Said focus locating module 2 further comprises:
Initial alignment unit 21 is used to obtain the composition information of lower floor's window, confirms the current focus element position.
Switch positioning unit 22, be used to receive the focus element switching command, obtain the focus element position after the switching, comprising: the initial coordinate of focus element and width and height.Said focus element switching command is that the receiving terminal for digital television user is through remote controller or directly send at the enterprising line operate of receiving terminal for digital television.
Simultaneously, special efficacy drafting module 3 also comprises:
Parent window administrative unit 33 is used for adjusting the special efficacy drawing area of the webpage of parent window, and the focus element position after switching in special efficacy drawing area and the lower floor window is overlapped; Said adjustment mode comprises: the webpage in the parent window is carried out translation, stretching, convergent-divergent, rotation.
More concrete, parent window administrative unit 33 is confirmed correspondence position according to the focus element position of switching after the switching that positioning unit 22 obtains in parent window.Special efficacy drawing area in the parent window administrative unit 33 adjustment parent window webpages then; Comprise and carry out translation, stretching, convergent-divergent, rotation etc.; Finally make special efficacy drawing area painted on the webpage in the parent window move to said correspondence position; Overlap the demonstration that makes the focus element after the switching obtain giving prominence to fully with the focus element after the switching in the lower floor window.
Further, because the transparent webpage in the parent window mainly adopts the canvas attribute of html5.0 standard.So; Parent window administrative unit 33 for example can utilize the rotate method of canvas to do the rotation special efficacy; DrawImage method of utilizing canvas or the like is drawn; So both can in the handoff procedure of focus element, realize the animation effect of 2D, again need be through complicated webpage JavaScript script control.
The focus element display unit that embodiment of the present invention embodiment provides at first is before user's browsing page, sets up the transparent webpage that overlaps with user's browsing page; On transparent webpage, carry out special efficacy and draw, show current focus element, when making user's browsing page; The terminal need not with headend equipment mutual; Accelerate resolution speed, the focus abnormal problem when also solving the network environment difference reduces the download of headend equipment and loads.Simultaneously, the receiving terminal for digital television that embodiment of the present invention embodiment provides is in the handoff procedure of focus element; Be supported in parent window and realize translation, stretching, convergent-divergent, rotation etc. the special efficacy drawing area; Realize the animation effect of 2D, make user's visual perception better, solve the performance issue of webpage simultaneously because of realizing that complicated animation effect is brought; Reduce the complexity of webpage, alleviate webpage development personnel's workload.
Receiving terminal for digital television of the present invention includes but not limited to: and STB, network protocol television (InternetProtocol Television, IPTV), terminal with receiving digital television function such as digital TV integrated machine, Digital Video Broadcasting Handheld.
Above disclosedly be merely a kind of preferred embodiment of the present invention, can not limit the present invention's interest field certainly with this, the equivalent variations of therefore doing according to claim of the present invention still belongs to the scope that the present invention is contained.
Through the description of above execution mode, those skilled in the art can be well understood to the present invention and can realize by the mode that software adds essential hardware platform, can certainly all implement through hardware.Based on such understanding; All or part of can the coming out that technical scheme of the present invention contributes to background technology with the embodied of software product; This computer software product can be stored in the storage medium, like ROM/RAM, magnetic disc, CD etc., comprises that some instructions are with so that a computer equipment (can be a personal computer; Server, the perhaps network equipment etc.) carry out the described method of some part of each embodiment of the present invention or embodiment.

Claims (13)

1. a focus element display method is characterized in that, comprising:
Create the web page windows of two coincidences, load the web page contents that the user selectes, load transparent webpage at parent window at lower floor's window;
Obtain the composition information of said lower floor window, confirm the current focus element position;
According to said current focus element position, carry out special efficacy at the correspondence position of said parent window and draw;
Show the webpage of accomplishing after special efficacy is drawn.
2. focus element display method as claimed in claim 1 is characterized in that, the web page windows of two coincidences of said establishment loads the web page contents that the user selectes at lower floor's window, loads transparent webpage at parent window and comprises:
Create two consistent and web page windows that overlap fully of size;
According to user's request, forward end equipment obtains web data, is carried in lower floor's window;
Load fixing full frame transparent webpage at parent window.
3. focus element display method as claimed in claim 2 is characterized in that, said current focus element position comprises: the initial coordinate of current focus element and width, highly.
4. focus element display method as claimed in claim 3 is characterized in that, and is said according to said current focus element position, carries out special efficacy at the correspondence position of said parent window and draws, and comprising:
According to the initial coordinate of current focus element in lower floor's window and width, highly, in parent window, confirm the special efficacy drawing area that overlaps with it;
In said special efficacy drawing area, carrying out special efficacy draws.
5. focus element display method as claimed in claim 4 is characterized in that, in said special efficacy drawing area, carries out also comprising after the special efficacy drafting:
Receive the focus element switching command, obtain the focus element position after the switching;
Special efficacy drawing area on the adjustment parent window webpage makes that the focus element position after the switching overlaps in said special efficacy drawing area and the lower floor window.
6. focus element display method as claimed in claim 5 is characterized in that, the special efficacy drawing area on the said adjustment parent window webpage comprises: the special efficacy drawing area on the parent window webpage carries out translation, stretching, convergent-divergent, rotation.
7. a focus element display unit is characterized in that, comprising:
Create module, be used to create the web page windows of two coincidences, load the web page contents that the user selectes, load transparent webpage at parent window at lower floor's window;
The focus locating module is used for obtaining the composition information of said lower floor window webpage, confirms the current focus element position;
The special efficacy drafting module is used for according to said current focus element position, carries out special efficacy at the correspondence position of said parent window and draws;
The web displaying module is used to show the webpage of accomplishing after special efficacy is drawn.
8. focus element display unit as claimed in claim 7 is characterized in that, said establishment module comprises:
The window creation unit is used to create two consistent and web page windows that overlap fully of size;
Lower floor's window loading unit is used for the request according to the user, and forward end equipment obtains web data, is carried in lower floor's window of creating said window creation unit;
The parent window loading unit, the parent window that is used for creating in said window creation unit loads fixing full frame transparent webpage.
9. focus element display unit as claimed in claim 8 is characterized in that, the current focus element position that said focus locating module is confirmed comprises: the initial coordinate of current focus element and width, highly.
10. focus element display unit as claimed in claim 9 is characterized in that, said special efficacy drafting module comprises:
The zone location unit is used for according to the initial coordinate of lower floor's window current focus element and width, highly, in parent window, confirms the special efficacy drawing area that overlaps with it;
The special efficacy drawing unit carries out special efficacy in the special efficacy drawing area that is used for confirming in said zone location unit and draws.
11. focus element display unit as claimed in claim 10 is characterized in that, said focus locating module comprises:
The initial alignment unit is used to obtain the composition information of lower floor's window, confirms the current focus element position;
Switch positioning unit, be used to receive the focus element switching command, obtain the focus element position after the switching.
12. focus element display unit as claimed in claim 11 is characterized in that, said special efficacy drafting module also comprises:
The parent window administrative unit is used for adjusting the special efficacy drawing area of parent window webpage, and the focus element position after switching in said special efficacy drawing area and the lower floor window is overlapped; Said adjustment comprises: the special efficacy drawing area in the parent window webpage carries out translation, stretching, convergent-divergent, rotation.
13. a receiving terminal for digital television is characterized in that, comprises like each described focus element display unit of claim 7 to 12.
CN201019164031XA 2010-02-01 2010-02-01 Focus element display method, device and digital television receiving terminal Expired - Fee Related CN101882432B (en)

Priority Applications (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
PCT/CN2011/070513 WO2011091739A1 (en) 2010-02-01 2011-01-24 Focal element display method and device and digital television receiving terminal

Applications Claiming Priority (1)

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

Publications (2)

Publication Number Publication Date
CN101882432A CN101882432A (en) 2010-11-10
CN101882432B true CN101882432B (en) 2012-07-04

Family

ID=43054430

Family Applications (1)

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

Country Status (2)

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

Families Citing this family (23)

* 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
CN102722588A (en) * 2012-06-14 2012-10-10 北京小米科技有限责任公司 Method, device and electronic terminal for browsing files
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 (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
KR20090025038A (en) * 2007-09-05 2009-03-10 주식회사 알티캐스트 Method and apparatus for controlling scene structure of multiple moving-picture contents for set top box
CN101504607A (en) * 2009-03-20 2009-08-12 华亚微电子(上海)有限公司 Window state manager and method, window management system and method
KR20090105719A (en) * 2008-04-03 2009-10-07 브로드밴드미디어주식회사 Iptv service method supporting broadcasting information and broadcasting contents screen of pip function, and system thereof

Family Cites Families (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8166388B2 (en) * 2002-05-14 2012-04-24 Microsoft Corporation Overlaying electronic ink
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
JP4167205B2 (en) * 2004-06-22 2008-10-15 松下電器産業株式会社 Display control apparatus and display control method
CN1949844B (en) * 2005-10-11 2010-05-26 深圳Tcl新技术有限公司 Method for dynamically displaying television function interface
US8341545B2 (en) * 2008-03-06 2012-12-25 Intuit Inc. System and method for focusing a view of data on a selected subset
CN101882432B (en) * 2010-02-01 2012-07-04 深圳市同洲电子股份有限公司 Focus element display method, device and digital television receiving terminal

Patent Citations (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
KR20090025038A (en) * 2007-09-05 2009-03-10 주식회사 알티캐스트 Method and apparatus for controlling scene structure of multiple moving-picture contents for set top box
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

Also Published As

Publication number Publication date
CN101882432A (en) 2010-11-10
WO2011091739A1 (en) 2011-08-04

Similar Documents

Publication Publication Date Title
CN101882432B (en) Focus element display method, device and digital television receiving terminal
US10949491B2 (en) Method and apparatus for using proxies to interact with webpage analytics
US8739070B2 (en) System, method and apparatus for providing an application carousel
US11422779B2 (en) Application support for network devices
US8060824B2 (en) User interface for a multimedia service
US9667904B2 (en) Managing extra space on ultra high definition display presenting high definition video
EP3403162A1 (en) Interactive presentation controls
US20190230311A1 (en) Video interface display method and apparatus
CN112149025B (en) Media resource display method and device, storage medium and electronic equipment
CN102622395A (en) Method, server and client for assisting in accessing to webpage by application virtualization
EP3200067A1 (en) Electronic apparatus and control method thereof
CN110996151A (en) Video layer overlapping method and device, electronic equipment and storage medium
CN113099285A (en) Display method and device
CN116909505A (en) Display method, device, system and medium of self-adaptive visual area
CN111142984A (en) Visualized data display method, system, equipment and computer readable storage medium
US20140259083A1 (en) System and method for use in enhancing the display of multimedia content
JP5303534B2 (en) Appearance information processing apparatus and method
US11579766B2 (en) Methods and systems for reducing inadvertent interactions with advertisements displayed on a computing device
EP2499558A1 (en) Directional navigation of page content
CN108664498B (en) Webpage content display method and terminal
CN111064983B (en) Display device
US10673771B2 (en) Platform-agnostic thick-client system for combined delivery of disparate streaming content and dynamic content by combining dynamic data with output from a continuous queue transmitter
US10055508B1 (en) Platform-agnostic thick-client system for combined delivery of disparate streaming content and dynamic content by combining dynamic data with output from a continuous queue transmitter
WO2018158588A1 (en) System and method for creating and using interactive web content
CN113207304B (en) Converting static content items into interactive content items

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant
CF01 Termination of patent right due to non-payment of annual fee

Granted publication date: 20120704

Termination date: 20150201

EXPY Termination of patent right or utility model