CN108769779A - 一种视频终端布局的动态配置方法 - Google Patents

一种视频终端布局的动态配置方法 Download PDF

Info

Publication number
CN108769779A
CN108769779A CN201810600423.5A CN201810600423A CN108769779A CN 108769779 A CN108769779 A CN 108769779A CN 201810600423 A CN201810600423 A CN 201810600423A CN 108769779 A CN108769779 A CN 108769779A
Authority
CN
China
Prior art keywords
layout
video terminal
dynamic configuration
management server
video
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
Application number
CN201810600423.5A
Other languages
English (en)
Other versions
CN108769779B (zh
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.)
Baishitong Network TV Technology Development Co Ltd
Original Assignee
Baishitong Network TV Technology Development 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 Baishitong Network TV Technology Development Co Ltd filed Critical Baishitong Network TV Technology Development Co Ltd
Priority to CN201810600423.5A priority Critical patent/CN108769779B/zh
Publication of CN108769779A publication Critical patent/CN108769779A/zh
Application granted granted Critical
Publication of CN108769779B publication Critical patent/CN108769779B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

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/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
    • H04N21/4312—Generation 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
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
    • 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
    • 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

Landscapes

  • Engineering & Computer Science (AREA)
  • Signal Processing (AREA)
  • Multimedia (AREA)
  • Human Computer Interaction (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Information Transfer Between Computers (AREA)
  • Document Processing Apparatus (AREA)

Abstract

本发明涉及一种视频终端布局的动态配置方法，包括以下流程：后台管理服务器配置UI的布局模板；编辑UI中的单元块，包括合并、删除、拆分操作；在单元块中赋予配置的节目信息；通过HTML技术在网页中生成UI预览图，同时后台管理服务器将UI布局信息发送给视频终端。与现有技术相比，本发明通过HTML技术在网页中生成UI预览图，不依靠视频终端进行预览UI和布局，可实现动态配置，配置效率高；后台管理服务器以固定的刷新频率将UI布局信息发送给视频终端，视频终端可及时获取当前布局信息。

Description

一种视频终端布局的动态配置方法
技术领域
本发明涉及一种UI布局方法，尤其是涉及一种视频终端布局的动态配置方法。
背景技术
随着视频行业的快速发展，视频终端的布局方式变得多种多样的同时，视频终端布局的多样性和可变性的要求也变得更高起来；此外对于相关从业人员而言，工作内容也变得更重：在后台进行布局排版后，需要在视频终端上检查布局的最终效果，如果结果不对，还需要多次重复操作的上述动作的痛点；还限制了编辑人员只能在有视频终端的前提下进行确认工作。
发明内容
本发明的目的就是为了克服上述现有技术存在的缺陷而提供一种视频终端布局的动态配置方法，使视频编辑布局人员在后台管理系统中即可完成编辑后的视频终端布局预览动作。
本发明的目的可以通过以下技术方案来实现：
一种视频终端布局的动态配置方法，包括以下流程：
后台管理服务器配置UI的布局模板；
编辑UI中的单元块，包括合并、删除、拆分操作；
在单元块中赋予配置的节目信息；
通过HTML技术在网页中生成UI预览图，同时后台管理服务器将UI布局信息发送给视频终端。
所述的单元块初始为二维方阵布局。
所述的节目信息包括名称、海报、视频源。
所述的后台管理服务器发送给视频终端的UI布局信息包括：单元块的坐标、宽度和高度，以及单元块中的节目信息。
所述的后台管理服务器以固定的刷新频率将UI布局信息发送给视频终端。
所述的单元块合并或拆分后呈长方形。
与现有技术相比，本发明具有以下优点：
(1)通过HTML技术在网页中生成UI预览图，不依靠视频终端进行预览UI和布局，可实现动态配置，便捷性强，配置效率高；
(2)后台管理服务器以固定的刷新频率将UI布局信息发送给视频终端，视频终端可及时获取当前布局信息；
(3)扩展性高，由于模板可以动态配置，可以根据实际情况调整模板布局情况；
(4)实现成本低，一次开发，支持动态配置布局UI。
附图说明
图1为本发明的软件流程图。
具体实施方式
下面结合附图和具体实施例对本发明进行详细说明。本实施例以本发明技术方案为前提进行实施，给出了详细的实施方式和具体的操作过程，但本发明的保护范围不限于下述的实施例。
实施例
如图1所示，一种视频终端布局的动态配置方法，包括以下流程：
1)后台管理服务器配置UI的布局模板；
2)编辑UI中的单元块，包括合并、删除、拆分操作，单元块初始为二维方阵布局，单元块合并或拆分后呈长方形；
3)在单元块中赋予配置的节目信息，节目信息包括名称、海报、视频源；
4)通过HTML技术在网页中生成UI预览图，同时后台管理服务器将UI布局信息发送给视频终端，UI布局信息包括：单元块的坐标、宽度和高度，以及单元块中的节目信息；后台管理服务器以固定的刷新频率将UI布局信息发送给视频终端。
具体的，编辑人员动态配置UI布局模板，可以动态的对最小单元块进行合并，以及合并后分离单元块，包括如下操作：
1.首先初始化模板的大小，例如设置模板为3行7列，配置完成后，系统会根据配置的行和列在右侧生成最小单元格的方块(1x1)；
2.合并操作：编辑人员点击单元格时，单元格右上角会有选中标记，当且仅当选中的单元格数量大于2，且选中的单元格最终形状为长方形时才可以合并成功。选中后，右键点击单元格区域会出现合并、分离两个操作；
3.分离操作：编辑人员先选中单元格，右键点击后出现合并、分离操作，点击分离即可将单元格分离成(m行*n*列)个最小的单元格(1x1)，当且仅当单元格大于1行1列才可以进行分离操作；
4.删除操作，支持删除部分单元格，以方便模板支持各种形状。
5.编辑人员在后台管理系统中，给模板中的每个单元块中设置对应的节目信息(名称、海报、视频源等信息)。编辑人员点击预览，系统根据上述模板和配置的节目信息，通过HTML技术，生成跟视频终端布局一致的UI，方便编辑人员确认布局编辑情况，而无需去视频终端上进行编辑确认工作。
用户终端开机或者终端触发刷新操作时，用户终端使用ajax向后端发送请求，获取当前布局的信息，按照获取到的UI布局信息，获取整个终端UI的最大高度和宽度，计算出基础单元格的高度和宽度大小，按照各个单元格的大小进行最终布局的绘制。

Claims (6)

1.一种视频终端布局的动态配置方法，其特征在于，包括以下流程：
后台管理服务器配置UI的布局模板；
编辑UI中的单元块，包括合并、删除、拆分操作；
在单元块中赋予配置的节目信息；
通过HTML技术在网页中生成UI预览图，同时后台管理服务器将UI布局信息发送给视频终端。
2.根据权利要求1所述的一种视频终端布局的动态配置方法，其特征在于，所述的单元块初始为二维方阵布局。
3.根据权利要求1所述的一种视频终端布局的动态配置方法，其特征在于，所述的节目信息包括名称、海报、视频源。
4.根据权利要求1所述的一种视频终端布局的动态配置方法，其特征在于，所述的后台管理服务器发送给视频终端的UI布局信息包括：单元块的坐标、宽度和高度，以及单元块中的节目信息。
5.根据权利要求1所述的一种视频终端布局的动态配置方法，其特征在于，所述的后台管理服务器以固定的刷新频率将UI布局信息发送给视频终端。
6.根据权利要求1所述的一种视频终端布局的动态配置方法，其特征在于，所述的单元块合并或拆分后呈长方形。
CN201810600423.5A 2018-06-12 2018-06-12 一种视频终端布局的动态配置方法 Active CN108769779B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810600423.5A CN108769779B (zh) 2018-06-12 2018-06-12 一种视频终端布局的动态配置方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810600423.5A CN108769779B (zh) 2018-06-12 2018-06-12 一种视频终端布局的动态配置方法

Publications (2)

Publication Number Publication Date
CN108769779A true CN108769779A (zh) 2018-11-06
CN108769779B CN108769779B (zh) 2021-03-30

Family

ID=64021133

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810600423.5A Active CN108769779B (zh) 2018-06-12 2018-06-12 一种视频终端布局的动态配置方法

Country Status (1)

Country Link
CN (1) CN108769779B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113395563A (zh) * 2020-03-13 2021-09-14 西安诺瓦星云科技股份有限公司 节目信息展示方法、装置及系统和计算机可读存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8041764B1 (en) * 2009-11-19 2011-10-18 Amazon Technologies, Inc. Generating preview bundles corresponding to content pages
CN103838558A (zh) * 2012-11-22 2014-06-04 中国移动通信集团公司 网站建站系统及方法、访问网站的方法及网页适配系统
US20150121184A1 (en) * 2013-10-29 2015-04-30 Joerg Steinmann Previewing email templates in marketing campaigns
CN104954860A (zh) * 2014-03-24 2015-09-30 中兴通讯股份有限公司 机顶盒、电子节目服务器、多媒体系统及数据交互方法
US20170272805A1 (en) * 2016-03-15 2017-09-21 Sony Corporation Multiview as an application for physical digital media
CN107992305A (zh) * 2017-12-29 2018-05-04 广州酷狗计算机科技有限公司 应用程序功能按钮的布局方法及装置

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8041764B1 (en) * 2009-11-19 2011-10-18 Amazon Technologies, Inc. Generating preview bundles corresponding to content pages
CN103838558A (zh) * 2012-11-22 2014-06-04 中国移动通信集团公司 网站建站系统及方法、访问网站的方法及网页适配系统
US20150121184A1 (en) * 2013-10-29 2015-04-30 Joerg Steinmann Previewing email templates in marketing campaigns
CN104954860A (zh) * 2014-03-24 2015-09-30 中兴通讯股份有限公司 机顶盒、电子节目服务器、多媒体系统及数据交互方法
US20170272805A1 (en) * 2016-03-15 2017-09-21 Sony Corporation Multiview as an application for physical digital media
CN107197352A (zh) * 2016-03-15 2017-09-22 索尼公司 作为用于物理数字媒体的应用的多视图
CN107992305A (zh) * 2017-12-29 2018-05-04 广州酷狗计算机科技有限公司 应用程序功能按钮的布局方法及装置

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113395563A (zh) * 2020-03-13 2021-09-14 西安诺瓦星云科技股份有限公司 节目信息展示方法、装置及系统和计算机可读存储介质

Also Published As

Publication number Publication date
CN108769779B (zh) 2021-03-30

Similar Documents

Publication Publication Date Title
CN107066273B (zh) 一种页面样式更新方法及装置
CN109299446A (zh) 报告生成方法及装置
CN105653977A (zh) 一种菜单权限配置方法及系统
CN115098084A (zh) 一种非编码表单设计和绘制方法
CN101207450A (zh) 一种专题模板制作方法、系统及客户端和网络侧服务器
CN101526942A (zh) 在线、实时及自动生成动态网页的组件实现技术
CN105760740A (zh) 一种基于移动终端的快速制作动态电子印章的方法
CN105183759B (zh) 一种评论图片的方法及装置
CN107679276B (zh) 电力系统潮流接线图的生成方法、装置及电子设备
CN107368242A (zh) 一种安卓系统软键盘自动调整位置的方法
CN105898448A (zh) 转码属性信息的提交方法和装置
CN108334385A (zh) 一种应用的用户界面皮肤管理方法及装置
CN110599567A (zh) 一种轨道电子地图可视化编辑工具及地图生成方法
CN103605464A (zh) 一种桌面应用图标跨屏合并方法
CN108769779A (zh) 一种视频终端布局的动态配置方法
CN106792046A (zh) 一种用于智能电视的频道编辑方法、装置和智能电视
CN106354707A (zh) 一种省级电网节能发电调度报表动态生成系统
CN110096747A (zh) 一种cad图文档平台
WO2023030306A1 (zh) 视频编辑方法、装置及电子设备
CN103365550A (zh) 用户信息的设置方法及装置、客户端设备
KR102092289B1 (ko) 전자 기기 및 이의 문서 작성 방법
CN103259932A (zh) 一种触摸屏移动终端彩信的编辑方法及系统
CN105302567A (zh) 动态生成报表模板的装置和方法
CN106572238A (zh) 一种终端屏幕截屏的方法及装置
CN110189250A (zh) 图片裁剪方法

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