一种基于IPTV的视频专辑编辑系统的制作方法

一种基于iptv的视频专辑编辑系统
技术领域
1.本发明涉及iptv电视领域，具体而言，涉及了一种基于iptv的视频专辑编辑系统。


背景技术：

2.传统的实现方式，每设计一期新专辑，需要运营人员在管理平台配置专辑的模板以及专辑的内容，然后研发人员再根据专辑设计的图素进行专辑开发，包括元素焦点走向(更多按钮、返回按钮等)、元素布局样式，完成后再发布到各地区平台。现有的方式比如“cn108551592a-一种基于iptv的epg自编排方法及其系统”,公开了视频专辑分发的方式，但是本领域开发人员并不能依据其公开的技术特征完成系统实施。没有对于视频专辑这部分如何编辑作具体技术表述。比如：专辑排版布局，背景设定方式，控件如何展现，返回按钮，下一页按钮，更多按钮控件布局坐标设定方式，视频列表布局如何设定等。
3.本发明方案，研发人员根据产品需求开发预置专辑模板列表放置在本发明系统内，专辑编辑人员通过管理平台选中预设专辑模板，并编辑专辑名称、专辑编号、专辑背景图、页面布局方向(横向、竖向)、向上移动或向下移动列表按钮、向左或向右移动列表按钮、返回按钮、更多按钮、视频列表每页显示个数、视频列表宽和高坐标、视频列表距顶或距左的坐标值、视频列表每个视频之间的显示间距、页面加载后缺省聚焦控件、返回按钮、更多按钮的一系列属性设置后，即可发布测试。后期多次视频专辑编辑及发布，无需开发人员重复参与设计。


技术实现要素：

4.传统的iptv视频专缉实现方式，每设计一期新专辑，需要运营人员在管理平台配置专辑的模板以及专辑的内容，然后研发人员再根据专辑设计的图素进行专辑开发，包括元素焦点走向(更多按钮、返回按钮等)、元素布局样式，完成后再发布到各地区平台，为了解决iptv领域的技术人员重复开发工作量，视频专缉设计时使用已有模板设计专辑，成为了iptv领域的迫切需求。
5.为了实现上述目的，本发明提供了一种基于iptv的视频专辑编辑系统，包括：
6.用户登录组件，用于视频专辑编辑人员的系统登录的身份验证；
7.视频专辑编辑组件，用于提供给专辑编辑人员依据系统提供的预置模板，修改编辑视频专辑；
8.视频专辑测试配置组件，用于视频专辑编辑完成后提交给测试群体的配置操作；
9.视频专辑发布组件，用于视频专辑编辑结束并完成测试后提交系统发布上线运行；
10.视频专辑文件操作组件，用于视频专辑编辑结束后形成新的视频专辑模板文件。
11.视频专辑编辑组件，包括：
12.专辑模板选择区，用于选择系统预定视频专辑模板；
13.视频专辑编辑功能区，用于操作预定模板，显示专辑视频内容，调整专辑视频列
表，调整布局，调整按钮位置，并对鼠标点击区域产生相应动作；
14.组件属性编辑功能区，用于点击所述视频专辑编辑功能区时响应对模板组件属性参数的设置；
15.视频专辑操作功能区，用于视频专辑文件的发布和测试及编辑完成的视频专辑文件上传服务器。
16.其中，视频专辑编辑功能区，包括：
17.专辑视频列表，专辑背景图、向上移动或向下移动列表按钮、向左或向右移动列表按钮、返回按钮、更多按钮。
18.组件属性编辑功能区，包括：
19.专辑名称、专辑编号、专辑背景图、页面布局方向、向上移动或向下移动列表按钮属性、向左或向右移动列表按钮属性、返回按钮属性、更多按钮属性、视频列表每页显示个数、视频列表宽和高坐标、视频列表距顶或距左的坐标值、视频列表每个视频之间的显示间距、页面加载后缺省聚焦控件属性。
20.其中，页面布局方向包括横向布局和竖向布局。
21.另一方面，按钮属性，包括：
22.按钮背景图设置，按钮大小设置，按钮的距顶位置设置，按钮的距左位置设置，按钮的聚焦或失焦的效果设置。
23.其中，用户登录组件包括视频专辑编辑人员账号和密码。
24.视频专辑测试配置组件，包括：
25.配置测试用户的账号id，用于上线指定特定用户群体测试即将发布的新视频专辑。
26.视频专辑发布组件包括，后台php启动python脚本将视频专辑文件分发到各地iptv的cdn服务器。
27.其中，视频专辑文件操作组件，包括模板保存，模板文件下载。
28.本发明方案，研发人员根据产品需求开发预置专辑模板列表放置在本发明系统内，专辑编辑人员通过管理平台选中预设专辑模板，并编辑专辑名称、专辑编号、专辑背景图、页面布局方向(横向、竖向)、向上移动或向下移动列表按钮、向左或向右移动列表按钮、返回按钮、更多按钮、视频列表每页显示个数、视频列表宽和高坐标、视频列表距顶或距左的坐标值、视频列表每个视频之间的显示间距、页面加载后缺省聚焦控件、返回按钮、更多按钮的一系列属性设置，无需技术人员重复参与设计，解决了iptv领域的技术人员开发周期长，占用工作时间多问题。
附图说明
29.图1是根据本发明实施例提供的基于iptv的视频专辑编辑系统的系统结构图；
30.图2是根据本发明实施例提供的基于iptv的视频专辑编辑系统的专辑编辑页面布局结构图；
31.图3是根据本发明实施例提供的基于iptv的视频专辑编辑系统的专辑编辑页面横向布局结构图；
32.图4是根据本发明实施例提供的基于iptv的视频专辑编辑系统的专辑编辑页面竖
向布局结构图；
具体实施方式
33.下面结合说明书附图对本发明的具体实现方式做详细描述。
34.iptv的视频专辑分发，会根据节假日、节气、以及社会热点，及时推出相关内容的专辑，以供用户观看；然后根据自身情况采用相应的措施。
35.传统的实现方式，每设计一期新专辑，需要运营人员在管理平台配置专辑的模板以及专辑的内容，然后研发人员再根据专辑设计的图素进行专辑开发，包括元素焦点走向(更多按钮、返回按钮等)、元素布局样式，完成后再发布到各地区平台。
36.本发明方案，只需要编写选择预置专辑模板，然后通过管理平台配置编辑专辑名称、专辑编号、专辑背景图、页面布局方向(横向、竖向)、向上移动或向下移动列表按钮、向左或向右移动列表按钮、返回按钮、更多按钮、视频列表每页显示个数、视频列表宽和高坐标、视频列表距顶或距左的坐标值、视频列表每个视频之间的显示间距、页面加载后缺省聚焦控件、返回按钮、更多按钮。即可将新视频专辑发布测试。
37.本发明提出的一种基于iptv的视频专辑编辑系统，开发人员依据产品人员的设计方案，开发设计模板库，设计出预定义标识的html模板文件放置到本发明系统内，运营人员从管理平台选取模板，调整页面布局，配置控件属性及配置相关视频文件内容。提交内测，内测结束后由运营人员发布上传。此发明后期ui设计人员切出图素，把图素给运营人员。运营人员根据专辑的设计方案，在管理平台依据本发明的视频专辑的模板编辑需要发布的内容，然后下发到各平台进行测试、上线发布，研发将不再参与开发。减少了每次发布专辑时的研发人员开发成本和美工调整页面样式的工作成本。
38.本发明提供的基于iptv的视频专辑编辑系统，包括以下组件，用户登录组件p110、视频专辑编辑组件p120、视频专辑测试配置组件p130、视频专辑发布组件p140、视频专辑文件操作组件p150。见图1：
39.用户登录组件p110，用于视频专辑编辑人员的系统登录的身份验证。登录时包括视频专辑编辑人员账号和密码，作用是区别视频编辑人员并考核视频编辑人员的工作内容和绩效。
40.视频专辑编辑组件p120，产品开发人员根据节假日、节气、以及社会热点等产品需求，由系统开发人员开发出预定模板，并放置到本系统中。视频专辑编辑人员登录系统后，从预设的视频模板列表选中需要发布的视频专辑进行简单的专辑名称、专辑编号、专辑背景图、页面布局方向(横向、竖向)、向上移动或向下移动列表按钮、向左或向右移动列表按钮、返回按钮、更多按钮、视频列表每页显示个数、视频列表宽和高坐标、视频列表距顶或距左的坐标值、视频列表每个视频之间的显示间距、页面加载后缺省聚焦控件一系列的属性设置后，即可进行发布测试。视频专辑编辑器布局图见图2。具体表述进入p200。
41.视频专辑测试配置p130，用于配置内部测试用户列表，配置的用户列表内容是用户的账号id。视频专辑编辑完成后，需要提交测试申请，先由内部测试人员测试后，才能将视频专辑文件发布到正式服务器上播放。
42.视频专辑发布组件p140，用于将上述视频专辑编辑完成后的视频专辑文件发布到iptv线上正式服环境运行，本发明是通过后台php运行python脚本，将需发布的视频专辑文
件同步到各地iptv的cdn服务器上。
43.视频专辑文件操作组件p150，视频专辑编辑完成后，新专辑可以作为新模板文件保存到本发明的服务器上，可以作为下一个次的新专辑模板，另外当前编辑的模板文件也可以通过下载方式保存到客户端的pc上，作为其它领域的网页端模板使用。
44.视频专辑编辑器布局分为4个区域结构布局。
45.p200：专辑模板选择区，此区域采用类似window的文件管理器结构的树型结构图，通过树型结构图方式，最大化展示系统已有模板列表。从服务器获取系统预定模板库的html文件，在专辑模板选择区通过树形结构显示模板标题。视频专辑编辑人员通过鼠标点击模板标题，系统响应鼠标点击事件，从服务器获取模板文件并同步展示在视频专辑编辑功能区p210。进入p210：视频专辑编辑功能区。
46.p210：视频专辑编辑功能区，此区域展现系统预设专辑内容组件。分为横向布局图3和竖向布局图4。横向布局图3包括：
47.背景显示组件p310、向左p340按钮或向右p350按钮组件、返回p360按钮组件、更多p370按钮组件、视频专辑显示列表组件p380、视频动态展示区p390，前一视频首图展示区p383，后一视频首图展示区p385。
48.其中，向左p340按钮或向右p350按钮组件，当布局方向设置为横向布局时此按钮图标出现。当用户操作电视遥控器的向左按键或向右按键控制视频专辑显示列表组件p380向左移动或向右移动时。此图标同步响应并显示遥控器按键动作的状态。此图标的作用是指示遥控器按键的状态，并指示是否存在更多的未显示视频列表。用户可以通过此图标状态知晓当前遥控器按下的按钮位置，如果没有此图标指示状态。用户按下手中遥控器按键时，无法感知当前操作的正确性。当用户无法感知按下按键正确性时，容易下意识查看手中遥控器按键位置，以确定是否正确按下按键。通过设置按键图标反馈机制，减少用户低头确认遥控器按键的不便。本发明中响应用户按下遥控器按键时采用的是变换按钮背景图像指示按扭按下和释放状态，当遥控器按钮按下后，按钮指示图标响应用户动作，并左右移动视频动态展示区p390显示的视频专辑列表。返回按钮图标，用于控制返回前一个页面操作。更多按钮图标，用于控制跳转更多视频专辑页面操作。视频专辑显示列表组件p380，用于显示从服务器获取的视频专辑列表内容，当有视频组件显示在视频动态展示区时，视频内容通过模板文件的js脚本从服务器获取数据并同步播放在视频动态展示区域。在视频专辑编辑阶段，鼠标点击上述的视频专辑编辑功能区p210不同区域时，系统响应鼠标事件同步在组件属性编辑功能区p220：显示相应属性设置。
49.另一方面，本发明同步提供竖向布局方案见图4，包括：
50.背景显示组件p410、向上p440按钮或向下p450按钮图标组件、返回p460按钮图标组件、更多p470按钮图标组件、视频专辑显示列表组件p480、视频动态展示区p490，前一视频首图展示区p483，后一视频首图展示区p485。
51.其中，向上p420按钮或向下p430按钮图标组件，当布局方向设置为竖向布局时此图标出现。当用户操作电视遥控器的向上按键或向下按键控制视频专辑显示列表组件p480向上移动或向下移动时。此图标同步响应并显示遥控器按键动作的状态。此图标的作用是指示遥控器按键的状态，同时也指示是否存在更多的未显示的视频列表。减少用户低头确认遥控器按键的不便。当按钮按下后，按钮指示图标响应用户动作，并上下移动视频动态展
示区p490的视频列表。同时将相邻的视频移动到原有位置。返回按钮p460图标，用于控制返回前一个页面操作。更多按钮p470图标，用于控制跳转更多视频专辑页面操作。视频专辑显示列表组件p480，用于显示从服务器获取的视频专辑列表内容，当有视频列表显示在视频动态展示区时，视频内容通过模板文件的js脚本从服务器获取视频内容同步播放在视频动态展示区域。以上表述的编辑区域，在视频专辑编辑阶段，鼠标点击上述的视频专辑编辑功能区p210不同区域时，系统响应鼠标事件同步在组件属性编辑功能区p220：显示相应属性设置。
52.p220：组件属性编辑功能区，此区域用于视频专辑编辑功能区的组件属性设置，当专辑设计人员鼠标点击视频专辑编辑功能区的不同显示区域时，本发明模板文件内置的js代码响应各个区域的点击事件，同步从服务器获取模板文件预置的各个组件参数值。包括：专辑名称、专辑编号、专辑背景图、页面布局方向(横向、竖向)、向上移动或向下移动列表按钮属性、向左或向右移动列表按钮属性、返回按钮属性、更多按钮属性、视频列表每页显示个数、视频列表宽和高坐标、视频列表距顶或距左的坐标值、视频列表每个视频之间的显示间距、页面加载后缺省聚焦控件。
53.p230：视频专辑操作功能区：用于操作编辑的视频专辑文件，包括：预览按钮(模拟上线后的显示效果)、保存按钮(将编辑的视频专辑页面内容保存到服务器成为新的模板文件)、提交测试按钮(视频专辑编辑完成提交内部测试，测试完成后，由发布人员分发视频专辑到系统正式使用)，全屏显示控制按钮(扩大视频专辑功能显示区域)，发布按钮(视频专辑内部测试完成后通过后台php运行python脚本将发布的视频专辑文件分发到iptv的cdn服务器)。
54.下面详细描述视频专辑编辑人员在视频专辑编辑功能区的显示区域使用鼠标点击各个区域时，对应的组件属性功能区显示相应的属性设置。
55.鼠标点击视频专辑编辑功能区空白区域，组件属性功能区响应鼠标动作后显示的内容包括：专辑名称设置、专辑编号设置、专辑背景图设置、页面布局方向设置(横向、竖向)。专辑名称设置用于系统发布上线后显示在电视端的专辑标题。专辑编号设置用于从服务器获取专辑视频列表，专辑编号设置后，自动从服务器上获取专辑视频列表，由模板预置的js脚本解析服务器返回的视频专辑列表数据，并同步显示到专辑视频显示列表区。专辑背景图设置同样是服务器上的预设背景图，这里是由下拉列表显示服务器上的缩略图，选择后，自动从服务器上下载填充当前编辑页面。实时显示效果。页面布局方向设置，分为横向布局和竖向布局，采用选择框进行选择。横向布局在电视端显示时，选择移动专辑视频列表是使用电视遥控器的左或右按钮进行操作。竖向布局在电视端显示时，选择移动专辑视频列表是使用电视遥控器的上或下按钮进行操作。
56.鼠标点击视频专辑编辑功能区向上或向下按钮图标，组件属性功能区显示的内容包括：按钮样式设置，通过样式设置即可显示各种自定义类型图标，比如箭头图标，手指图标等，本发明采用下拉列表从服务器上获取预设图标样式，有按钮背景图设置，按钮大小设置，按钮的距顶位置设置，按钮的距左位置设置，按钮的聚焦或失焦的效果设置，选择好后，即可实时显示在当前的编辑页面。
57.鼠标点击视频专辑编辑功能区向左按钮或向右按钮图标，组件属性功能区显示的内容包括：按钮样式设置，通过样式设置即可显示各种自定义类型图标，比如箭头图标，手
指图标等，本发明采用下拉列表从服务器上获取预设图标样式，有按钮背景图设置，按钮大小设置，按钮的距顶位置设置，按钮的距左位置设置，按钮的聚焦或失焦的效果设置，选择好后，即可实时显示在当前的编辑页面。
58.鼠标点击视频专辑编辑功能区返回按钮图标，组件属性功能区显示内容包括：设置返回链接地址，用于设置当使用电视遥控器的方向按钮聚焦到返回按钮，并按下确认按钮时，控制电视显示的下一个跳转入口设置里可以设置的值有，返回应用入口主页面，返回电视开机后的主页面。按钮背景图设置，按钮大小设置，按钮的距顶位置设置，按钮的距左位置设置，按钮的聚焦或失焦的效果设置，选择后即可显示在编辑页面。
59.鼠标点击视频专辑编辑功能区更多按钮图标，组件属性功能区显示内容包括：设置跳转下一组专辑的入口地址，当使用电视遥控器的方向按钮聚焦到更多按钮，并按下确认按钮时，控制电视显示的下一个专辑视频页面设置。这里可以设置的值是下一个专辑视频的链接地址。按钮样式设置，本发明采用下拉列表从服务器上获取预设图标样式，有按钮背景图设置，按钮大小设置，按钮的距顶位置设置，按钮的距左位置设置，按钮的聚焦或失焦的效果设置，选择好后，即可实时显示在当前的编辑页面。
60.鼠标点击视频专辑编辑功能区视频专辑列表组件，视频专辑列表用html语言的div标记。本发明的专辑视频内容放置在html语言的div标记内。需要说明的是，在进行专辑视频编辑前，后台服务器已经配置好视频专辑列表数据。专辑编辑人员设置专辑编号时，由编辑框的onchange事件响应函数触发视频专辑内容列表从服务器上获取，通过js操作将服务器上获取的视频专辑列表数据填充到div标记内。点击显示的视频专辑列表对应的视频div组件，组件属性功能区同步显示的内容包括：视频列表每页显示个数设置、视频列表在电视显示区的宽度和高度、视频专辑列表显示距顶距离设置和距左的距离设置、视频列表每个视频之间的间距。
61.上述的按钮距顶距离设置和按钮距左距离设置。采用相对坐标设置，分别相对于显示页面的左边线和距离显示页面顶部距离。所有组件的坐标设置都是采用距离左面和距离顶部的相对位置设置，这样可以减少产品人员的理解偏差。同时又可以简化设置步骤。
62.通过本发明方案，研发人员根据产品需求开发预置专辑模板列表放置在本发明系统内，后期多次视频专辑编辑及发布，无需开发人员重复参与设计，提高了iptv领域的每一次视频专辑制作的效率。
63.以上公开的仅为本发明的几个具体实施例，但是，本发明并非局限于此，任何本领域的技术人员能思之的变化都应落入本发明的保护范围。