CN112543363A - Method for configuring background in IPTV diversification - Google Patents
Method for configuring background in IPTV diversification Download PDFInfo
- Publication number
- CN112543363A CN112543363A CN202011410064.0A CN202011410064A CN112543363A CN 112543363 A CN112543363 A CN 112543363A CN 202011410064 A CN202011410064 A CN 202011410064A CN 112543363 A CN112543363 A CN 112543363A
- Authority
- CN
- China
- Prior art keywords
- background
- page
- area
- level
- rendering
- 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.)
- Granted
Links
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/41—Structure of client; Structure of client peripherals
- H04N21/426—Internal components of the client ; Characteristics thereof
- H04N21/42653—Internal components of the client ; Characteristics thereof for processing graphics
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing 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/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing 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/44—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream, rendering scenes according to MPEG-4 scene graphs
- H04N21/44012—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream, rendering scenes according to MPEG-4 scene graphs involving rendering scenes according to scene graphs, e.g. MPEG-4 scene graphs
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/485—End-user interface for client configuration
- H04N21/4858—End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/81—Monomedia components thereof
- H04N21/8146—Monomedia components thereof involving graphical data, e.g. 3D object, 2D graphics
- H04N21/8153—Monomedia components thereof involving graphical data, e.g. 3D object, 2D graphics comprising still images, e.g. texture, background image
Abstract
The invention relates to a method for configuring background in IPTV diversification, which is characterized in that layout files of page level, line level and block level are respectively configured according to the hierarchical structure of a page, wherein the layout files comprise two sub-layouts respectively corresponding to a background area and a content area; in the android layout file, a background area and a content area are brother elements, the background area is a first child element, the content area is a second child element, and the background area is positioned below the content area during rendering; and analyzing the background configuration information and rendering. The invention provides a solution for background configurability in an Android native environment, which supports pictures, gradient colors and pure color backgrounds, and supports the configuration of a background for an integral page, a certain line of the page and a certain module.
Description
Technical Field
The invention relates to the technical field of network televisions, in particular to a method for configuring background in an IPTV diversified manner.
Background
The IPTV (Internet interactive television) is based on a broadband network and a broadband service platform, takes a set-top box or other digital equipment with audio and video coding and decoding capability as a terminal, and provides a service of a plurality of interactive multimedia services for a user by aggregating various streaming media service contents and value-added applications of a service provider. The user can enjoy the IPTV service through a television, a PC, and a mobile terminal.
The IPTV industrial chain comprises a content provider, a content operator, a content integrated broadcast control platform, an operator, a terminal equipment provider and an IPTV user. The content provider provides various live channel resources, video contents, and value-added interactive services such as games, music, education and the like. With the continuous development and popularization of IPTV services, the requirements of IPTV users on service quality are increasing year by year. Such requirements are particularly reflected in content providers, in terms of the quantity and quality of resource content, user experience of software, various attractive value-added interactive services, and the like. By improving the user experience of the product software, the use satisfaction of the user can be effectively enhanced.
At present, an interface display technology of the IPTV application mainly relies on an Android native development environment or a Web environment. Under the Android native development environment, the interface display form is relatively fixed, and reusability is relatively low. If an interface implementation method which has strong reusability and can have various different display styles can be designed, positive effects on improving the display effect of the IPTV application interface and the maintenance of online products can be started.
Disclosure of Invention
In order to overcome the defects, the invention aims to provide a method for configuring background in an IPTV diversification way, which realizes the configurability of the background aiming at the whole page, a certain line of the page and a certain display block of the page; the background configurable solution is provided for the problems that the IPTV application product presentation form is low in configurability and version upgrading is needed for modifying the presentation effect in the Android native environment.
The technical scheme adopted by the invention for solving the technical problems is as follows: a method for IPTV diversification configuration background, according to the hierarchy of the page, provides three different background configuration methods, which are respectively a page-level background configurable method, a line-level background configurable method and a block-level background configurable method, aiming at each configuration method, the invention provides three configurable background types, which are respectively a picture-type background, a solid background and a gradient background, and specifically comprises the following steps:
respectively configuring an Android layout file in which a page level, a line level and a block level are located according to a hierarchical structure of a page, wherein the layout file comprises two sub-layouts respectively corresponding to a background area and a content area, the background area is one or a group of graphic views (Android ImageView), and the background types are a picture type background, a pure color background and a gradient color background;
in the android layout file, a background area and a content area are brother elements, the background area is a first child element, the content area is a second child element, and the background area is positioned below the content area during rendering;
and analyzing the background configuration information and rendering, acquiring data required by current rendering from the server, wherein one corresponds to the background configuration, and rendering according to the data in the background configuration information.
Specifically, the configuration data parsing and rendering method includes:
analyzing background configuration information, wherein the obtained background configuration information comprises background configuration data, the background configuration data comprises a picture address or a group of colors or a color, the priority of the background configuration is that the picture is prior to the group of colors, and the group of colors is prior to the color;
if the background configuration data contains the picture address, the address is used for rendering the graphic view corresponding to the background area;
if the background configuration data does not contain a picture address and contains a group of colors, creating a gradient color drawing object (Android gradient drawing) by using the group of colors, and rendering a graphic view corresponding to a background area by using the gradient color drawing;
if the background configuration data does not contain a picture address and a group of colors and contains one color, creating a color drawing object (Android ColorDrawable) by using the color, drawing by using the color, and rendering a graphic view corresponding to a background area;
and if the background configuration data does not contain any background configuration information, hiding the graphical view corresponding to the background area.
Specifically, in the configuration data parsing and rendering method, if the configuration data includes a picture address, a third-party tool Glide is used for rendering the loaded picture.
Specifically, in the page-level layout file, a background region corresponds to two graphic views, a content region corresponds to one layout view, the width and height of the background region are the same as those of the page layout, the content region of the same page can display different sub-page contents, each sub-page corresponds to one sub-sheet, and refreshing of page contents is realized by hiding and displaying the sub-sheets.
Specifically, the switching manner of the two graphic views in the page-level background region is as follows: and through the Android inter-complementing animation, the first graph view is changed from transparent to opaque, and the second graph view is changed from opaque to transparent, so that the switching of the page background is realized.
Specifically, the page to which the row-level configurable background belongs includes a rolling layout (Android ScrollView), the rolling layout also includes a background region and a content region, the background region of the row-level does not have any fixed graphical view, and when a configuration item is loaded, the page is dynamically created and added to the background region according to corresponding background configuration information.
Specifically, in the line-level layout file, the line-level background configuration information is set as a set, and includes a plurality of line-level background configuration data of the current page.
Specifically, the background region at the block level corresponds to a graphic view having the same width and height as those of the block layout.
The invention has the following beneficial effects: aiming at the problems that the IPTV application product presentation form is low in configurability and version upgrading is needed for modifying the presentation effect under the Android native environment, a solution method with configurable background is provided; the method supports pictures, gradient colors and pure color backgrounds, and supports the background configuration of a whole page, a certain line of the page and a certain module; the flexible configuration scheme can change the display effect of the page after the product is on line; row and module level configurable backgrounds, and also for combining different styles of page effects.
Drawings
FIG. 1-1 is a page level background diagram of the present invention.
Fig. 1-2 are flow charts of the page level background configuration method of the present invention.
FIG. 2-1 is a diagram of the row level configurable background of the present invention.
Fig. 2-2 is a flow chart of the row level configurable context of the present invention.
FIG. 3 is a block-level configurable background flow diagram of the present invention.
Fig. 4 is a flowchart of parsing and rendering the background configuration information according to the present invention.
Detailed Description
The present invention will now be described in further detail with reference to the accompanying drawings.
A method for configuring background in IPTV diversification provides three different background configuration methods according to the hierarchical structure of a page, which are background configurable methods at page level, line level and block level, and specifically comprises the following steps:
the page-level background configuration method comprises the following steps:
as shown in fig. 1-1, the layout of the page includes a background region and a content region, the background region corresponds to two graphics views (Android ImageView), the content region corresponds to a layout view (relalative layout, linear layout, etc. of Android), in the layout file, the two graphics views and the layout view of the content region are sibling elements, the width and height of the background region are the same as those of the page layout, and the background region is located below the content region.
Specifically, different sub-page contents can be displayed in the content area of the same page, each sub-page corresponds to one sub-piece (Android Fragment), and refreshing of the page contents is achieved by hiding and displaying the sub-pieces.
When the content area changes, the background of the entire page may change. I.e. the entire page shows the background of the current sub-slice configuration.
As shown in the flow chart of fig. 1-2, the specific steps are as follows:
step S11, initializing the page;
step S12, attempting to load the configuration information of each sub-slice (Fragment);
step S13, parsing and rendering the background configuration information, parsing the configuration information according to the flow of fig. 4 to obtain a picture address or a drawing object (Android) and storing the picture address or the drawing object into the variables of the respective sub-slices;
step S14, the user operation causes the page content area to refresh, namely some sub-pieces are hidden and some sub-pieces are displayed, thereby causing the page background to change;
step S15, following step S14, obtaining the picture address or drawing object of the sub-piece to be displayed, and using the picture address or drawing object to render a first graphic view of the page background area;
step S16, likewise, obtaining the picture address or drawing object of the sub-piece to be hidden, and using it to render the second graphic view of the page background area;
and step S17, changing the first graph view from transparent to opaque through the Android inter-complementing animation, and simultaneously changing the second graph view from opaque to transparent, so as to realize the switching of the page background.
The line-level background configuration method comprises the following steps:
as shown in fig. 2-1, the page to which the row-level configurable background belongs includes a scrolling layout (Android ScrollView) which also includes a background region and a content region, and the background region does not have any fixed graphic view unlike the page-level configurable background. When the configuration items are loaded, the configuration items are dynamically created and added to the background area according to the configuration information.
As shown in the flow chart of fig. 2-2, the specific steps are as follows:
in step S21, the page is initialized.
Step S22, parsing and rendering the background configuration information, parsing the line-level background configuration information according to the steps shown in fig. 4, where the line-level background configuration information is a set and includes a plurality of line-level background configurations of the current page;
step S23, obtaining the picture address or drawing object of each line-level background according to the steps shown in fig. 4;
step S24, different from the page background configuration, the width, height and the like of the line level background are different from the page layout, and the layout information such as the width, height, upper margin, left margin and the like of the line level elements can be obtained by analyzing the configuration data;
step S25, creating a graphic view object (ImageView), and rendering the graphic view by using the picture address or the drawing object (Android Drawable) acquired in the step S23;
step S26, adding the graphic view corresponding to the row-level background to the background area according to the layout parameter information of the row-level background acquired in the step S24;
in step S27, repeating steps S23 through S26, all line level backgrounds may be added to the current page.
A block-level background configuration method, such as the block-level configurable background flowchart of fig. 3, includes:
step S31, page block is initialized, block level can configure the layout of the block where the background is located, also include two sub-elements, background area and content area, wherein the background area corresponds to a graphic view (ImageView), and the width and height of the graphic view are the same as the width and height of the block layout;
step S32, loading background configuration information of the block;
step S33, parsing and rendering the background configuration information, parsing the configuration information according to the step of fig. 4 to obtain a picture address or a drawing object;
in step S34, a background graphic view of the block is rendered using the picture address or the drawing object of step S33.
Specifically, the method for parsing and rendering the background configuration information, as shown in the flowchart shown in fig. 1, includes:
step S41, trying to analyze the background configuration information;
step S42, checking the background configuration information, whether the background configuration information contains the picture address;
step S43, if the picture address is included, it is determined that the picture corresponding to the address needs to be used as the background, and a third-party picture loading tool glide is used to load the picture corresponding to the address for the background graphic view.
Step S44, step S42, if not including the picture address, further check whether the background configuration information includes a group of colors;
step S45, if a group of colors is included, creating a gradient color drawing object (Android GradientDrawable) according to the group of colors;
step S46, continuing to step S45, rendering a background graphic view by using the created gradient color drawing object;
step S47, following step S46, if not containing a group of colors, further checking whether the background configuration information contains a single color;
step S48, if the color contains a single color, creating a pure color drawing object (Android ColorDrawable) according to the color;
step S49, following step S48, renders a background graphic using the created solid-color drawing object.
In step S410, if none of the above configuration information is included, it is determined that the background is not required to be displayed, and the background graphic view is hidden.
The present invention is not limited to the above embodiments, and any structural changes made under the teaching of the present invention shall fall within the protection scope of the present invention, which is similar or similar to the technical solutions of the present invention.
The techniques, shapes, and configurations not described in detail in the present invention are all known techniques.
Claims (8)
1. A method for configuring background in IPTV diversification is characterized in that:
respectively configuring layout files of a page level, a line level and a block level according to a hierarchical structure of a page, wherein the layout files comprise two sub-layouts respectively corresponding to a background area and a content area, the background area is one or a group of graphic views, and the background types are a picture type background, a pure color background and a gradient color background;
in the android layout file, a background area and a content area are brother elements, the background area is a first child element, the content area is a second child element, and the background area is positioned below the content area during rendering;
and analyzing the background configuration information and rendering, acquiring data required by current rendering from the server, wherein one corresponds to the background configuration, and rendering according to the data in the background configuration information.
2. The method of claim 1, wherein the IPTV set comprises: the configuration data analyzing and rendering method comprises the following steps:
analyzing background configuration information, wherein the obtained background configuration information comprises background configuration data, the background configuration data comprises a picture address or a group of colors or a color, the priority of the background configuration is that the picture is prior to the group of colors, and the group of colors is prior to the color;
if the background configuration data contains the picture address, the address is used for rendering the graphic view corresponding to the background area;
if the background configuration data does not contain the picture address and contains a group of colors, creating a gradient color drawing object by using the group of colors, and rendering a graphic view corresponding to the background area by using the gradient color drawing;
if the background configuration data does not contain the picture address and a group of colors and contains a color, creating a color drawing object by using the color, drawing by using the color, and rendering a graphic view corresponding to the background area;
and if the background configuration data does not contain any background configuration information, hiding the graphical view corresponding to the background area.
3. The method of claim 2, wherein the IPTV diversification configuration background comprises: in the configuration data analysis and rendering method, if the configuration data contains the picture address, a third-party tool Glide is used for rendering the loaded picture.
4. The method of claim 1, wherein the IPTV set comprises: in the page-level layout file, a background area corresponds to two graphic views, a content area corresponds to one layout view, the width and the height of the background area are the same as those of the page layout, the content area of the same page can display different sub-page contents, each sub-page corresponds to one sub-sheet, and refreshing of page contents is realized by hiding and displaying the sub-sheets.
5. The method of claim 4, wherein the IPTV set comprises: the switching mode of the two graphic views in the page-level background area is as follows: and through the Android inter-complementing animation, the first graph view is changed from transparent to opaque, and the second graph view is changed from opaque to transparent, so that the switching of the page background is realized.
6. The method of claim 1, wherein the IPTV set comprises: the page to which the line level belongs comprises a rolling layout, the rolling layout also comprises a background area and a content area, the background area of the line level does not have any fixed graphic view, and the page is dynamically created and added to the background area according to corresponding background configuration information when the configuration items are loaded.
7. The method of claim 1, wherein the IPTV set comprises: in the line-level layout file, the line-level background configuration information is set as a set, and includes a plurality of line-level background configuration data of the current page.
8. The method of claim 1, wherein the IPTV set comprises: the background region at the tile level corresponds to a graphical view having the same width and height as the tile layout.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011410064.0A CN112543363B (en) | 2020-12-04 | 2020-12-04 | Method for configuring background in IPTV diversification |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011410064.0A CN112543363B (en) | 2020-12-04 | 2020-12-04 | Method for configuring background in IPTV diversification |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112543363A true CN112543363A (en) | 2021-03-23 |
| CN112543363B CN112543363B (en) | 2022-11-22 |
Family
ID=75016091
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011410064.0A Active CN112543363B (en) | 2020-12-04 | 2020-12-04 | Method for configuring background in IPTV diversification |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112543363B (en) |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101311925A (en) * | 2007-05-23 | 2008-11-26 | 杭州华三通信技术有限公司 | Web page development and maintenance method and its device |
| US20090171920A1 (en) * | 2007-12-28 | 2009-07-02 | Microsoft Corporation | Adaptive page layout utilizing block-level elements |
| CN101998167A (en) * | 2010-08-16 | 2011-03-30 | 中兴通讯股份有限公司 | Electronic program guide (EPG) display management method and system |
| CN103377051A (en) * | 2013-07-16 | 2013-10-30 | 广东欧珀移动通信有限公司 | Application interface customizing method based on Android system |
| WO2015117345A1 (en) * | 2014-08-25 | 2015-08-13 | 中兴通讯股份有限公司 | Method and device for displaying background |
| WO2017097137A1 (en) * | 2015-12-09 | 2017-06-15 | 阿里巴巴集团控股有限公司 | Interface element background image display method, apparatus and intelligent device |
| CN107436774A (en) * | 2016-05-25 | 2017-12-05 | 中兴通讯股份有限公司 | A kind of configuration of locking screen interface, display methods and device |
| CN109684578A (en) * | 2018-12-28 | 2019-04-26 | 北京字节跳动网络技术有限公司 | Method and apparatus for showing information |
| CN111191424A (en) * | 2019-12-31 | 2020-05-22 | 北京华为数字技术有限公司 | Page color matching method and device, storage medium and chip |
-
2020
- 2020-12-04 CN CN202011410064.0A patent/CN112543363B/en active Active
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101311925A (en) * | 2007-05-23 | 2008-11-26 | 杭州华三通信技术有限公司 | Web page development and maintenance method and its device |
| US20090171920A1 (en) * | 2007-12-28 | 2009-07-02 | Microsoft Corporation | Adaptive page layout utilizing block-level elements |
| CN101998167A (en) * | 2010-08-16 | 2011-03-30 | 中兴通讯股份有限公司 | Electronic program guide (EPG) display management method and system |
| CN103377051A (en) * | 2013-07-16 | 2013-10-30 | 广东欧珀移动通信有限公司 | Application interface customizing method based on Android system |
| WO2015117345A1 (en) * | 2014-08-25 | 2015-08-13 | 中兴通讯股份有限公司 | Method and device for displaying background |
| WO2017097137A1 (en) * | 2015-12-09 | 2017-06-15 | 阿里巴巴集团控股有限公司 | Interface element background image display method, apparatus and intelligent device |
| CN107436774A (en) * | 2016-05-25 | 2017-12-05 | 中兴通讯股份有限公司 | A kind of configuration of locking screen interface, display methods and device |
| CN109684578A (en) * | 2018-12-28 | 2019-04-26 | 北京字节跳动网络技术有限公司 | Method and apparatus for showing information |
| CN111191424A (en) * | 2019-12-31 | 2020-05-22 | 北京华为数字技术有限公司 | Page color matching method and device, storage medium and chip |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112543363B (en) | 2022-11-22 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| KR102308840B1 (en) | Dynamic custom interstitial transition videos for video streaming services | |
| US11061962B2 (en) | Recommending and presenting comments relative to video frames | |
| US8683341B2 (en) | Multimedia presentation editor for a small-display communication terminal or computing device | |
| CN112073583B (en) | Multimedia information display method and device, storage medium and electronic equipment | |
| CN105142031A (en) | Method and device for displaying character information in barrage during video play | |
| US20050071758A1 (en) | Client-side processing of alternative component-level views | |
| KR101482795B1 (en) | METHOD AND APPARATUS FOR TRANSMITING/RECEIVING LASeR CONTENTS | |
| CN112543363B (en) | Method for configuring background in IPTV diversification | |
| JP7179194B2 (en) | Variable endpoint user interface rendering | |
| WO2011067785A2 (en) | Dynamic content creation, modification and distribution from single source of content in online and offline scenarios | |
| CN113840159A (en) | Video processing method, device, computer system and readable storage medium | |
| CN113038171A (en) | IPTV search result display method | |
| CN114640891B (en) | Method for circularly displaying thematic content up, down, left and right in IPTV | |
| CN102880439A (en) | Data display method and data display device | |
| Manliherova | THE INFLUENCE OF VISUAL INFORMATION | |
| Song et al. | Design and Development of Real-Time Interactive Big Data Visualization Application for Studio Use | |
| CN116017058A (en) | Video playing method, device, electronic equipment and readable storage medium | |
| Lim et al. | MPEG Multimedia Scene Representation | |
| CN117806581A (en) | Multi-screen interaction system for bar | |
| TW202027511A (en) | Personalized Playback Options Setting System and Implementation Method Thereof | |
| Fuhrhop et al. | Authoring of teletext applications for Digital Television broadcast | |
| Lv | Research on the application of flash online advertising | |
| Lee et al. | Interactive rich media player based on MPEG-4 LASeR | |
| CN103686213A (en) | Method and server for displaying channel titles |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |