控件显示方法、控件显示装置、电子设备、介质及产品与流程

1.本公开涉及计算机技术领域，尤其涉及一种控件显示方法、控件显示装置、电子设备、计算机可读存储介质以及计算机程序产品。


背景技术：

2.随着互联网的快速发展，商家可以通过短视频展示、介绍、售卖视频中的商品。在一些场景中，可以为短视频配置商品链接，用户可以通过商品链接查看商品的详细内容。
3.然而，相关技术中仅为商品配置商品链接，在用户需要了解更多关于该商品的详细信息时，需要点击商品连接，等待页面跳转，从而查看商品的详情界面。此过程较为繁杂，提升了用户的操作频率，需要耗费用户较多的时间，且获取商品信息的效率较差。


技术实现要素：

4.本公开提供一种控件显示方法、控件显示装置、电子设备、计算机可读存储介质及计算机程序产品，以至少解决相关技术中查看物品详情时操作复杂的问题。本公开的技术方案如下：
5.根据本公开实施例的第一方面，提供一种控件显示方法，包括：响应于针对视频的播放指令，在图形用户界面中播放视频；其中，视频用于介绍视频对应的视频主体；获取视频对应的跳转链接以及视频对应的卡片信息；其中，视频对应的跳转链接用于从当前界面跳转至视频主体的详情界面，视频对应的卡片信息用于描述视频主体；在视频的播放过程中，在图形用户界面中显示第一控件与第二控件；其中，第一控件用于承载视频对应的跳转链接，第二控件用于显示视频对应的卡片信息。
6.可选的，在视频的播放过程中，在图形用户界面中显示第一控件与第二控件，包括：在视频开始播放且经过第一预设时间段后，在图形用户界面中显示第一控件；在图形用户界面中显示第一控件且经过第二预设时间段后，在图形用户界面中显示第二控件。
7.可选的，在视频开始播放且经过第一预设时间段后，在图形用户界面中显示第一控件之后，方法还包括：经过第三预设时间段后，将第一控件的背景颜色调整为第一预设颜色。
8.可选的，在图形用户界面中显示第一控件且经过第二预设时间段后，在图形用户界面中显示第二控件之后，方法还包括：经过第四预设时间段后，将第二控件的背景颜色调整为第二预设颜色。
9.可选的，获取视频对应的基调颜色；将第二控件的背景颜色设置为视频对应的基调颜色，将第二控件的背景颜色的透明度设置为第一预设透明度。
10.可选的，在在图形用户界面中显示第一控件与第二控件之后，方法还包括：在视频播放完成之后，在图形用户界面中显示整合展示控件；通过所述整合展示控件显示所述视频对应的跳转链接以及所述视频对应的卡片信息。
11.可选的，第一控件与第二控件拼接显示。
12.根据本公开实施例的第二方面，提供一种控件显示装置，包括：视频播放单元，被配置为执行响应于针对视频的播放指令，在图形用户界面中播放视频；其中，视频用于介绍视频对应的视频主体；信息获取单元，被配置为执行获取视频对应的跳转链接以及视频对应的卡片信息；其中，视频对应的跳转链接用于从当前界面跳转至视频主体的详情界面，视频对应的卡片信息用于描述视频主体；控件显示单元，被配置为执行在视频的播放过程中，在图形用户界面中显示第一控件与第二控件；其中，第一控件用于承载视频对应的跳转链接，第二控件用于显示视频对应的卡片信息。
13.可选的，在视频的播放过程中，在图形用户界面中显示第一控件与第二控件，装置还包括：第一预设时间段等待单元，被配置为执行在视频开始播放且经过第一预设时间段后，在图形用户界面中显示第一控件；第二预设时间段等待单元，被配置为执行在图形用户界面中显示第一控件且经过第二预设时间段后，在图形用户界面中显示第二控件。
14.可选的，在视频开始播放且经过第一预设时间段后，在图形用户界面中显示第一控件之后，装置还包括：第一预设颜色调整单元，被配置为执行经过第三预设时间段后，将第一控件的背景颜色调整为第一预设颜色。
15.可选的，在图形用户界面中显示第一控件且经过第二预设时间段后，在图形用户界面中显示第二控件之后，装置还包括：第二预设颜色调整单元，被配置为执行经过第四预设时间段后，将第二控件的背景颜色调整为第二预设颜色。
16.可选的，装置还包括：基调颜色获取单元，被配置为执行获取视频对应的基调颜色；透明度设置单元，被配置为执行将第二控件的背景颜色设置为视频对应的基调颜色，将第二控件的背景颜色的透明度设置为第一预设透明度。
17.可选的，在在图形用户界面中显示第一控件与第二控件之后，装置还包括：整合展示控件显示单元，被配置为执行在视频播放完成之后，在图形用户界面中显示整合展示控件；整合展示单元，被配置为执行通过所述整合展示控件显示所述视频对应的跳转链接以及所述视频对应的卡片信息。
18.可选的，第一控件与第二控件拼接显示。
19.根据本公开实施例的第三方面，提供一种电子设备，包括：
20.处理器；
21.用于存储处理器可执行指令的存储器；
22.其中，处理器被配置为执行可执行指令，以实现如上述任一项的控件显示方法。
23.根据本公开实施例的第四方面，提供一种计算机可读存储介质，当计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如上述任一项的控件显示方法。
24.根据本公开实施例的第五方面，提供一种计算机程序产品，计算机程序/指令，其特征在于，计算机程序/指令被处理器执行时实现上述任一项的控件显示方法。
25.本公开的实施例提供的技术方案至少带来以下有益效果：
26.本公开的一种实施例提供的控件显示方法中，可以响应于针对视频的播放指令，在图形用户界面中播放视频，获取视频对应的跳转链接以及视频对应的卡片信息，在视频的播放过程中，在图形用户界面中显示第一控件与第二控件。一方面，可以在视频播放过程中通过第一控件与第二控件分别显示跳转链接以及卡片信息，用户可以在观看视频的过程
中了解物品，提升了用户对于物品产生兴趣的可能性；另一方面，可以直接通过卡片信息了解物品，简化了用户的操作，减少了用户的操作频率，节省了用户时间，从而提升了用户获取商品信息的效率。
27.应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
28.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。
29.图1示意性示出了本公开示例性实施例中控件显示方法示例性系统架构的示意图；
30.图2是根据一示例性实施例示出的一种控件显示方法的流程图；
31.图3是根据一示例性实施例示出的一种在图形用户界面中显示第一控件与第二控件的示意图；
32.图4是根据一示例性实施例示出的一种在图形用户界面中显示第一控件且经过第二预设时间段后，在图形用户界面中显示第二控件的流程图；
33.图5是根据一示例性实施例示出的一种在视频开始播放且经过第一预设时间段后，在图形用户界面中显示第一控件，经过第二预设时间段后，在图形用户界面中显示第二控件的示意图；
34.图6是根据一示例性实施例示出的一种将第二控件的背景颜色设置为视频对应的基调颜色，将第二控件的背景颜色的透明度设置为第一预设透明度的流程图；
35.图7是根据一示例性实施例示出的一种通过所述整合展示控件显示所述视频对应的跳转链接以及所述视频对应的卡片信息的流程图；
36.图8是根据一示例性实施例示出的一种在图形用户界面中通过整合展示控件显示视频对应的跳转链接以及视频对应的卡片信息的示意图；
37.图9是根据一示例性实施例示出的一种第一控件与第二控件拼接显示的示意图；
38.图10是根据一示例性实施例示出的一种第一控件与第二控件的邻接边的拐角为方角的的示意图；
39.图11是根据一示例性实施例示出的一种控件显示装置的组成示意图；
40.图12是根据一示例性实施例示出了适于用来实现本公开示例性实施例的电子设备的结构示意图。
具体实施方式
41.为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。
42.需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相
一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
43.需要说明的是，本公开所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于展示的数据、分析的数据等)，均为经用户授权或者经过各方充分授权的信息和数据。
44.附图中所示的方框图仅仅是功能实体，不一定必须与物理上独立的实体相对应。即，可以采用软件形式来实现这些功能实体，或在一个或多个软件硬化的模块中实现这些功能实体或功能实体的一部分，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
45.图1示出了可以应用本公开实施例的控件显示方法示例性系统架构的示意图。
46.如图1所示，系统架构1000可以包括终端设备1001、1002、1003中的一种或多种，网络1004和服务器1005。网络1004用以在终端设备1001、1002、1003和服务器1005之间提供通信链路的介质。网络1004可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
47.应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。比如服务器1005可以是多个服务器组成的服务器集群等。
48.用户可以使用终端设备1001、1002、1003通过网络1004与服务器1005交互，以接收或发送消息等。终端设备1001、1002、1003可以是具有显示屏的各种电子设备，包括但不限于智能手机、平板电脑、便携式计算机和台式计算机等等。另外，服务器1005可以是提供各种服务的服务器。
49.在一种实施例中，本公开的控件显示方法的执行主体可以是服务器1005，服务器1005可以获取由终端设备1001、1002、1003发送的视频的播放指令，并响应于针对视频的播放指令，在图形用户界面中播放视频，获取视频对应的跳转链接以及视频对应的卡片信息，在视频的播放过程中，在图形用户界面中显示第一控件与第二控件。此外，还可以通过终端设备1001、1002、1003等执行本公开的控件显示方法，以实现响应于针对视频的播放指令，在图形用户界面中播放视频，获取视频对应的跳转链接以及视频对应的卡片信息，在视频的播放过程中，在图形用户界面中显示第一控件与第二控件的过程。
50.此外，本公开控件显示方法实现过程还可以由终端设备1001、1002、1003和服务器1005共同实现。例如，终端设备1001、1002、1003可以响应于针对视频的播放指令，在图形用户界面中播放视频，获取视频对应的跳转链接以及视频对应的卡片信息，再将获取视频对应的跳转链接以及视频对应的卡片信息发送给服务器1005，以使服务器1005可以在视频的播放过程中，在图形用户界面中显示第一控件与第二控件。
51.随着互联网的快速发展，商家可以通过短视频展示、介绍、售卖视频中的商品。在一些场景中，可以为短视频配置商品链接，用户可以通过商品链接查看商品的详细内容。
52.然而，相关技术中仅为商品配置商品链接，在用户需要了解更多关于该商品的详细信息时，需要点击商品连接，等待页面跳转，从而查看商品的详情界面。此过程较为繁杂，提升了用户的操作频率，需要耗费用户较多的时间，且获取商品信息的效率较差。
53.图2是根据一示例性实施例示出的一种控件显示方法的流程图，如图2所示，控件
显示方法，包括以下步骤。
54.在步骤s210中，响应于针对视频的播放指令，在图形用户界面中播放视频；其中，视频用于介绍视频对应的视频主体；
55.在步骤s220中，获取视频对应的跳转链接以及视频对应的卡片信息；其中，视频对应的跳转链接用于从当前界面跳转至视频主体的详情界面，视频对应的卡片信息用于描述视频主体；
56.在步骤s230中，在视频的播放过程中，在图形用户界面中显示第一控件与第二控件；其中，第一控件用于承载视频对应的跳转链接，第二控件用于显示视频对应的卡片信息。
57.本公开的一种实施例提供的控件显示方法中，可以响应于针对视频的播放指令，在图形用户界面中播放视频，获取视频对应的跳转链接以及视频对应的卡片信息，在视频的播放过程中，在图形用户界面中显示第一控件与第二控件。一方面，可以在视频播放过程中通过第一控件与第二控件分别显示跳转链接以及卡片信息，用户可以在观看视频的过程中了解物品，提升了用户对于物品产生兴趣的可能性；另一方面，可以直接通过卡片信息了解到物品，简化了用户的操作，减少了用户的操作频率，节省了用户时间，从而提升了用户获取商品信息的效率。
58.下面，将结合图2及实施例对本示例性实施例中的控件显示方法的步骤s210～s230进行更详细的说明。
59.步骤s210，响应于针对视频的播放指令，在图形用户界面中播放视频；其中，视频用于介绍视频对应的视频主体；
60.在本公开的一种示例实施例中，可以响应于针对视频的播放指令，在图形用户界面中播放视频。其中，视频用于介绍视频对应的视频主体。具体的，针对视频的播放指令，可以由视频播放操作触发。举例而言，可以在图形用户界面中展示多个物品标识，可以通过针对物品标识的视频播放操作触发视频的播放指令，并响应于该播放指令，在图形用户界面中播放播放指令对应的视频。
61.或者，针对视频的播放指令，可以由系统自动触发。举例而言，在短视频应用程序中，当一个视频播放完成之后，可以自动播放下一个视频，即在一个视频播放完成之后，可以自动触发针对下一个视频的播放指令，以此播放下一个视频。
62.需要说明的是，本公开对于播放指令的具体形式以及触发播放指令的具体方式并不做特殊限定。
63.在本公开的一种示例实施例中，在接收到针对视频的播放指令之后，可以在图形用户界面中播放视频。具体的，可以在图形用户界面中以任意大小以及任意位置播放视频。举例而言，可以在图形用户界面的上半部分作为视频播放区域播放视频。
64.进一步的，在接收到针对视频的播放指令之后，可以根据视频的配置信息在图形用户界面中播放视频。具体的，视频的配置信息可以用于指示视频在图形用户界面中的播放区域。举例而言，视频的配置信息可以包括视频的分辨率；或者，视频的配置信息可以包括视频的长宽比例。
65.需要说明的是，本公开对于根据视频的配置信息在图形用户界面中播放视频的具体方式并不做特殊限定。
66.在本公开的一种示例实施例中，视频用于介绍视频对应的视频主体。具体的，视频对应的视频主体是指该视频所要介绍的物品、服务、虚拟物品等。举例而言，视频为介绍某一款服装的视频，此时，该视频对应的视频主体为该款服装；又如，视频为介绍某一款游戏的视频，此时，该视频对应的视频主体为该款游戏；再如，视频为介绍某一化妆品的视频，此时，该视频对应的视频主体为该化妆品。
67.需要说明的是，本公开对于视频对应的视频主体的具体类型并不做特殊限定。
68.步骤s220，获取视频对应的跳转链接以及视频对应的卡片信息；其中，视频对应的跳转链接用于从当前界面跳转至视频主体的详情界面，视频对应的卡片信息用于描述视频主体；
69.在本公开的一种示例实施例中，在通过上述步骤在图形用户界面中播放视频之后，可以获取视频对应的跳转链接以及视频对应的卡片信息。其中，视频对应的跳转链接用于从当前界面跳转至视频主体的详情界面，视频对应的卡片信息用于描述视频主体。具体的，可以通过简介信息描述视频主体，视频主体的详情界面可以包括图形用户界面对应的应用程序为物品配置的详情界面；或者，视频主体的详情界面可以包括其它应用程序为物品配置的详情界面，即通过视频对应的跳转链接，可以先打开其它应用程序，并在该应用程序中显示视频主体的详情界面。
70.需要说明的是，本公开对于视频主体的详情界面所展示的具体内容以及具体形式并不做特殊限定。
71.在本公开的一种示例实施例中，视频主体的卡片信息可以用于描述视频主体。举例而言，简介信息可以包括视频主体的价格、视频主体的形状、视频主体的品牌、视频主体的类型等。
72.需要说明的是，本公开对于简介信息的具体类型并不做特殊限定。
73.在本公开的一种示例实施例中，可以提前为视频配置视频对应的跳转链接以及视频对应的卡片信息，并将视频与视频对应的跳转链接以及视频对应的卡片信息进行关联，在需要获取视频对应的跳转链接以及视频对应的卡片信息时，可以根据播放的视频获取视频对应的跳转链接以及视频对应的卡片信息。
74.需要说明的是，本公开对于获取视频对应的跳转链接以及视频对应的卡片信息的具体方式并不做特殊限定。
75.步骤s230，在视频的播放过程中，在图形用户界面中显示第一控件与第二控件；第一控件用于承载视频对应的跳转链接，第二控件用于显示视频对应的卡片信息。
76.在本公开的一种示例实施例中，在通过上述步骤得到视频对应的跳转链接以及视频对应的卡片信息之后，可以在视频的播放过程中，在图形用户界面中显示第一控件与第二控件。其中，第一控件用于承载视频对应的跳转链接，第二控件用于显示视频对应的卡片信息。具体的，通过第一控件承载视频对应的跳转链接，可以在接收到针对第一控件的跳转操作时，从当前界面跳转至视频主体的详情界面。
77.在本公开的一种示例实施例中，可以在视频的播放过程中，在图形用户界面中显示第一控件与第二控件。具体的，可以在开始播放视频时，就显示第一控件与第二控件；或者，可以在视频播放一段时间之后，再显示第一控件与第二控件；或者，可以在视频播放一段时间之后，先显示第一控件，再经过一段时间之后，显示第二控件；或者，可以在视频播放
一段时间之后，先显示第二控件，再经过一段时间之后，显示第一控件。
78.需要说明的是，本公开对于在视频的播放过程中，在图形用户界面中显示第一控件与第二控件的具体方式并不做特殊限定。
79.在本公开的一种示例实施例中，可以在视频的播放过程中，在图形用户界面中显示第一控件与第二控件。具体的，可以在图形用户界面中的任意位置以任意大小显示第一控件与第二控件。举例而言，可以在图形用户界面中的左下角位置显示第一控件与第二控件；或者，图形用户界面中有部分区域用于播放视频，可以在其余部分区域显示第一控件与第二控件。
80.举例而言，如图3所示，可以在图形用户界面301中的左下角位置显示第一控件302与第二控件303。
81.需要说明的是，本公开对于第一控件与第二控件在图形用户界面中的显示位置并不做特殊限定。
82.通过本公开的实施例，可以将视频对应的跳转链接以及视频对应的卡片信息通过两个控件分别进行显示，能够减少对视频的遮挡面积，并减少控件显示或变化时的动态面积，能够提升图形用户界面的利用效率，从而提升用户的使用效率。
83.在本公开的一种示例实施例中，可以在视频开始播放且经过第一预设时间段后，在图形用户界面中显示第一控件，在图形用户界面中显示第一控件且经过第二预设时间段后，在图形用户界面中显示第二控件。参照图4所示，在图形用户界面中显示第一控件且经过第二预设时间段后，在图形用户界面中显示第二控件，可以包括以下步骤s410～s420：
84.步骤s410，在视频开始播放且经过第一预设时间段后，在图形用户界面中显示第一控件；
85.步骤s420，在图形用户界面中显示第一控件且经过第二预设时间段后，在图形用户界面中显示第二控件。
86.在本公开的一种示例实施例中，在通过上述步骤在图形用户界面中播放视频且得到视频对应的跳转链接以及视频对应的卡片信息之后，可以经过第一预设时间段后，在图形用户界面中显示第一控件，再经过第二预设时间段后，在图形用户界面中显示第二控件。具体的，在视频开始播放时，先不显示第一控件或者第二控件，在经过第一预设时间段之后，显示第一控件，再经过第二预设时间段后，显示第二控件。
87.如图5所示，可以在图形用户界面501中播放视频，在视频开始播放且经过第一预设时间段后，在图形用户界面中显示第一控件502，经过第二预设时间段后，在图形用户界面中显示第二控件503。
88.需要说明的是，本公开对于第一预设时间段与第二预设时间段的具体时长并不做特殊限定。
89.通过上述步骤s410～s420，可以在视频开始播放且经过第一预设时间段后，在图形用户界面中显示第一控件，在图形用户界面中显示第一控件且经过第二预设时间段后，在图形用户界面中显示第二控件。通过本公开的实施例，可以随着播放时间的增加依次显示第一控件与第二控件，播放时间增加，可以用于表示用户对于视频主体的兴趣增加，此时可以依次显示第一控件与第二控件，方便用户对视频主体进行更进一步的了解。
90.在本公开的一种示例实施例中，可以经过第三预设时间段后，将第一控件的背景
颜色调整为第一预设颜色。举例而言，在图形用户界面中显示第一控件的背景颜色为灰色，在经过第三预设时间段后，可以将第一控件的背景颜色调整为蓝色。需要说明的是，本公开对于将第一控件的背景颜色调整为第一预设颜色的具体方式并不做特殊限定。
91.在本公开的一种示例实施例中，可以经过第四预设时间段后，将第二控件的背景颜色调整为第二预设颜色。举例而言，在图形用户界面中显示第二控件的背景颜色为白色，在经过第四预设时间段后，可以将第二控件的背景颜色调整为绿色。需要说明的是，本公开对于将第二控件的背景颜色调整为第二预设颜色的具体方式并不做特殊限定。
92.进一步的，可以同时对第一控件的背景颜色与第二控件的背景颜色进行调整。其中，第一预设颜色可以与第二预设颜色相同，第一预设颜色也可以与第二预设颜色不同，第三预设时间段可以与第四预设时间段相同，第三预设时间段也可以与第四预设时间段不同。需要说明的是，本公开对于第一预设颜色与第二预设颜色的具体颜色，以及，第三预设时间段与第四预设时间段的具体时长并不做特殊限定。
93.在本公开的一种示例实施例中，可以获取视频对应的基调颜色，将第二控件的背景颜色设置为视频对应的基调颜色，将第二控件的背景颜色的透明度设置为第一预设透明度。参照图6所示，将第二控件的背景颜色设置为视频对应的基调颜色，将第二控件的背景颜色的透明度设置为第一预设透明度，可以包括以下步骤s610～s620：
94.步骤s610，获取视频对应的基调颜色；
95.在本公开的一种示例实施例中，可以获取视频对应的基调颜色。具体的，视频对应的基调颜色是指与视频风格相适应的颜色。举例而言，视频对应的视频风格为暖色风格，此时可以采用暖色颜色作为视频对应的基调颜色。具体的，可以为视频配置视频对应的基调颜色。
96.需要说明的是，本公开对于视频对应的基调颜色的确定方式以及获取视频对应的基调颜色的具体方式并不做特殊限定。
97.步骤s620，将第二控件的背景颜色设置为视频对应的基调颜色，将第二控件的背景颜色的透明度设置为第一预设透明度。
98.在本公开的一种示例实施例中，在通过上述步骤得到视频的基调颜色之后，可以将第二控件的背景颜色设置为视频对应的基调颜色。具体的，将第二控件的背景颜色设置为视频对应的基调颜色，可以使得第二控件更加沉浸，降低第二控件的视觉影响。
99.在本公开的一种示例实施例中，可以将第二控件的背景颜色的透明度设置为第一预设透明度。具体的，将第二控件的背景颜色的透明度设置为第一预设透明度，可以降低第二控件对于视频的遮挡，使得第二控件更加沉浸，用户可以更好的观看视频，降低第二控件的视觉影响。
100.举例而言，可以将第二控件的背景颜色的透明度设置为50％透明度。
101.需要说明的是，本公开对于第一预设透明度的具体数值并不做特殊限定。
102.通过上述步骤s610～s620，可以获取视频对应的基调颜色，将第二控件的背景颜色设置为视频对应的基调颜色，将第二控件的背景颜色的透明度设置为第一预设透明度。通过本公开的实施例，可以将第二控件的背景颜色设置为基调颜色，并对第二控件的背景颜色的透明度进行调整，以使得第二控件更加沉浸，从而减少或避免第二控件对于视频的遮挡，进而提升视频广告的转化率。
103.进一步的，可以获取视频对应的基调颜色，将第一控件的背景颜色设置为视频对应的基调颜色，将第一控件的背景颜色的透明度设置为第二预设透明度。其中，第一预设透明度可以与第二预设透明度相同，第一预设透明度也可以与第二预设透明度不同。
104.进一步的，可以将第一控件的背景颜色设置为视频对应的基调颜色，并将第二控件的背景颜色设置为视频对应的基调颜色，将第一控件的背景颜色的透明度设置为第二预设透明度，将第二控件的背景颜色的透明度设置为第一预设透明度。
105.在本公开的一种示例实施例中，可以在视频播放完成之后，在图形用户界面中显示整合展示控件，通过所述整合展示控件显示所述视频对应的跳转链接以及所述视频对应的卡片信息。参照图7所示，通过所述整合展示控件显示所述视频对应的跳转链接以及所述视频对应的卡片信息，可以包括以下步骤s710～s720：
106.步骤s710，在视频播放完成之后，在图形用户界面中显示整合展示控件；
107.步骤s720，通过所述整合展示控件显示所述视频对应的跳转链接以及所述视频对应的卡片信息。
108.在本公开的一种示例实施例中，可以通过上述步骤播放视频并显示第一控件与第二控件，在视频播放完成之后，在图形用户界面中显示整合展示控件，并通过所述整合展示控件显示所述视频对应的跳转链接以及所述视频对应的卡片信息。具体的，整合展示控件可以用于展示视频对应的跳转链接与视频主体对应的简介信息。可以在图形用户界面中的任意位置以任意大小显示整合展示控件。
109.举例而言，如图8所示，在视频播放完成之后，可以在图形用户界面中显示整合展示控件801(整合展示控件的大小与图形用户界面的大小相同)，并在整合展示控件中显示视频对应的跳转链接802，并通过整合展示控件801显示视频对应的卡片信息803。
110.通过上述步骤s710～s720，可以在视频播放完成之后，在图形用户界面中显示整合展示控件，通过所述整合展示控件显示所述视频对应的跳转链接以及所述视频对应的卡片信息。
111.在本公开的一种示例实施例中，第一控件与第二控件拼接显示。具体的，第一控件与第二控件拼接显示表示，第一控件的边缘与第二控件的边缘邻接。
112.如图9所示，第一控件901与第二控件902拼接显示。
113.进一步的，如图10所示，在进行拼接显示时，若第一控件1011与第二控件1012的邻接边的拐角为圆角，为了拼接显示的效果更好，可以将第一控件1013与第二控件1014的邻接边的拐角设置为方角。
114.本公开的一种实施例提供的控件显示方法中，可以响应于针对视频的播放指令，在图形用户界面中播放视频，获取视频对应的跳转链接以及视频对应的卡片信息，在视频的播放过程中，在图形用户界面中显示第一控件与第二控件。一方面，可以在视频播放过程中通过第一控件与第二控件分别显示跳转链接以及卡片信息，用户可以在观看视频的过程中了解物品，提升了用户对于物品产生兴趣的可能性；另一方面，可以直接通过卡片信息了解到物品，简化了用户的操作，减少了用户的操作频率，节省了用户时间，从而提升了用户获取商品信息的效率。
115.图11是根据一示例性实施例示出的一种控件显示装置框图。参照图11，该装置包括视频播放单元1110、信息获取单元1120和控件显示单元1130。
116.其中，视频播放单元，被配置为执行响应于针对视频的播放指令，在图形用户界面中播放视频；其中，视频用于介绍视频对应的视频主体；信息获取单元，被配置为执行获取视频对应的跳转链接以及视频对应的卡片信息；其中，视频对应的跳转链接用于从当前界面跳转至视频主体的详情界面，视频对应的卡片信息用于描述视频主体；控件显示单元，被配置为执行在视频的播放过程中，在图形用户界面中显示第一控件与第二控件；其中，其中，第一控件用于承载视频对应的跳转链接，第二控件用于显示视频对应的卡片信息
117.在本公开的一种示例性实施例中，基于前述方案，，在视频的播放过程中，在图形用户界面中显示第一控件与第二控件，装置还包括：第一预设时间段等待单元，被配置为执行在视频开始播放且经过第一预设时间段后，在图形用户界面中显示第一控件；第二预设时间段等待单元，被配置为执行在图形用户界面中显示第一控件且经过第二预设时间段后，在图形用户界面中显示第二控件。
118.在本公开的一种示例性实施例中，基于前述方案，在视频开始播放且经过第一预设时间段后，在图形用户界面中显示第一控件之后，装置还包括：第一预设颜色调整单元，被配置为执行经过第三预设时间段后，将第一控件的背景颜色调整为第一预设颜色。
119.在本公开的一种示例性实施例中，基于前述方案，在图形用户界面中显示第一控件且经过第二预设时间段后，在图形用户界面中显示第二控件之后，装置还包括：第二预设颜色调整单元，被配置为执行经过第四预设时间段后，将第二控件的背景颜色调整为第二预设颜色。
120.在本公开的一种示例性实施例中，基于前述方案，装置还包括：基调颜色获取单元，被配置为执行获取视频对应的基调颜色；透明度设置单元，被配置为执行将第二控件的背景颜色设置为视频对应的基调颜色，将第二控件的背景颜色的透明度设置为第一预设透明度。
121.在本公开的一种示例性实施例中，基于前述方案，在在图形用户界面中显示第一控件与第二控件之后，装置还包括：整合展示控件显示单元，被配置为执行在视频播放完成之后，在图形用户界面中显示整合展示控件；整合展示单元，被配置为执行通过所述整合展示控件显示所述视频对应的跳转链接以及所述视频对应的卡片信息。
122.在本公开的一种示例性实施例中，基于前述方案，第一控件与第二控件拼接显示。
123.关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。
124.下面参照图12来描述根据本公开的这种实施例的电子设备1200。图12显示的电子设备1200仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
125.如图12所示，电子设备1200以通用计算设备的形式表现。电子设备1200的组件可以包括但不限于：上述至少一个处理单元1210、上述至少一个存储单元1220、连接不同系统组件(包括存储单元1220和处理单元1210)的总线1230、显示单元1240。
126.其中，存储单元存储有程序代码，程序代码可以被处理单元1210执行，使得处理单元1210执行本说明书上述“示例性方法”部分中描述的根据本公开各种示例性实施例的步骤。例如，处理单元1210可以执行如图2中所示的步骤s210，响应于针对视频的播放指令，在图形用户界面中播放视频；其中，视频用于介绍视频对应的视频主体；步骤s220，获取视频对应的跳转链接以及视频对应的卡片信息；其中，视频对应的跳转链接用于从当前界面跳
转至视频主体的详情界面，视频对应的卡片信息用于描述视频主体；步骤s230，在视频的播放过程中，在图形用户界面中显示第一控件与第二控件；其中，第一控件用于承载视频对应的跳转链接，第二控件用于显示视频对应的卡片信息。
127.存储单元1220可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(ram)1221和/或高速缓存存储单元1222，还可以进一步包括只读存储单元(rom)1223。
128.存储单元1220还可以包括具有一组(至少一个)程序模块1225的程序/实用工具1224，这样的程序模块1225包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。
129.总线1230可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。
130.电子设备1200也可以与一个或多个外部设备1270(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备1200交互的设备通信，和/或与使得该电子设备1200能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(i/o)接口1250进行。并且，电子设备1200还可以通过网络适配器1260与一个或者多个网络(例如局域网(lan)，广域网(wan)和/或公共网络，例如因特网)通信。如图所示，网络适配器1260通过总线1230与电子设备1200的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备1200使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、raid系统、磁带驱动器以及数据备份存储系统等。
131.通过以上的实施例的描述，本领域的技术人员易于理解，这里描述的示例实施例可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施例的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是cd-rom，u盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开实施例的方法。
132.在示例性实施例中，还提供了一种包括指令的计算机可读存储介质，例如包括指令的存储器，上述指令可由装置的处理器执行以完成上述方法。可选地，计算机可读存储介质可以是rom、随机存取存储器(ram)、cd-rom、磁带、软盘和光数据存储设备等。
133.在示例性实施例中，还提供一种计算机程序产品，包括计算机程序/指令，计算机程序/指令被处理器执行时实现上述实施例中的控件显示方法。
134.本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本技术旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。
135.应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。