CN101119476A - Method for implementing page dynamic effect in built-in browser of network television - Google Patents
Method for implementing page dynamic effect in built-in browser of network television Download PDFInfo
- Publication number
- CN101119476A CN101119476A CNA2007101458888A CN200710145888A CN101119476A CN 101119476 A CN101119476 A CN 101119476A CN A2007101458888 A CNA2007101458888 A CN A2007101458888A CN 200710145888 A CN200710145888 A CN 200710145888A CN 101119476 A CN101119476 A CN 101119476A
- Authority
- CN
- China
- Prior art keywords
- page
- focus
- browser
- function
- built
- 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.)
- Pending
Links
Images
Abstract
The present invention relates to a realization method of page layout autokinetic effect under the browser in a net TV embedding type. The steps comprise: defining the trigger condition for users motion or page layout position on the pattern plate, when the focus is moving in the page layout, catching the user motion or page layout position through the script function supplied by the embedding type browser, and when the user motion satisfies the trigger condition, exchanging the picture linked with the page layout; or when the page layout position of the focus satisfies the trigger condition, hoding turning page operation. The present invention uses IPTV embedding type brower to realize the page layout autokinetic effect. When user browses and operates EPG page layout, which makes the EPG page layout can show the autokinetic effect to the user.
Description
Technical field
The present invention relates to a kind of EPG (Electronic program guide that the present invention relates among a kind of IPTV based on built-in browser, electronic program guides) display technique of the page, specifically, the implementation method that relates to the page dynamic effect under a kind of built-in browser of network television.
Background technology
(IPTV) comes into huge numbers of families along with Web TV, makes more people experience the enjoyment that bring in the broadband, and people's quality of life is improved.IPTV system sound intermediate frequency video decode technology, Streaming Media tranmission techniques, broadband access network technology, IP set-top box technique have all obtained development fast.
And owing to be limited by some birth defects of employed built-in browser in the displaying of IPTV terminal, for example, the WEB characteristic that browser is supported relatively a little less than, generally just support the limited (HTML of hypertext markup language, Hyper Text Markup Language) and the very limited script of function, and the transition relationship between the page often is different from the displaying of the browser that the mouse cooperation is arranged on the common PC, thereby caused directly showing the page of showing have animation (FLASH) special efficacy can not the browser on ordinary PC in the face of the user interface of client's IPTV, thereby the aesthetic property of the page is had a greatly reduced quality, and can only realize that the simple page switches.
Can be attractive in appearance, dynamic and diversified if represent to terminal use's EPG interface, will improve visual impact of user and fragrance greatly, the page of a uninteresting dullness then can reduce the interest of User Page operation greatly, even may influence the interest of user to IPTV.
Summary of the invention
Technical problem solved by the invention provides the implementation method of the page dynamic effect under a kind of built-in browser of network television, can make the EPG page show dynamic effect.
Technical scheme is as follows:
The implementation method of the page dynamic effect under a kind of built-in browser of network television, step comprises:
(1) trigger condition of definition user action or page location in masterplate;
(2) when focus is mobile on the page, catch the user action or the page location of described focus by the script function that built-in browser provided;
(3) when described user action satisfies described trigger condition, the picture of change page link; Perhaps, when the page location of described focus satisfies described trigger condition, carry out page turn over operation.
Further, in the step (1), the described trigger condition of definition in the JS of described masterplate function.
Further, in the step (3), in the JS function, obtain the entity of described page elements, change the picture of page link in real time by revising described attributes of entities again by the numbering of obtaining the page elements that the user triggers.
Further, in the step (1), in the masterplate of Web TV, the operate condition of the described user action of interface link response comprise obtain focus, lose focus, the click state, the JS function that the definition operate condition triggers in the page, judgement user's trigger action in described JS function.
Further, in the step (3), judge described operate condition, when described operate condition when obtaining focus, be replaced by the picture when obtaining focus; When described operate condition when losing focus, be replaced by the picture when losing focus; When described operate condition is the click state, be replaced by the picture when clicking focus.
Further, in the step (1), in the JS of masterplate function, self-defined JS function, the set-top box button that replaces acquiescence is handled.
Further, in the step (2), when focus moves, call described self-defining JS function, in described self-defined JS function, the button that calling described set-top box provides is intercepted and captured the button operation that interface is intercepted and captured remote controller, and the set-top box button that replaces acquiescence with described self-defined JS function is handled.
Further, in the step (3), in the JS function, whether the position of judging described focus is on the edge of form element; If the page turn over operation of the forced trigger page then, otherwise, call the set-top box button of acquiescence and handle.
The present invention utilizes the IPTV built-in browser to realize page dynamic effect, when the user browses and operate the EPG page, makes the EPG page can show user's dynamic effect.The action that the present invention catches the user by the limited script function that built-in browser provided according to different actions, is changed different button images and is realized simple FLASH special efficacy, develops the page attractive in appearance, dynamic, that interactivity is strong well.
By technical solution of the present invention, FLASH dynamic effect when the EPG page is showed and extending user special operational mode be can realize, thereby the appreciative value and the extensibility of the page improved greatly the page, broken the intrinsic exhibition method of the EPG page.
Description of drawings
Fig. 1 is an EPG masterplate framework schematic diagram;
Fig. 2, alternate to realize the flow chart of FLASH effect by picture;
Fig. 3, realize the flow chart of the automatic redirect of the page by catching the focal position;
Fig. 4, utilize button intercepting and capturing technology to realize homepage minimenu use-case flow chart.
Embodiment
The masterplate of IPTV is the weblication that runs on the web server, is to be made up of the java server page (JSP, Java Server Page), picture file, masterplate configuration file.Client runs in the Embedded browser.The JSP displaying of masterplate client and the web page display on the general PC have very big difference, masterplate generally is showed in television set or similarly plays on the media by set-top box, showing interface is directly perceived, clear, succinct, generous, user's operation is controlled by set-top box remote controller, so the page shows that the element requirement is bigger.
With reference to the accompanying drawings, the preferred embodiments of the present invention are done detailed description.
With reference to shown in Figure 1, EPG masterplate framework is done detailed description.
Wherein set-top box is used to show the JSP page of IPTV, masterplate is the weblication that interactive interface is provided for IPTV user, the EPG backstage provides the backstage interface of masterplate accessing database, the EPG background data base is the local data base that operates on the web server, is used to deposit the partial data of IPTV business.CDN is the content distributing network of IPTV, is responsible for the management of IPTV play content and partial service data.Interface message processor (IMP) is responsible for docking of IPTV system and other system.Portal is for showing and operate the web server of IPTV business datum.
With reference to shown in Figure 2, realization FLASH effect is done detailed description to alternating by picture.
The basic principle of the dynamic effect of FLASH also is that the change by a large amount of pictures realizes, in the present embodiment, alternates and the picture replacing by catching user focus action carrying out picture, realizes basic FLASH special efficacy.
Step S201, the trigger condition of definition user action in masterplate.
In the masterplate of IPTV, the user action of interface link response generally has three kinds of action types (operate condition), comprising: obtain focus, lose focus, the click state.The JS function (Java Script function) that these three kinds of states of definition trigger in the page, judgement user's trigger action in this JS function.
Step S202, the user is moving focal point on the page.
Step S203 is by the action (OnFocus, OnBlur) of the limited script function seizure user focus that built-in browser provided.
Step S204, the action type of judgement user action when user action satisfies trigger condition, is carried out user action.
Obtain the page elements id that the user triggers, be generally the id of img label, obtain the entity of this element by this id, then can change the picture of page link in real time by revising attributes of entities (being generally the src attribute of img label) again, the effect of change can real-time exhibition on the interface, thereby can play the FLASH effect.Id is the numbering of page elements, is unique in a page.
When the action type of user action when obtaining focus, execution in step S205; When the action type of user action when losing focus, execution in step S206; When the action type of user action is the click state, execution in step S207.
Step S205, when the action type of user action when obtaining focus, be replaced by the picture when obtaining focus.
Step S206, when the action type of user action when losing focus, be replaced by the picture when losing focus.
Step S207 when the action type of user action is the click state, is replaced by the picture when clicking focus.
With reference to shown in Figure 3, to doing detailed description by the process of catching the automatic redirect of the focal position realization page.
In the present embodiment, the position that utilizes script that built-in browser provides to catch user focus realizes that the page shows the automatic page turning of content.
Step S301, intercepting and capturing user's upper and lower, left and right key operation.
In the JS of masterplate function, calling button that set-top box provides intercepts and captures interface and intercepts and captures the user (this function is applied to the EPG backstage to the upper and lower, left and right key operation of remote controller, the content of obtaining is showed by TABLE (form in the html language) form), then can the self-defining JS function of invoking page when user's moving focal point.
Step S302, User Defined JS function replace the set-top box button of acquiescence to be handled.
Step S303 obtains the page location at the current place of user focus.
Usually the page turning of showing content must manual triggers " page up ", " following one page " button is realized, and in the present embodiment, by catching the position realization page turning of the present focus of user.When focus is positioned at the fringe region (topmost, bottom, the left side, the right side) of displaying contents form, if user's this moment continues focus when mobile, is then triggered page turn over operation automatically outside the viewing area.
Step S304 judges user's focus moves whether will exceed the content key time domain.
If exceed, execution in step S305; Otherwise, execution in step S306.
Step S305 triggers the automatic page turning of the page.
When intercepting and capturing user focus and move in the processing function of appointment, whether the position of judging user's current focus is on the top or bottom element of TABLE.And if this moment the user be trigger upwards or downwards focus move page turn over operation that then can the forced trigger page.。
Step S306 calls the set-top box button of acquiescence and handles.
With reference to shown in Figure 4, user key-press is intercepted and captured The Application of Technology and is done detailed description.
Button intercepting and capturing technology be utilize button that built-in browser provides intercept and capture interface catch the user by remote controller buttons information, that realizes the page triggers the processing of button to the user.Used this technology in page automatic page turning, can also realize much other special page operation modes, citing an actual example below illustrates.
Because set-top box all has the corresponding default operation to each button of remote controller.In order to realize the special operational effect of the page, can intercept and capture interface by the button that utilizes built-in browser to provide and replace the button response function of the corresponding default of the EPG page, thereby forward the self-defining JS function of the page to, in self-defining JS function, can realize different functions according to concrete demand, thus mode of operation that can off the beaten track page response button.
The processing of the Menu key of set-top box acquiescence is the homepage face (displaying of one-level menu) that returns masterplate, thereby refreshes the content of the original page, and can change this page operation mode by button intercepting and capturing technology now.
Step S401 at first develops a mini homepage menu, has realized the one-level menu function of homepage, can show at the fringe region of each masterplate page.
Make mini homepage menu and replace the homepage face, be used to be illustrated in each JSP page of this masterplate, acquiescence is in unactivated state.
Step S402 intercepts and captures custom menu key operation (intercepting and capturing Menu key on each JSP page), turns to the JS function of self-defined custom menu key to handle.
Step S403, the user triggers Menu key.
Step S404 judges minimenu state at this moment.
When being in unactivated state, execution in step S405; When being in state of activation, execution in step S407.
Step S405 when being in unactivated state, activates minimenu, and focus is moved on the minimenu.
Step S406 utilizes button intercepting and capturing technology, and focus can only be moved on minimenu.
Step S407 when being in state of activation, nullifies minimenu, hides the minimenu link.
When the user presses Menu key, the interface imports the minimenu homepage, shows at the fringe region of the page, does not change the displaying of page other guide, so just can change the exhibition method of traditional masterplate page, increase the extensibility of user's experience property and masterplate page development.
Claims (8)
1. the implementation method of the page dynamic effect under the built-in browser of network television, step comprises:
(1) trigger condition of definition user action or page location in masterplate;
(2) when focus is mobile on the page, catch the user action or the page location of described focus by the script function that built-in browser provided;
(3) when described user action satisfies described trigger condition, the picture of change page link; Perhaps, when the page location of described focus satisfies described trigger condition, carry out page turn over operation.
2. the implementation method of the page dynamic effect under the built-in browser of network television according to claim 1 is characterized in that, in the step (1), and the described trigger condition of definition in the JS of described masterplate function.
3. the implementation method of the page dynamic effect under the built-in browser of network television according to claim 2, it is characterized in that, in the step (3), in the JS function, obtain the entity of described page elements by the numbering of obtaining the page elements that the user triggers, change the picture of page link in real time by revising described attributes of entities again.
4. the implementation method of the page dynamic effect under the built-in browser of network television according to claim 1, it is characterized in that, in the step (1), in the masterplate of Web TV, the operate condition of the described user action of interface link response comprise obtain focus, lose focus, the click state, the JS function that the definition operate condition triggers in the page, judgement user's trigger action in described JS function.
5. the implementation method of the page dynamic effect under the built-in browser of network television according to claim 4 is characterized in that, in the step (3), judges described operate condition, when described operate condition when obtaining focus, be replaced by the picture when obtaining focus; When described operate condition when losing focus, be replaced by the picture when losing focus; When described operate condition is the click state, be replaced by the picture when clicking focus.
6. the implementation method of the page dynamic effect under the built-in browser of network television according to claim 1 is characterized in that, in the step (1), and in the JS of masterplate function, self-defined JS function, the set-top box button that replaces acquiescence is handled.
7. the implementation method of the page dynamic effect under the built-in browser of network television according to claim 6, it is characterized in that, in the step (2), when focus moves, call described self-defining JS function, in described self-defined JS function, the button that calling described set-top box provides is intercepted and captured the button operation that interface is intercepted and captured remote controller, and the set-top box button that replaces acquiescence with described self-defined JS function is handled.
8. the implementation method of the page dynamic effect under the built-in browser of network television according to claim 7 is characterized in that, in the step (3), in the JS function, whether the position of judging described focus is on the edge of form element; If the page turn over operation of the forced trigger page then, otherwise, call the set-top box button of acquiescence and handle.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CNA2007101458888A CN101119476A (en) | 2007-09-04 | 2007-09-04 | Method for implementing page dynamic effect in built-in browser of network television |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CNA2007101458888A CN101119476A (en) | 2007-09-04 | 2007-09-04 | Method for implementing page dynamic effect in built-in browser of network television |
Related Child Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2011100955019A Division CN102158766A (en) | 2007-09-04 | 2007-09-04 | Implementation method of page turning of network television embedded browser and system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN101119476A true CN101119476A (en) | 2008-02-06 |
Family
ID=39055373
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CNA2007101458888A Pending CN101119476A (en) | 2007-09-04 | 2007-09-04 | Method for implementing page dynamic effect in built-in browser of network television |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN101119476A (en) |
Cited By (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101944020A (en) * | 2010-08-13 | 2011-01-12 | 赵永频 | The embedding of the third party logo at application software interface |
| CN102026038A (en) * | 2010-12-15 | 2011-04-20 | 中兴通讯股份有限公司 | Method and system for realizing page dynamic display of IPTV set top box |
| CN102087596A (en) * | 2011-01-28 | 2011-06-08 | 深圳市同洲电子股份有限公司 | Embedded browsing device and multi-page mixed display method thereof |
| WO2011085652A1 (en) * | 2010-01-14 | 2011-07-21 | 深圳市同洲电子股份有限公司 | Method, apparatus for navigating embedded browser and digital tv receiving terminal |
| WO2011088759A1 (en) * | 2010-01-21 | 2011-07-28 | 深圳市同洲电子股份有限公司 | Method and device for realizing embedded browser, and digital television receiving terminal |
| CN102625189A (en) * | 2012-04-10 | 2012-08-01 | 深圳市茁壮网络股份有限公司 | Focus moving method, set-top box and system |
| CN103248958A (en) * | 2013-04-08 | 2013-08-14 | 深圳创维－Rgb电子有限公司 | Interactive method and device for player, television and playback equipment |
| WO2013189447A2 (en) * | 2012-11-23 | 2013-12-27 | 中兴通讯股份有限公司 | Method and device for customizing page focus movement manner of interactive personality tv set-top box |
| CN107295414A (en) * | 2016-04-05 | 2017-10-24 | 北京优朋普乐科技有限公司 | A kind of Web page focus control method and device |
| CN112596715A (en) * | 2020-12-08 | 2021-04-02 | 海看网络科技(山东)股份有限公司 | EPG (electronic program guide) special-shaped graph assembly and display method thereof |
| CN113010079A (en) * | 2021-03-24 | 2021-06-22 | 数贸科技（北京）有限公司 | Button processing method and device based on front-end preprocessing |
-
2007
- 2007-09-04 CN CNA2007101458888A patent/CN101119476A/en active Pending
Cited By (16)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2011085652A1 (en) * | 2010-01-14 | 2011-07-21 | 深圳市同洲电子股份有限公司 | Method, apparatus for navigating embedded browser and digital tv receiving terminal |
| WO2011088759A1 (en) * | 2010-01-21 | 2011-07-28 | 深圳市同洲电子股份有限公司 | Method and device for realizing embedded browser, and digital television receiving terminal |
| CN101944020A (en) * | 2010-08-13 | 2011-01-12 | 赵永频 | The embedding of the third party logo at application software interface |
| CN102026038A (en) * | 2010-12-15 | 2011-04-20 | 中兴通讯股份有限公司 | Method and system for realizing page dynamic display of IPTV set top box |
| WO2012079512A1 (en) * | 2010-12-15 | 2012-06-21 | 中兴通讯股份有限公司 | Method and system for dynamically displaying iptv set-top box page |
| CN102087596B (en) * | 2011-01-28 | 2014-07-30 | 深圳市同洲电子股份有限公司 | Embedded browsing device and multi-page mixed display method thereof |
| CN102087596A (en) * | 2011-01-28 | 2011-06-08 | 深圳市同洲电子股份有限公司 | Embedded browsing device and multi-page mixed display method thereof |
| CN102625189A (en) * | 2012-04-10 | 2012-08-01 | 深圳市茁壮网络股份有限公司 | Focus moving method, set-top box and system |
| CN102625189B (en) * | 2012-04-10 | 2015-04-15 | 深圳市茁壮网络股份有限公司 | Focus moving method, set-top box and system |
| WO2013189447A2 (en) * | 2012-11-23 | 2013-12-27 | 中兴通讯股份有限公司 | Method and device for customizing page focus movement manner of interactive personality tv set-top box |
| WO2013189447A3 (en) * | 2012-11-23 | 2014-02-13 | 中兴通讯股份有限公司 | Method and device for customizing page focus movement manner of interactive personality tv set-top box |
| CN103248958A (en) * | 2013-04-08 | 2013-08-14 | 深圳创维－Rgb电子有限公司 | Interactive method and device for player, television and playback equipment |
| CN103248958B (en) * | 2013-04-08 | 2016-06-29 | 深圳创维－Rgb电子有限公司 | The exchange method of a kind of player, device and television set, playback equipment |
| CN107295414A (en) * | 2016-04-05 | 2017-10-24 | 北京优朋普乐科技有限公司 | A kind of Web page focus control method and device |
| CN112596715A (en) * | 2020-12-08 | 2021-04-02 | 海看网络科技(山东)股份有限公司 | EPG (electronic program guide) special-shaped graph assembly and display method thereof |
| CN113010079A (en) * | 2021-03-24 | 2021-06-22 | 数贸科技（北京）有限公司 | Button processing method and device based on front-end preprocessing |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101119476A (en) | Method for implementing page dynamic effect in built-in browser of network television | |
| US11968430B2 (en) | Remote control having hotkeys with dynamically assigned functions | |
| KR101193698B1 (en) | Client-server architectures and methods for zoomable user interface | |
| US7664813B2 (en) | Dynamic data presentation | |
| CN101321268B (en) | Personal media broadcasting system | |
| US20180024644A1 (en) | Remote control having hotkeys with dynamically assigned functions | |
| CN101500125B (en) | Method and apparatus for providing user interaction during displaying video on customer terminal | |
| US20070180488A1 (en) | System and method for processing video content | |
| CN103051865B (en) | The method that picture controls and terminal, video conference device | |
| WO2021051745A1 (en) | Display method and display device | |
| KR20100127240A (en) | Using triggers with video for interactive content identification | |
| CN107135404B (en) | A kind of large-size screen monitors cloud interaction systems | |
| DE202011110780U1 (en) | Multifunction display | |
| CN102316384A (en) | Page multigraph switching realization method and embedded browser of interactive personality TV (IPTV) | |
| CN102210158B (en) | An iptv receiver and method for controlling an application in the iptv receiver | |
| CN102625182A (en) | Method and system for integrating and controlling video player in Connected TV | |
| CN102158766A (en) | Implementation method of page turning of network television embedded browser and system | |
| CN107566913A (en) | A kind of interface display method of IPTV, device and set top box | |
| CN109803151A (en) | Multi-medium data stream switching method, device, storage medium and electronic device | |
| WO2012022271A1 (en) | Realization method, system, stb (set top box) and remote controller of iptv and value-added business thereof | |
| EP2270658A1 (en) | Method and computer system for introducing client devices into a client-server network | |
| CN103748586A (en) | Intelligent television | |
| CN101882088A (en) | Method and system for simulating set top box (STB) and implementation method thereof | |
| CN113573121B (en) | Video playing method, device and storage medium | |
| CN109005460A (en) | The user grouping management method and system of IPTV set top box based on Custom Interface |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C12 | Rejection of a patent application after its publication | ||
| RJ01 | Rejection of invention patent application after publication |
Open date: 20080206 |