CN113852847A

CN113852847A - Method for realizing EPG focus configuration and display

Info

Publication number: CN113852847A
Application number: CN202110726002.9A
Authority: CN
Inventors: 孙为国; 汤新; 许文华
Original assignee: Tianyi Smart Family Technology Co Ltd
Current assignee: Tianyi Digital Life Technology Co Ltd
Priority date: 2021-06-29
Filing date: 2021-06-29
Publication date: 2021-12-28

Abstract

The application discloses a method for realizing EPG focus configuration and display, which comprises the following steps: identifying all movable element components; initializing the maximum values of each element assembly in the vertical direction and the horizontal direction; a button to set a focus element assembly; initializing a position of the focus element assembly; and setting movement logic for the focus element assembly. Through the configuration and display method, each large focus is divided into a plurality of focus components, the configuration mode is more flexible, and the method is particularly suitable for functions of special-shaped elements, left-right surrounding, up-down surrounding and the like of the focus.

Description

Method for realizing EPG focus configuration and display

Technical Field

The present application relates to the IPTV technical field, and more particularly, to applications of various scenes of EPG development in the IPTV service field, such as service integration portals, value-added service areas, activity topics, and the like.

Background

An Interactive Personal Television (IPTV) is a technology that integrates internet, multimedia, and communication technologies by using a broadband network to provide a variety of interactive services including digital television to home users. The module structure mainly comprises sub-modules of streaming media service, program collecting and editing, storage, authentication and charging and the like, the main stored and transmitted contents are streaming media files with MPEG-2/4 standard as a coding core, based on IP network transmission, a content distribution service node is generally set, streaming media service and storage equipment are configured, and a user terminal can be an IP set top box + a television, and can also be a PC. IPTV can provide various digital media services including tv programs through internet protocols using the infrastructure of a cable tv network with a home tv set as a main terminal device.

Currently, various EPG (Electronic Program Guide) pages can be displayed on a set-top box based on JavaScript development. To attract users and the ever-increasing demands that users have placed on the experience, various demands have been placed on the focus movement of various EPG element components. The browser of the set-top box usually adopts DIV (DIV is a positioning technology in a cascading style sheet, which is called DIVision, namely DIVision) as a default to realize the focus effect. However, the direction key cannot directly control the movement of the DIV, and the movement effect can be achieved only by setting a DIV direction trigger event. However, in the prior art, the method cannot meet the service requirements, such as functions of various irregular special-shaped element assemblies, left-right surrounding and up-down surrounding of the focus, and the like.

Therefore, there is a need in the art for a new focus navigation technology to meet the increasing demand of services. And the technology can reduce the difficulty of EPG development.

Disclosure of Invention

The following presents a simplified summary of one or more aspects in order to provide a basic understanding of such aspects. This summary is not an extensive overview of all contemplated aspects, and is intended to neither identify key or critical elements of all aspects nor delineate the scope of any or all aspects. Its sole purpose is to present some concepts of one or more aspects in a simplified form as a prelude to the more detailed description that is presented later.

According to an embodiment of the present application, a method for electronic program guide, EPG, focus configuration and display is described, the method comprising: identifying all movable element components; initializing the maximum values of each element assembly in the vertical direction and the horizontal direction; a button to set a focus element assembly; initializing a position of a focus element assembly; and setting movement logic for the focus element assembly.

According to a preferred embodiment of the present application, identifying all movable element components includes:

all movable element components in the page of the EPG are identified in the form of id ═ element _ mV _ nH, where mV represents movement of an element component in the vertical direction and nH represents movement of an element component in the horizontal direction.

According to a preferred embodiment of the present application, initializing the maximum values of the respective element components in the vertical direction and the horizontal direction includes:

respectively initializing the maximum values of the element assemblies in the vertical direction and the horizontal direction: maxV and maxH, where maxV and maxH represent the maximum value of the element component in the vertical direction and the maximum value in the horizontal direction, respectively.

According to a preferred embodiment of the present application, initializing the position of the focus element assembly comprises: the focus element components are initialized to any of the element components.

According to a preferred embodiment of the present application, initializing the position of the focus element assembly comprises:

the position of the electricity-limiting focus element assembly is initialized to the position of any one of the electricity-limiting element assemblies, and the maximum values of the electricity-limiting focus cell assembly in the vertical direction and the horizontal direction are initialized.

According to a preferred embodiment of the present application, the logic for setting the movement of the power-limiting focus element assembly comprises:

starting from the power-limited focus element assembly, move left, right, up, and down, respectively, to traverse all element assemblies.

According to a preferred embodiment of the present application, the logic for setting the movement of the power-limiting focus element assembly further comprises:

if the power-limiting focus element assembly starts to move leftwards, the mV is kept unchanged, and the nH is gradually reduced and is sequentially carried out;

if the electricity-limiting focus element assembly starts to move rightwards, the mV is kept unchanged, and the nH is gradually increased and is sequentially carried out;

if the power-limiting focus element assembly starts to move upwards, nH is kept unchanged, and mV is gradually reduced and is sequentially carried out;

if the electricity-limiting focus element assembly starts to move downwards, nH is kept unchanged, and the mV is gradually increased in sequence.

if no element component exists in the power-limiting leftward movement process, reducing mV by 1, and gradually reducing nH to perform leftward movement again;

if no element component exists in the process of limiting the electricity and moving to the right, adding 1 to mV, and gradually increasing nH to move to the right again;

if no element component exists in the process of limiting the power to move upwards, decreasing nH by 1, and gradually decreasing mV to move upwards again;

if no element component is found to be present during the power limited downshifting, nH is increased by 1 and mV is gradually increased to perform the downshifting again.

According to a preferred embodiment of the present application, if there are no other element assemblies than the electricity-limiting focus element assembly itself, there is no movement.

To the accomplishment of the foregoing and related ends, the one or more aspects comprise the features hereinafter fully described and particularly pointed out in the claims. The following description and the annexed drawings set forth in detail certain illustrative features of the one or more aspects. These features are indicative, however, of but a few of the various ways in which the principles of various aspects may be employed and the present description is intended to include all such aspects and their equivalents.

Drawings

So that the manner in which the above recited features of the present application can be understood in detail, a more particular description of the disclosure briefly summarized above may be had by reference to aspects, some of which are illustrated in the appended drawings. It is to be noted, however, that the appended drawings illustrate only certain typical aspects of this application and are therefore not to be considered limiting of its scope, for the description may admit to other equally effective aspects.

In the drawings:

fig. 1 is a display page illustrating an exemplary EPG actual layout in a method of implementing EPG focus configuration and display according to an embodiment of the present application;

fig. 2 is a schematic screenshot illustrating source code 1 in a method of enabling EPG focus configuration and display according to an embodiment of the present application;

fig. 3 is a schematic screenshot of source code 2 illustrating a method of implementing EPG focus configuration and display according to an embodiment of the present application;

fig. 4 is a display page illustrating an exemplary EPG virtual layout in a method of implementing EPG focus configuration and display according to an embodiment of the present application;

fig. 5 is a flow chart illustrating a method of enabling EPG focus configuration and display according to an embodiment of the present application.

Detailed Description

The detailed description set forth below in connection with the appended drawings is intended as a description of various configurations and is not intended to represent the only configurations in which the concepts described herein may be practiced. The detailed description includes specific details to provide a thorough understanding of the various concepts. It will be apparent, however, to one skilled in the art that these concepts may be practiced without these specific details. In some instances, well known components are shown in block diagram form in order to avoid obscuring such concepts.

It is to be understood that other embodiments will be evident based on the present disclosure, and that system, structural, process, or mechanical changes may be made without departing from the scope of the present disclosure.

Referring to fig. 1, an exemplary EPG actual layout display page in a method of implementing EPG focus configuration and display according to an embodiment of the present application is specifically shown.

As shown in fig. 1, the EPG includes four element components, element component 1, element component 2, element component 3, and element component 4. Where element component 1 is located in the first row and element components 2, 3 and 4 are located in the second row.

Fig. 2 and 3 show schematic screenshots of source code in a method of implementing EPG focus configuration and display according to an embodiment of the present application.

< | A! - - -Home button- - >)

< | A! Quit game pictures and text >

<div id＝"gameover"style＝"position:absolute；top:444px；left:528px；display:none；

width:235px；height:110px；background:url('images/start_button2.png')"></div>

<div id＝"gameover_title"style＝"position:absolute；top:400px；left:470px；display:

none；width:356px；height:30px；background:

url('images/gameover-title.png')"></div>

< | A! - -Start Game button >

<div id＝"menu_2_1"style＝"position:absolute；top:444px；left:528px；display:none；

width:235px；height:110px；background:url('images/shouye-focus-mid.gif')">

javascript:playGame()；

</div>

< | A! - - -Activity rules button- - >)

<div id＝"menu_2_2"style＝"position:absolute；top:581px；left:609px；display:none；

width:176px；height:96px；background:url('images/shouye-focus-nor1.gif')">

javascript:showPop("hdxq",99,5,99,5,2,2,99)；

</div>

< | A! - -winning list button >

<div id＝"menu_2_3"

style＝"position:absolute；top:581px；left:775px；display:none；width:176px；height:

96px；background:url('images/shouye-focus-nor1.gif')">

javascript:showPop("hjxx",97,5,97,5,2,3,97)；

</div>

< | A! - - -contact button- - >)

<div id＝"menu_2_4"style＝"position:absolute；top:581px；left:941px；display:none；

width:176px；height:96px；background:url('images/shouye-focus-nor1.gif')">

javascript:showPop("lxfs",6,0,8,1,2,4,6)；

</div>

Code 1

<div style＝"position:absolute；left:650px；top:550px；"><img id＝"class_9_2"

src＝"images/product/order_2.png"/></div>

<div id＝"menu_9_2"style＝"position:absolute；left:632px；top:533px；background:

url(images/product/order_focus.png)；width:282px；height:100px；display:none">

javascript:goOrder(0)；

</div>

<input id＝"nextMoveParam_9_2"type＝"hidden"

value＝"{up:'1:9:4',down:'0',left:'3',right:'3'}"/>

Code 2

Based on the element components of the actual layout shown in fig. 1, if the "element component 1" element _2_1 focus is to be restricted down to "element component 4" element _2_4, the restriction method is as follows:

< | A! Element assembly 1- - >)

javascript:playGame()；

</DIV>

As shown in the screenshot of the source code 2 in fig. 3, "nextMoveElement _2_ 1" corresponds to "element _2_ 1", the input element component value restricts the movement of the "element _2_ 1" element component, Up is 0 to represent the move-Up invalidation (other same reason), down is "1: 2: 4" to represent the move-down onto the "element _2_ 4" element component, and "1: 2: 4" is understood as "fixed value: mV: mH "; if this method is used, it means that this focus movement is handled entirely by the value and the shift logic is no longer moved.

Since the position of the focus element assembly is set according to the situation, the focus movement is adjusted by mixing the restriction method, and taking the 'element assembly 1' button to move downwards to the 'element assembly 4' button, the related focus displacement can be adjusted more quickly and accurately by directly using the restriction method.

Fig. 4 illustrates an exemplary EPG virtual layout display page in a method of implementing EPG focus configuration and display according to an embodiment of the present application.

As shown in fig. 4, the element component 1, the element component 2, the element component 3, and the element component 4 are located in the same column.

Fig. 5 is a flow chart illustrating a method 600 of enabling EPG focus configuration and display according to an embodiment of the present application.

It should be appreciated that while the operations described below in fig. 5 are presented in a particular order and/or as being performed by example components, it should be understood that the order of the actions, as well as the components performing the actions, may vary depending on the implementation. Further, it should be understood that the following acts or functions may be performed by a specially programmed processor, a processor executing specially programmed software or computer readable media, or by any other combination of hardware components and/or software components capable of performing the described acts or functions.

As shown in FIG. 5, it should be appreciated that the method of implementing EPG focus configuration and display formats and divides each content that needs to be focused into a plurality of focus components. The specific configuration and display steps are as follows.

Step S1

All movable element components in the EPG page are identified in the form of id ═ element _ mV _ nH, where mV represents the movement of the element component in the vertical direction and nH represents the movement of the element component in the horizontal direction.

Take the EPG page shown in fig. 1 as an example, which contains four element components.

Element component 1 is identified as: id "element _2_ 1", element component 2 is identified as: id "element _2_ 2", element component 3 is identified as: id "element _2_ 3", element component 4 is identified as: id is "element _2_ 4".

Step S2

Respectively initializing the maximum values of the element assemblies in the vertical direction and the horizontal direction: maxV and maxH. Where maxV and maxH represent the maximum value of the element component in the vertical direction and the maximum value in the horizontal direction, respectively.

Taking the EPG page of fig. 1 containing four element components as an example, the maximum values of the element components in the vertical direction and the horizontal direction are initialized as follows:

the element 1id is "element _ v0_ h 0", the element 2id is "element _ v1_ h 1", the element 3id is "element _ v2_ h 2", and the element 4id is "element _ v3_ h 3".

Step S3

The ID of the focus element component button is set. As can be understood by those skilled in the art, the ID of the focus element component button may be set to any one of the element components.

The EPG page shown in fig. 1, which contains four element components, is still taken as an example.

For example, the ID of the focus element component 1 button is set at the element component 1ID "element _2_1

Step S4

The position of the default focus element component is initialized.

If the initialization focus element component is located at the element component 1id "element _2_ 1", the code corresponding to the position thereof is:

var mV＝2；

var mH＝1。

the maximum values of the element assembly in the vertical and horizontal directions are initialized so that maxV is 2 and maxH is 4, i.e., v0 is 2 and h0 is 4.

Step S5

The move logic of the focus element assembly is set.

As in the above example, the focus element component is set to the element component 1id ═ element _2_1 ", and the left shift is first reduced sequentially from the vertical element component mV to 2 and the horizontal element component nH from 1 to 0. If no element exists in the traversal, the mV of the traversal element assembly is sequentially reduced from 2 to 0, the nH of the traversal element assembly is sequentially reduced from 1 to 0, when the nH element assembly is sequentially reduced to 0, the nH of the element assembly is directly reduced from 4 to 1, when the mV element assembly is sequentially reduced to 0, the mV is directly reduced from 2 to 0, and if no corresponding element assembly can not move except the mV, the mV can move to the element assembly 4 after left movement.

The right shift is first 2 from the vertical element assembly mV and the horizontal element assembly nH increases from 1 to 4. If no element exists in the traversal, the traversal element assembly mV increases from 2 to 2 in sequence, the element assembly mV increases from 0 to 2 directly in sequence because 2 is the largest, the traversal element assembly nH increases from 1 to 4 in sequence, when the nH element assembly increases to 4 in sequence, the element assembly nH increases from 0 to 4 in sequence, when the mV element assembly increases to 2 in sequence, the mV is the same, and if no corresponding element assembly can not move except for the mV, the element assembly 2 can be moved after the right movement.

The upward shift is first 1 from the transverse element assembly nH and the vertical element assembly mV decreases from 2 to 0 in order. If no element exists in the traversal, the traversal element assembly nH is sequentially reduced from 1 to 0, the traversal element assembly mV is sequentially reduced from 2 to 0, when the element assembly mV is sequentially reduced to 0, the element assembly mV is sequentially reduced from 2 to 0, when the element assembly nH is sequentially reduced to 0, the nH is similar, and if no corresponding element assembly except the element assembly does not move, the element assembly 4 can be moved after the element assembly is moved up.

The downward shift is firstly from the horizontal element assembly nH to 1, and the vertical element assemblies mV are sequentially increased from 2 to 2. Since 2 is already at its maximum, it increases in order from 0 to 2. If no element exists in the traversal, the traversal element component nH is sequentially increased from 1 to 4, the traversal element component mV is sequentially increased from 0 to 2, when mV is sequentially increased to 2, the element component mV is directly sequentially increased from 0 to 2, when nH is sequentially increased to 4, nH is similarly moved to the element component 2 if no corresponding element component except self does not move.

Of course, as will be appreciated by those skilled in the art, the above-described movement is merely illustrative and not limiting. Those skilled in the art will appreciate that they can select any suitable movement pattern to set the movement logic of the focus element assembly according to actual needs. These solutions are all within the scope of the present application.

Compared with the conventional system, the technical scheme of the invention has the following remarkable advantages.

The set-top box browser defaults to realize the focus effect by adopting DIV usually, and the movement effect can only be achieved by setting a DIV direction trigger event because the direction key can not directly control the DIV to move, and the mode can not meet the service requirements, such as various irregular special-shaped element components, left-right surrounding and up-down surrounding of the focus and other functions. The technical problem to be solved by the invention is to provide a method for flexibly realizing EPG focus configuration and display, each content to be focused is formatted and divided into a plurality of focus components, so that the focus can be conveniently and flexibly moved, and the problem of high adaptation cost caused by the traditional defects is solved.

It is to be understood that the specific order or hierarchy of steps in the methods disclosed is an illustration of exemplary processes. Based upon design preferences, it is understood that the specific order or hierarchy of steps in the methods or methodologies described herein may be rearranged. The accompanying method claims present elements of the various steps in a sample order, and are not meant to be limited to the specific order or hierarchy presented unless specifically recited herein.

The previous description is provided to enable any person skilled in the art to practice the various aspects described herein. Various modifications to these aspects will be readily apparent to those skilled in the art, and the generic principles defined herein may be applied to other aspects. Thus, the claims are not intended to be limited to the aspects shown herein, but is to be accorded the full scope consistent with the language claims, wherein reference to an element in the singular is not intended to mean "one and only one" (unless specifically so stated) but rather "one or more". The term "some" means one or more unless specifically stated otherwise. A phrase referring to "at least one of a list of items refers to any combination of those items, including a single member. By way of example, "at least one of a, b, or c" is intended to encompass: at least one a; at least one b; at least one c; at least one a and at least one b; at least one a and at least one c; at least one b and at least one c; and at least one a, at least one b, and at least one c. All structural and functional equivalents to the elements of the various aspects described throughout this disclosure that are known or later come to be known to those of ordinary skill in the art are expressly incorporated herein by reference and are intended to be encompassed by the claims. Moreover, nothing disclosed herein is intended to be dedicated to the public regardless of whether such disclosure is explicitly recited in the claims.

Claims

1. A method for electronic program guide EPG focus configuration and display, comprising:

identifying all movable element components;

initializing the maximum values of each element assembly in the vertical direction and the horizontal direction;

a button to set a focus element assembly;

initializing a position of the focus element assembly; and

setting movement logic for the focus element assembly.

2. The method for EPG focus configuration and display of claim 1, wherein identifying all movable element components comprises:

identifying all movable element components in the page of the EPG in the form of id ═ element _ mV _ nH ", wherein mV represents the movement of the element components in the vertical direction, and nH represents the movement of the element components in the horizontal direction.

3. The method for EPG focus configuration and display of claim 1, wherein initializing maximum values for each elemental assembly in a vertical direction and a horizontal direction comprises:

respectively initializing the maximum values of the element assemblies in the vertical direction and the horizontal direction: maxV and maxH, wherein the maxV and the maxH represent a maximum value of the element component in a vertical direction and a maximum value in a horizontal direction, respectively.

4. The method for EPG focus configuration and display of claim 1, wherein setting the button of the focus element assembly comprises:

the focus element components may be set to any of the element components.

5. The method for EPG focus configuration and display of claim 1, wherein initializing the position of the focus element assembly comprises:

initializing a position of the focal element component to a position of any one of the element components and initializing a maximum value of the focal tuple component in a vertical direction and a horizontal direction.

6. The method for EPG focus configuration and display of claim 2, wherein setting the movement logic of the focus element assembly comprises:

starting from the focus element component, move left, right, up, and down, respectively, to traverse all element components.

7. The method for EPG focus configuration and display of claim 6, wherein setting the movement logic of the focus element assembly further comprises:

if the focus element assembly starts to move leftwards, keeping mV unchanged, and gradually reducing nH in sequence;

if the focal element assembly starts to move rightwards, keeping mV unchanged, and increasing nH gradually in sequence;

if the focus element assembly starts to move upwards, keeping nH unchanged, and gradually reducing mV;

if the focus element assembly is moved downwards, nH is kept unchanged, and the mV is gradually increased in sequence.

8. The method for EPG focus configuration and display of claim 7, wherein setting the movement logic of the focus element assembly further comprises:

if no element component is found to be present during the left-hand movement, then decreasing mV by 1, nH progressively decreases and the left-hand movement is performed again;

if no element component is found to be present during the rightward movement, adding 1 to mV, and gradually increasing nH to move rightward again;

if no element component is found to be present during the upward shift, decreasing nH by 1, and gradually decreasing mV again for the upward shift;

if no element component is found to be present during the move down, then nH is increased by 1 and mV is gradually increased to again move down.

9. The method for EPG focus configuration and display of claim 6, wherein no movement is possible if there are no other element assemblies than the focus element assembly itself.