控制视频中页面元素的布局的方法、系统及存储介质技术方案

本发明专利技术涉及视频处理技术领域，公开一种控制视频中页面元素的布局的方法、系统及机器可读存储介质，该控制视频中页面元素的布局的方法包括：配置视频中各个预设时间段对应的页面元素的布局，其中，所述页面元素的布局与对应预设时间段呈现的视频内容相适配；以及获取视频的当前播放时间，并触发展示与所述当前播放时间相匹配的所述预设时间段对应的所述页面元素的布局。该控制视频中页面元素的布局的方法实现了页面元素会根据播放时间的自动调整。

【技术实现步骤摘要】
控制视频中页面元素的布局的方法、系统及存储介质
本专利技术涉及视频处理
，特别涉及一种控制视频中页面元素的布局的方法、系统及存储介质。
技术介绍
随着互联网视频技术的发展，视频网页作为一种重要的视频内容承载方式有着非常便捷和友好的传播性，是用户与视频交互的主要载体。现阶段视频中的页面元素在视频播放的过程中一般都固定在一个相同的位置，并没有对页面元素进行位置或样式的调整。在播放视频的过程中，视频的内容常常会处于页面元素的下层而被页面元素所遮挡，除此之外，页面元素的颜色和视频内容的颜色也常常相同，使得页面元素的部分无法正常的显示。上述的问题对于用户的体验来说显得非常不友好。
技术实现思路
本专利技术提出一种控制视频中页面元素的布局的方法，该控制视频中页面元素的布局的方法实现了页面元素会根据播放时间的自动调整，以避免出现遮挡视频内容和与视频内容重色等问题。为达到上述目的，本专利技术的技术方案是这样实现的：本专利技术提供一种控制视频中页面元素的布局的方法，该控制视频中页面元素的布局的方法包括：配置视频中各个预设时间段对应的页面元素的布局，其中，所述页面元素的布局与对应预设时间段呈现的视频内容相适配；以及获取视频的当前播放时间，并触发展示与所述当前播放时间相匹配的所述预设时间段对应的所述页面元素的布局。优选地，配置视频中各个预设时间段对应的页面元素的布局，包括：在视频中的各个预设时间段中预设时间片数据，且所述时间片数据包括所述页面元素的布局。优选地，触发展示与所述当前播放时间相匹配的所述预设时间段对应的所述页面元素的布局，包括：确定与所述当前播放时间相匹配的所述预设时间段，调用所匹配的预设时间段中预设的所述时间片数据以触发展示所述页面元素的布局。优选地，所述页面元素的布局包括有以下至少之一者：页面元素增加、页面元素删除、页面元素修改；其中，所述页面元素修改包括：所述页面元素的样式修改和所述页面元素的位置修改。优选地，该控制视频中页面元素的布局的方法还包括：获取所述页面元素的预设布局限制条件，根据所述预设布局限制条件与所触发展示的所述页面元素的布局来重新确定所述页面元素的实际布局。相对于现有技术，本专利技术的控制视频中页面元素的布局的方法，根据当前视频的播放时间控制确定所述视频中所述页面元素的布局，避免了页面元素遮挡视频内容，也避免了页面元素与视频内容重色的问题。本专利技术还提供一种控制视频中页面元素的布局的系统，该控制视频中页面元素的布局的系统包括：视频处理模块，用于配置视频中各个预设时间段对应的页面元素的布局，其中，所述页面元素的布局与对应预设时间段呈现的视频内容相适配；以及页面元素控制器，用于获取视频的当前播放时间，并触发展示与所述当前播放时间相匹配的所述预设时间段对应的所述页面元素的布局。优选地，所述视频处理模块，还用于在视频中的各个预设时间段中预设时间片数据，且所述时间片数据包括所述页面元素的布局。优选地，所述页面元素控制器，还用于确定与所述当前播放时间相匹配的所述预设时间段，调用所匹配的预设时间段中预设的所述时间片数据以触发展示所述页面元素的布局。优选地，所述页面元素控制器还用于获取所述页面元素的预设布局限制条件，并根据所述预设布局限制条件与所确定的确定所述页面元素的布局来重新确定所述页面元素的布局。所述控制视频中页面元素的布局的系统与控制视频中页面元素的布局的方法相对于现有技术所具有的优势相同，在此不再赘述。为达到上述目的，本专利技术的技术方案是还可以通过这样来实现：本专利技术还提供一种机器可读存储介质，该机器可读存储介质上存储有指令，该指令用于使得机器执行上述的控制视频中页面元素的布局的方法。所述机器可读存储介质与控制视频中页面元素的布局的方法相对于现有技术所具有的优势相同，在此不再赘述。本专利技术的其它特征和优点将在随后的具体实施方式部分予以详细说明。附图说明构成本专利技术的一部分的附图用来提供对本专利技术的进一步理解，本专利技术的示意性实施方式及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中：图1为本专利技术的控制视频中页面元素的布局的方法的流程图；图2为本专利技术的控制视频中页面元素的布局的方法的另一种实施方式的流程图；图3a为本专利技术的元素组件显示层和视频层的位置关系示意图；图3b为本专利技术的图3a中的元素组件显示层中的元素组件A、元素组件B或元素组件C的结构示意图；以及图4为本专利技术的一种控制视频中页面元素的布局的系统的拓扑结构框图。附图标记说明：1、视频处理模块；2、页面元素控制器；3、元素组件显示层；4、视频层；5、位置接口；6、样式接口。具体实施方式以下结合附图对本专利技术的具体实施方式进行详细说明。应当理解的是，此处所描述的具体实施方式仅用于说明和解释本专利技术，并不用于限制本专利技术。本专利技术实施方式实际是在可以获得视频的页面元素的编辑权限和视频ID的基础上来进行的。例如，在使用本专利技术实施方式的方案之前先获得视频的页面元素的编辑权限和视频的ID，获得相应的页面元素的编辑权限之后才能进行页面元素的布局，在获得视频ID之后才能得到视频内容播放时间，才能实现本专利技术实施方式的下述方案。在本专利技术的一种具体实施方式中，如图1所示，为了实现页面元素的布局，避免页面元素遮挡视频内容，也避免页面元素与视频内容重色的问题，提出一种控制视频中页面元素的布局的方法，该控制视频中页面元素的布局的方法可以包括：步骤S101，配置视频中各个预设时间段对应的页面元素的布局，其中，所述页面元素的布局与对应预设时间段呈现的视频内容相适配；以及步骤S102，获取视频的当前播放时间，并触发展示与所述当前播放时间相匹配的所述预设时间段对应的所述页面元素的布局。举例而言，用户在观看现有的视频时，界面还会显示页面元素，而该页面元素包括有“视频作者”、“关注”等快捷按键，上述的页面元素设置于视频的上部，由于显示的问题，页面元素很容易遮挡住视频本身，造成用户无法观看到视频内容。现有技术对此并未有任何处理，用户体验会变得较差。采用本专利技术实施方式的方法之后，预先配置视频中各个预设时间段对应的上述页面元素的布局，例如配置视频播放至某一特定时间后，“关注”按键隐藏或与当前页面的颜色相适配，再例如还可以改变页面元素的位置以避免其在该特定时间遮挡视频。然后，获取视频的当前播放时间，若为这里的特定时间，则触发页面布局按预设的布局进行调整并展示。该调整后展示的布局方式使得用户观看视频内容时页面元素不会遮挡用户的观看。因此，相对于现有技术，本专利技术的控制视频中页面元素的布局的方法可以实现页面元素的布局的配置，并能够根据所采集的当前播放时间和所配置的页面元素的布局，最终使得用户在观看视频时，随着用户观看视频内容的变化，页面元素会根据视频的当前播放时间改变页面元素布局，避免出现现有技术中的出现遮挡视频内容和与视频内容重色的问题。在优选的实施方式本文档来自技高网...

【技术保护点】
1.一种控制视频中页面元素的布局的方法，其特征在于，该控制视频中页面元素的布局的方法包括：/n配置视频中各个预设时间段对应的页面元素的布局，其中，所述页面元素的布局与对应预设时间段呈现的视频内容相适配；以及/n获取视频的当前播放时间，并触发展示与所述当前播放时间相匹配的所述预设时间段对应的所述页面元素的布局。/n

【技术特征摘要】
1.一种控制视频中页面元素的布局的方法，其特征在于，该控制视频中页面元素的布局的方法包括：
配置视频中各个预设时间段对应的页面元素的布局，其中，所述页面元素的布局与对应预设时间段呈现的视频内容相适配；以及
获取视频的当前播放时间，并触发展示与所述当前播放时间相匹配的所述预设时间段对应的所述页面元素的布局。


2.根据权利要求1所述的控制视频中页面元素的布局的方法，其特征在于，配置视频中各个预设时间段对应的页面元素的布局，包括：在视频中的各个预设时间段中预设时间片数据，且所述时间片数据包括所述页面元素的布局。


3.根据权利要求2所述的控制视频中页面元素的布局的方法，其特征在于，触发展示与所述当前播放时间相匹配的所述预设时间段对应的所述页面元素的布局，包括：
确定与所述当前播放时间相匹配的所述预设时间段，调用所匹配的预设时间段中预设的所述时间片数据以触发展示所述页面元素的布局。


4.根据权利要求1-3中任意一项所述的控制视频中页面元素的布局的方法，其特征在于，所述页面元素的布局包括有以下至少之一者：页面元素增加、页面元素删除、页面元素修改；
其中，所述页面元素修改包括：所述页面元素的样式修改和所述页面元素的位置修改。


5.根据权利要求4中任意一项所述的控制视频中页面元素的布局的方法，其特征在于，该控制视频中页面元素的布局的方法还包括：
获取所述页面元素的预设布局限制条件，根据所述预设布局限...

【专利技术属性】
技术研发人员：王群，
申请(专利权)人：百度在线网络技术北京有限公司，
类型：发明
国别省市：北京;11