一种视频界面处理方法及系统与流程

本发明涉及控制领域，尤其涉及一种视频界面处理方法及系统。

背景技术：

目前，移动端，如：便携电子设备上的网站页面或app页面均是针对单一设备开发，导致设计过于单调，在不同设备中只能以同一种界面下过显示。例如：针对手机设计的视频app界面仅适用于手机，当平板电脑上应用该视频app时，其界面中各模块的显示比例仅适用于手机屏幕的比例，而不适用于平板电脑的屏幕比例。

针对上述问题，通常采用针对不同的设备设计不同的视频app界面，然而，这就导致在网站或app开发过程中，需要针对大量的数据和页面，开发出大量的模板样式来满足需求，从而造成数据量大，可维护性降低的问题。

技术实现要素：

有鉴于此，本发明提供一种视频界面处理方法及系统，以解决现有技术中针对不同的设备设计不同的视频app界面，导致的开发过程中数据量大，可维护性降低的问题，其具体方案如下：

一种视频界面处理方法，应用于电子设备，包括：

获取所述电子设备的显示配置数据；

根据所述显示配置数据确定显示参数，通过所述显示参数调整预设的界面显示模式；

接收细节调整指令，依据所述细节调整指令对所述界面显示模式进行细节调整，输出针对所述电子设备的视频显示界面。

进一步的，还包括：

预设细节模板样式，使得在接收到细节调整指令时，确定指定的细节模板样式，使得所述界面显示模式中的细节模板样式为指定的细节模板样式。

进一步的，所述显示配置数据包括：显示屏大小及分辨率，所述根据所述显示配置数据确定显示参数，通过所述显示参数调整预设的界面显示模式，包括：

调整预设的界面显示模式，使所述界面显示模式适配于所述电子设备的显示屏大小及分辨率。

进一步的，所述调整预设的界面显示模式，使所述界面显示模式适配于所述电子设备的显示屏大小及分辨率，包括：

增加或减少所述预设的界面显示模式中的显示模块，使增加或减少后的界面显示模式适配于所述电子设备的显示屏大小及分辨率。

进一步的，所述调整预设的界面显示模式，使所述界面显示模式适配于所述电子设备的显示屏大小及分辨率，包括：

调整所述预设的界面显示模式中显示模块的显示方式，使调整所述显示模块的显示方式后的界面显示模式适配于所述电子设备的显示屏大小及分辨率。

进一步的，还包括：

设置动画效果，所述动画效果为：切换所述视频显示界面的数据时显示所述动画效果。

一种视频界面处理系统，应用于电子设备，包括：数据获取单元，参数确定单元及细节调整单元，其中：

所述数据获取单元用于获取所述电子设备的显示配置数据；

所述参数确定单元用于根据所述显示配置数据确定显示参数，通过所述显示参数调整预设的界面显示模式；

所述细节调整单元用于接收细节调整指令，依据所述细节调整指令对所述界面显示模式进行细节调整，输出针对所述电子设备的视频显示界面。

进一步的，所述显示配置数据包括：显示屏大小及分辨率，所述参数确定单元用于：

调整预设的界面显示模式，使所述界面显示模式适配于所述电子设备的显示屏大小及分辨率。

进一步的，所述参数确定单元用于：

增加或减少所述预设的界面显示模式中的显示模块，使增加或减少后的界面显示模式适配于所述电子设备的显示屏大小及分辨率。

进一步的，所述参数确定单元用于：

调整所述预设的界面显示模式中显示模块的显示方式，使调整所述显示模块的显示方式后的界面显示模式适配于所述电子设备的显示屏大小及分辨率。

从上述技术方案可以看出，本申请公开的视频界面处理方法及系统，应用于电子设备，通过获取电子设备的显示配置数据，根据显示配置数据确定显示参数，根据显示参数调整预设的界面显示模式，接收细节调整指令，依据细节调整指令对界面显示模式进行细节调整，输出针对该电子设备的视频显示界面。本方案通过针对电子设备的显示配置数据以及接收到的用户输入的细节调整指令，确定视频显示界面，实现了针对不同电子设备输出不同的视频显示界面，同时，通过接收用户的细节调整指令对界面显示模式进行细节调整，实现了根据不同用户需求输出不同的视频显示界面，避免了开发过程中即针对不同设备开发出不同的视频显示界面，解决了开发过程中数据量大、可维护性低的问题。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例公开的一种视频界面处理方法的流程图；

图2为本发明实施例公开的一种自适应界面的示意图；

图3为本发明实施例公开的一种细节调整指令中自适应界面的示意图；

图4为本发明实施例公开的一种导航界面的示意图；

图5为本发明实施例公开的一种菜单栏界面示意图；

图6为本发明实施例公开的一种视频界面处理方法的流程图；

图7为本发明实施例公开的一种视频界面处理方法的流程图；

图8为本发明实施例公开的一种视频界面处理系统的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明公开了一种视频界面处理方法，应用于电子设备，其流程图如图1所示，包括：

步骤s11、获取电子设备的显示配置数据；

电子设备的显示配置数据可以为：电子设备的显示屏参数，即显示屏大小及分辨率。

获取电子设备的显示配置数据可以为：在电子设备安装有指定app，首次打开该指定app时进行显示配置数据的获取，也可以为：在通过电子设备打开某视频网站的显示界面时，对电子设备的显示配置数据进行获取。

其中，获取显示配置数据的方式，可以为：通过数据接口获取存储有显示配置数据的其他电子设备中获取显示配置数据，也可以为：直接确定该电子设备的显示配置数据。

步骤s12、根据显示配置数据确定显示参数，通过显示参数调整预设的界面显示模式；

预设界面显示模式，可以具体为：在软件开发过程中，仅开发一套界面显示模式，具体的，可以通过html代码开发。

显示参数可以为：当前视频界面的大小及分辨率等。

根据显示参数调整预设的界面显示模式，使界面显示模式能够适应电子设备，具体的，针对不同的电子设备，会有不同的显示配置数据，从而通过不同的显示参数调整界面显示模式，使得每个不同的电子设备的显示界面模式均适应于其所在的电子设备，即调整后的不同的电子设备的显示界面模式均与其他电子设备的显示界面模式不同。

步骤s13、接收细节调整指令，依据细节调整指令对界面显示模式进行细节调整，输出针对电子设备的视频显示界面。

细节调整指令为用户发送的，根据该细节调整指令调整界面显示模式，使得调整后的视频界面能够便于用户操作，并实现个性化设置该视频界面。

进一步的，可以预设细节模板样式，使得在接收到细节调整指令时，确定细节调整指令中指定的细节模板样式，将界面显示模式中的细节模板样式设置为指定的细节模板样式。

具体的，界面显示模式中可以包括：自适应界面及导航界面。

其中，自适应界面可以为：上面设置一张大图，下面设置n张小图，大图为海报图或轮播图，小图可以具体用于展示课加载的需要展示的详细数据，如图2所示。

细节调整指令中可以包括：仅显示一张大图，或显示一张大图及n张小图，还可以为：仅显示两张大图等；另外，细节调整指令中还可以包括：显示一张大图及n张小图，且一张大图在上，n张小图排成一行在大图之下，如图3所示。

其中，导航界面可以如图4所示，细节调整指令可以包括：将该导航界面设置在顶部，或者底部，还可以包括：页面跳转，但导航界面仍在顶部显示；或者，当点击导航界面的搜索栏时，弹出新的页面，用于向用户推荐关键词或热门视频；或者，当点击导航界面的菜单按钮时，弹出的菜单栏界面为自定义的界面样式，如图5所示。

导航栏界面通过javascript代码控制。

进一步的，无论是在自适应界面，还是在导航界面，均可以增加动画效果显示，当视频显示界面的数据或页面被切换或发生变化时，显示动画效果，如：当页面切换时，通过滑动、渐隐或旋转显示切换后的页面。

本申请公开的视频界面处理方法，应用于电子设备，通过获取电子设备的显示配置数据，根据显示配置数据确定显示参数，根据显示参数调整预设的界面显示模式，接收细节调整指令，依据细节调整指令对界面显示模式进行细节调整，输出针对该电子设备的视频显示界面。本方案通过针对电子设备的显示配置数据以及接收到的用户输入的细节调整指令，确定视频显示界面，实现了针对不同电子设备输出不同的视频显示界面，同时，通过接收用户的细节调整指令对界面显示模式进行细节调整，实现了根据不同用户需求输出不同的视频显示界面，避免了开发过程中即针对不同设备开发出不同的视频显示界面，解决了开发过程中数据量大、可维护性低的问题。

本实施例公开了一种视频界面处理方法，应用于电子设备，其流程图如图6所示，包括：

步骤s61、获取电子设备的显示屏大小及分辨率；

步骤s62、增加或减少预设的界面显示模式中的显示模块，使增加或减少后的界面显示模式适配于电子设备的显示屏大小及分辨率；

在软件开发过程中可以仅开发一套界面显示模式，但是在一套界面显示模式中可以配置有多个显示模块，每个显示模块用于在显示界面的不同位置进行数据显示。

例如：当预设的界面显示模式应用在该电子设备中时，根据该电子设备的显示屏大小进行计算，确定该预设的界面显示模式若不进行调整就直接应用在该电子设备中时，会出现显示模块紧凑的问题，那么，在这种情况下，就需要删减显示模块，如；预设的界面显示模式中有5个显示模块，此时，就需要根据显示屏的大小删减显示模块的数量。当应用在自适应界面时，若预设的界面显示模式中有一张大图，4张小图，为了适应电子设备的屏幕，根据计算确定两张并排设置的大图最适合该显示屏，那么，此时，直接在自适应界面显示两张并排放置的大图；还可以为：用户自行调整显示模块的数量，以适应用户的需求。

还可以为：增加显示模块，如：预设的界面显示模式中有5个显示模块，而根据电子设备的显示屏的大小计算得到，当有6个显示模块时显示屏的紧凑度为最适宜的状态，此时，就需要增加一个显示模块。

步骤s63、接收细节调整指令，依据细节调整指令对界面显示模式进行细节调整，输出针对电子设备的视频显示界面。

本申请公开的视频界面处理方法，应用于电子设备，通过获取电子设备的显示配置数据，根据显示配置数据确定显示参数，根据显示参数调整预设的界面显示模式，接收细节调整指令，依据细节调整指令对界面显示模式进行细节调整，输出针对该电子设备的视频显示界面。本方案通过针对电子设备的显示配置数据以及接收到的用户输入的细节调整指令，确定视频显示界面，实现了针对不同电子设备输出不同的视频显示界面，同时，通过接收用户的细节调整指令对界面显示模式进行细节调整，实现了根据不同用户需求输出不同的视频显示界面，避免了开发过程中即针对不同设备开发出不同的视频显示界面，解决了开发过程中数据量大、可维护性低的问题。

本实施例公开了一种视频界面处理方法，应用于电子设备，其流程图如图7所示，包括：

步骤s71、获取电子设备的显示屏大小及分辨率；

步骤s72、调整预设的界面显示模式中显示模块的显示方式，使调整显示模块的显示方式后的界面显示模式适配于电子设备的显示屏大小及分辨率；

显示模块的显示方式，可以为：横向显示，也可以为：纵向显示。

例如：在自适应界面，可以为：n张小图横向排成一排，或n张小图中每两张小图排成一排，还可以为：两张大图横向排成一排，或纵向排成一排。

当预设的界面显示模式中显示模块的显示方式为：一张大图在上，n张小图横向排成一排在大图下方，而电子设备的显示屏并不能适应这种显示模块的显示方式，因此，调整显示模块的显示方式为：一张大图在上，n张小图中每两张小图横向排成一排。

或者，预设的界面显示模式中显示模块的显示方式为：一张大图在上，n张小图中每两张小图横向排成一排，为了适应电子设备的显示屏，调整显示模块的显示方式为：一张大图在上，n张小图横向排成一排在大图下方。当然，也可以为其他形式的显示方式，在此不做具体限定。

步骤s73、接收细节调整指令，依据细节调整指令对界面显示模式进行细节调整，输出针对电子设备的视频显示界面。

本申请公开的视频界面处理方法，应用于电子设备，通过获取电子设备的显示配置数据，根据显示配置数据确定显示参数，根据显示参数调整预设的界面显示模式，接收细节调整指令，依据细节调整指令对界面显示模式进行细节调整，输出针对该电子设备的视频显示界面。本方案通过针对电子设备的显示配置数据以及接收到的用户输入的细节调整指令，确定视频显示界面，实现了针对不同电子设备输出不同的视频显示界面，同时，通过接收用户的细节调整指令对界面显示模式进行细节调整，实现了根据不同用户需求输出不同的视频显示界面，避免了开发过程中即针对不同设备开发出不同的视频显示界面，解决了开发过程中数据量大、可维护性低的问题。

本实施例公开了一种视频界面处理系统，应用于电子设备，其结构示意图如图8所示，包括：

数据获取单元81，参数确定单元82及细节调整单元83。

其中，数据获取单元81用于获取电子设备的显示配置数据；

电子设备的显示配置数据可以为：电子设备的显示屏参数，即显示屏大小及分辨率。

获取电子设备的显示配置数据可以为：在电子设备安装有指定app，首次打开该指定app时进行显示配置数据的获取，也可以为：在通过电子设备打开某视频网站的显示界面时，对电子设备的显示配置数据进行获取。

其中，获取显示配置数据的方式，可以为：通过数据接口获取存储有显示配置数据的其他电子设备中获取显示配置数据，也可以为：直接确定该电子设备的显示配置数据。

参数确定单元82用于根据显示配置数据确定显示参数，通过显示参数调整预设的界面显示模式；

预设界面显示模式，可以具体为：在软件开发过程中，仅开发一套界面显示模式，具体的，可以通过html代码开发。

显示参数可以为：当前视频界面的大小及分辨率等。

根据显示参数调整预设的界面显示模式，使界面显示模式能够适应电子设备，具体的，针对不同的电子设备，会有不同的显示配置数据，从而通过不同的显示参数调整界面显示模式，使得每个不同的电子设备的显示界面模式均适应于其所在的电子设备，即调整后的不同的电子设备的显示界面模式均与其他电子设备的显示界面模式不同。

参数确定单元82可具体用于：增加或减少预设的界面显示模式中的显示模块，使增加或减少后的界面显示模式适配于电子设备的显示屏大小及分辨率。

在软件开发过程中可以仅开发一套界面显示模式，但是在一套界面显示模式中可以配置有多个显示模块，每个显示模块用于在显示界面的不同位置进行数据显示。

例如：当预设的界面显示模式应用在该电子设备中时，根据该电子设备的显示屏大小进行计算，确定该预设的界面显示模式若不进行调整就直接应用在该电子设备中时，会出现显示模块紧凑的问题，那么，在这种情况下，就需要删减显示模块，如；预设的界面显示模式中有5个显示模块，此时，就需要根据显示屏的大小删减显示模块的数量。当应用在自适应界面时，若预设的界面显示模式中有一张大图，4张小图，为了适应电子设备的屏幕，根据计算确定两张并排设置的大图最适合该显示屏，那么，此时，直接在自适应界面显示两张并排放置的大图；还可以为：用户自行调整显示模块的数量，以适应用户的需求。

还可以为：增加显示模块，如：预设的界面显示模式中有5个显示模块，而根据电子设备的显示屏的大小计算得到，当有6个显示模块时显示屏的紧凑度为最适宜的状态，此时，就需要增加一个显示模块。

参数确定单元82还可以具体用于：调整预设的界面显示模式中显示模块的显示方式，使调整显示模块的显示方式后的界面显示模式适配于电子设备的显示屏大小及分辨率。

显示模块的显示方式，可以为：横向显示，也可以为：纵向显示。

例如：在自适应界面，可以为：n张小图横向排成一排，或n张小图中每两张小图排成一排，还可以为：两张大图横向排成一排，或纵向排成一排。

当预设的界面显示模式中显示模块的显示方式为：一张大图在上，n张小图横向排成一排在大图下方，而电子设备的显示屏并不能适应这种显示模块的显示方式，因此，调整显示模块的显示方式为：一张大图在上，n张小图中每两张小图横向排成一排。

或者，预设的界面显示模式中显示模块的显示方式为：一张大图在上，n张小图中每两张小图横向排成一排，为了适应电子设备的显示屏，调整显示模块的显示方式为：一张大图在上，n张小图横向排成一排在大图下方。当然，也可以为其他形式的显示方式，在此不做具体限定。

细节调整单元83用于接收细节调整指令，依据细节调整指令对界面显示模式进行细节调整，输出对电子设备的视频显示界面。

细节调整指令为用户发送的，根据该细节调整指令调整界面显示模式，使得调整后的视频界面能够便于用户操作，并实现个性化设置该视频界面。

进一步的，可以预设细节模板样式，使得在接收到细节调整指令时，确定细节调整指令中指定的细节模板样式，将界面显示模式中的细节模板样式设置为指定的细节模板样式。

具体的，界面显示模式中可以包括：自适应界面及导航界面。

其中，自适应界面可以为：上面设置一张大图，下面设置n张小图，大图为海报图或轮播图，小图可以具体用于展示课加载的需要展示的详细数据，如图2所示。

细节调整指令中可以包括：仅显示一张大图，或显示一张大图及n张小图，还可以为：仅显示两张大图等；另外，细节调整指令中还可以包括：显示一张大图及n张小图，且一张大图在上，n张小图排成一行在大图之下，如图3所示。

其中，导航界面可以如图4所示，细节调整指令可以包括：将该导航界面设置在顶部，或者底部，还可以包括：页面跳转，但导航界面仍在顶部显示；或者，当点击导航界面的搜索栏时，弹出新的页面，用于向用户推荐关键词或热门视频；或者，当点击导航界面的菜单按钮时，弹出的菜单栏界面为自定义的界面样式，如图5所示。

导航栏界面通过javascript代码控制。

进一步的，无论是在自适应界面，还是在导航界面，均可以增加动画效果显示，当视频显示界面的数据或页面被切换或发生变化时，显示动画效果，如：当页面切换时，通过滑动、渐隐或旋转显示切换后的页面。

本申请公开的视频界面处理系统，应用于电子设备，通过获取电子设备的显示配置数据，根据显示配置数据确定显示参数，根据显示参数调整预设的界面显示模式，接收细节调整指令，依据细节调整指令对界面显示模式进行细节调整，输出针对该电子设备的视频显示界面。本方案通过针对电子设备的显示配置数据以及接收到的用户输入的细节调整指令，确定视频显示界面，实现了针对不同电子设备输出不同的视频显示界面，同时，通过接收用户的细节调整指令对界面显示模式进行细节调整，实现了根据不同用户需求输出不同的视频显示界面，避免了开发过程中即针对不同设备开发出不同的视频显示界面，解决了开发过程中数据量大、可维护性低的问题。

本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。

专业人员还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块，或者二者的结合来实施。软件模块可以置于随机存储器(ram)、内存、只读存储器(rom)、电可编程rom、电可擦除可编程rom、寄存器、硬盘、可移动磁盘、cd-rom、或技术领域内所公知的任意其它形式的存储介质中。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。