CN115967831B - 视频显示方法、装置、电子设备及存储介质 - Google Patents
视频显示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN115967831B CN115967831B CN202211338756.8A CN202211338756A CN115967831B CN 115967831 B CN115967831 B CN 115967831B CN 202211338756 A CN202211338756 A CN 202211338756A CN 115967831 B CN115967831 B CN 115967831B
- Authority
- CN
- China
- Prior art keywords
- window
- windows
- video
- frame
- displayed
- 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.)
- Active
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供了一种视频显示方法、装置、电子设备及存储介质,涉及视频技术领域。所述方法包括:在页面上显示至少一个视窗,视窗内播放有视频;控制破框元素在视窗之间移动使视窗内的视频联动显示,或者,控制视窗尺寸跟随指定操作实时变化以及视频画面尺寸实时匹配视窗尺寸;其中,所述破框元素在视窗之间的移动以超出视窗边界线的方式显示。依据本申请实施例,基于破框元素使视窗内的视频联动显示,提高视频播放的视觉感受,带来裸眼3D的视觉体验,或者基于视窗尺寸动态变化吸引用户的注意力,提升视频播放的趣味性。
Description
技术领域
本申请涉及视频技术领域,尤其涉及一种视频显示方法、装置、电子设备及存储介质。
背景技术
目前,信息流广告普遍采用静态图片或视频方式,在黄金位置的广告位,对目标人群进行投放。但是,用户对于这种常见的广告形式已逐渐形成免疫力,产生疲劳感,广告很容易被忽略,进而影响广告的点击率。
发明内容
本申请实施例提供一种视频显示方法、装置、电子设备及存储介质,以提高视频播放的视觉感受。
在第一方面,本申请实施例提供了一种视频显示方法,包括:
在页面上显示至少一个视窗,所述视窗内播放有视频;
控制破框元素在视窗之间移动使视窗内的视频联动显示,或者,控制视窗尺寸跟随指定操作实时变化以及视频画面尺寸实时匹配视窗尺寸;
其中,所述破框元素在视窗之间的移动以超出视窗边界线的方式显示。
在第二方面,本申请实施例提供了一种视频显示装置,包括:
显示模块,用于在页面上显示至少一个视窗,所述视窗内播放有视频;
控制模块,用于控制破框元素在视窗之间移动使视窗内的视频联动显示,或者,控制视窗尺寸跟随指定操作实时变化以及视频画面尺寸实时匹配视窗尺寸;
其中,所述破框元素在视窗之间的移动以超出视窗边界线的方式显示。
在第三方面,本申请实施例提供了一种电子设备,包括存储器、处理器及存储在存储器上的计算机程序,所述处理器在执行所述计算机程序时实现上述任一项所述的方法。
在第四方面,本申请实施例提供了一种计算机可读存储介质,所述计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现上述任一项所述的方法。
与现有技术相比,本申请具有如下优点:
在页面上显示至少一个视窗,控制破框元素在视窗之间移动使视窗内的视频联动显示,达到破框显示的效果,提高视频播放的视觉感受,带来裸眼3D的视觉体验;控制视窗尺寸跟随指定操作实时变化以及视频画面尺寸实时匹配视窗尺寸,尺寸动态变化更能吸引用户的注意力,提升视频播放的趣味性。
上述说明仅是本申请技术方案的概述,为了能够更清楚了解本申请的技术手段,可依照说明书的内容予以实施,并且为了让本申请的上述和其他目的、特征和优点能够更明显易懂,以下特举本申请的具体实施方式。
附图说明
在附图中,除非另外规定,否则贯穿多个附图相同的附图标记表示相同或相似的部件或元素。这些附图不一定是按照比例绘制的。应该理解,这些附图仅描绘了根据本申请的一些实施方式,而不应将其视为是对本申请范围的限制。
图1为本申请一实施例的视频显示方法的流程图;
图2为本申请另一实施例的视频显示方法的流程图;
图3是本申请另一实施例的单列视窗视频联动示意图;
图4是本申请另一实施例的视频显示方法的流程图;
图5是本申请另一实施例的双破框元素视频联动示意图;
图6是本申请另一实施例的视频显示方法的流程图;
图7是本申请另一实施例的双列视窗视频联动示意图;
图8是本申请另一实施例的视频显示方法的流程图;
图9是本申请另一实施例的视窗伸缩示意图;
图10是本申请另一实施例的多图层示意图;
图11是本申请一实施例的视频显示装置的结构框图;以及
图12为用来实现本申请实施例的电子设备的框图。
具体实施方式
在下文中,仅简单地描述了某些示例性实施例。正如本领域技术人员可认识到的那样,在不脱离本申请的构思或范围的情况下,可通过各种不同方式修改所描述的实施例。因此,附图和描述被认为本质上是示例性的,而非限制性的。
为便于理解本申请实施例的技术方案,以下对本申请实施例的相关技术进行说明。以下相关技术作为可选方案与本申请实施例的技术方案可以进行任意结合,其均属于本申请实施例的保护范围。
首先对本申请所涉及的名词进行解释。
信息流:是指发布的信息集合,可以包括多个信息,通常展示在页面上,用户可以浏览或选择需要的信息进行查看。其中,信息流内的信息包括但不限于静态图片、动态图片或视频等。
单列/双列信息流:是指信息流在页面上以单列或双列方式排版,单列是指一行只包括一条信息,双列是指一行包括两条信息。
视窗:也可以称为卡片,是指显示信息的窗口,通常一个视窗显示一条信息,视窗的大小视页面的大小而定。
破框元素:是指以超出视窗边界线的方式显示的元素。通常表现为视频播放内容中的某个相关元素以突破视窗边界线的方式显示,产生破框的效果,带来裸眼3D的视觉体验。
本申请实施例提供的视频显示方法,可以应用于任何电子设备中,包括但不限于:计算机、移动终端、平板电脑、笔记本电脑或服务器等。在电子设备的屏幕上,可以通过页面上的视窗来实现上述视频显示方法。具体的应用场景可以有多种,包括但不限于应用页面显示或网站页面显示等场景。例如,在手机的某个应用页面上,或在计算机的浏览器中浏览的某个网站页面上,执行上述视频显示方法,具体不限定。本申请实施例涉及的视频内容可以有多种类型,包括但不限于新闻、财经、体育、娱乐、电影、剧集或广告等。
本申请实施例提供了一种视频显示方法,如图1所示为本申请一实施例的视频显示方法流程图,该方法可以包括如下步骤S101至步骤S102。
在步骤S101,在页面上显示至少一个视窗,视窗内播放有视频。
其中,页面上的视窗可以为一个或多个。在一种实施方式下,页面上显示有包括第一视窗和第二视窗的至少两个视窗。示例性地,第一视窗和第二视窗可以为页面内左右相邻或上下相邻的两个视窗,本实施例具体不限定。另外,第一视窗和第二视窗的尺寸可以相同,也可以不同。一种实施方式下,可以采用尺寸相同的第一视窗和第二视窗,以使破框元素在两个视窗之间的移动能够平滑衔接,从而达到更好的视觉效果。
示例性地,可以在移动终端的显示屏幕上显示某个应用的页面,该页面上展示有多个视窗,且采用双列排版显示,即页面上有多行,每行包括两个视窗且左右排列。用户可以通过上滑和下滑操作来浏览各个视窗,从而找到需要查看的视频执行点击查看等操作。
在步骤S102,控制破框元素在视窗之间移动使视窗内的视频联动显示,或者,控制视窗尺寸跟随指定操作实时变化以及视频画面尺寸实时匹配视窗尺寸。
其中,页面上各个视窗内的视频可以为内容相关的视频,或者也可以为内容无关的视频。为了营造更好的视觉效果,可以选择内容具有一定相关性的至少两个视频分别显示在破框元素移动经过的视窗内。
上述指定操作可以为用户操作,包括多种类型,如滑动操作、点击操作、输入操作或缩放操作等,具体不限定。
上述视频画面尺寸实时匹配视窗尺寸是指视频画面覆盖视窗的所有面积。在实时动态匹配的过程中,视频画面中的内容随视窗尺寸变大而显现更多的画面,随视窗尺寸变小而显现更少的画面。其中,显现更多的画面可以理解为视频本来的画面由于视窗尺寸限制而未显现的部分,随动态调整而逐渐显现更多,在视窗尺寸最大时显现最大的画面,视觉上为被视窗遮挡在外的区域逐渐显现在视频画面中。显现更少的画面可以理解为视频画面随视窗尺寸变小而导致周边区域逐渐消失,无法显现在视窗内,视频画面保留的仅仅是与视窗面积一致的画面。值得一提的是,上述过程中,视频画面不会在动态匹配尺寸的过程中以比例缩放,而是视频画面中心区域始终在视窗中心区域显现,视频画面的边缘区域随动态匹配而显现更多或更少,整个播放过程中画面的播放比例不变,从而不会因为实时动态匹配而给用户观看视频的感受带来影响。
示例性地,以两个视窗内的视频联动显示为例进行说明。第一视窗内的第一视频为某个广告的宣传视频短片1,第二视窗内的第二视频为该广告的宣传视频短片2,二者具有一定的相关性,又不完全相同。在同步播放这两个视频的过程中,由于内容具有一定的相关性,且宣传的是同一个广告,从而能够达到更好的宣传效果,给用户带来丰富的视觉感受。
其中,破框元素在视窗之间的移动(包括破框元素的移出和移入)以超出视窗边界线的方式显示。破框元素可以为与视频内容有关的一个对象,如视频中的主体物等。该对象可以单独进行显示,且配合视窗内视频的播放,营造立体三维视频播放的效果。示例性地,视频内容为手机相关信息展示的视频,破框元素可以为某个具体型号的手机,且以超出视窗边界线的方式在两个视窗之间移出移入显示,从而达到两个视窗内的两个视频联动显示的效果。
在一种实施方式下,上述控制破框元素在视窗之间移动使视窗内的视频联动显示,可以包括:控制破框元素由第一视窗移出并移入第二视窗,使第一视频和第二视频联动显示;或者,控制破框元素由第二视窗移出并移入第一视窗,使第一视频和第二视频联动显示;其中,第一视窗内播放有第一视频,第二视窗内播放有第二视频。
在一种实施方式下,上述方法还可以包括:
在控制破框元素在视窗之间移动之后,控制破框元素移出当前所在视窗或移出页面;和/或,在控制破框元素在视窗之间移动之前,控制破框元素由页面外移入当前所在视窗。
在一种实施方式下,控制破框元素在视窗之间移动使视窗内的视频联动显示,可以包括:在两个视窗的全部尺寸均显示在页面上的情况下,控制破框元素在第一时长内由一个视窗移出并在第二时长内移入另一个视窗,使两个视窗内的视频联动显示。其中,第一时长和第二时长的总和小于等于两个视窗内任一视频的总时长。
在一种实施方式下,上述方法还可以包括:
在破框元素由第一视窗移出并移入第二视窗的情况下,控制另一个破框元素由第二视窗移出并移入第一视窗;或,在破框元素由第二视窗移出并移入第一视窗的情况下,控制另一个破框元素由第一视窗移出并移入第二视窗。
在一种实施方式下,上述方法还可以包括:
在破框元素超出视窗边界线且存在用户操作的情况下,控制破框元素的显示和用户操作的响应以并行方式各自独立执行。
在一种实施方式下,上述方法还可以包括:
对破框元素移动过程中的任一个视窗,控制视窗尺寸跟随指定操作实时变化以及视频画面尺寸实时匹配视窗尺寸。
本实施例提供的上述方法,在页面上显示至少一个视窗,控制破框元素在视窗之间移动使视窗内的视频联动显示,达到破框显示的效果,提高视频播放的视觉感受,带来裸眼3D的视觉体验。一方面,破框元素的移出和移入显示的是一种破框形式的动画播放效果,即在视觉上给用户带来的是破框元素由一个视窗飞出并且飞入另一个视窗的感受,能够达到裸眼3D的效果,刺激感官,强势吸睛,凸显创意,具有更大的创意发挥空间,吸引用户的注意力,使用户高沉浸度体验,在视觉和心理层面都带来更具有冲击力的立体感知,极大地增强视频播放的完成率及点击率,提高视频的播放效果。在广告应用场景下,破框元素可以降低对用户的干扰,不感兴趣的视频用户可以通过滑动操作翻阅浏览,无需等待广告时长,或者关闭广告的动作,对用户的体验更加友好。基于破框元素的视频联动,突破了破框广告的形式,破框元素联动左右或上下相邻的视窗,让破框更生动,更深层次的提升了破框广告的创意,为广告品牌的曝光带来更高质量的注意力,以及降低用户对营销的抵触。另一方面,控制视窗尺寸跟随指定操作实时变化以及视频画面尺寸实时匹配视窗尺寸,尺寸动态变化更能吸引用户的注意力,提升视频播放的趣味性,引发用户互动。
本申请另一实施例提供了一种视频显示方法,如图2所示为本申请另一实施例的视频显示方法流程图,该方法可以包括如下步骤S201至步骤S205。
在步骤S201,在页面上显示第一视窗和第二视窗。
在步骤S202,在第一视窗内播放第一视频以及在第二视窗内播放第二视频。
在步骤S203,控制破框元素由页面外移入第一视窗。
在步骤S204,控制破框元素移出第一视窗并移入第二视窗,使第一视频和第二视频联动显示。
在步骤S205,控制破框元素在第二视窗内继续移动直至移出第二视窗或移出页面。
上述方法中,破框元素的移出和移入均以超出视窗边界线的方式显示。
在一种实施方式下,上述步骤S203-S205可以由以下步骤来替换:控制破框元素由页面外移入第二视窗,再控制破框元素移出第二视窗并移入第一视窗,使第一视频和第二视频联动显示,然后控制破框元素在第一视窗内继续移动直至移出第一视窗或移出页面。
图3为本申请一实施例的单列视窗视频联动示意图。如图3所示,页面上以单列排版方式显示有第一视窗和第二视窗。图3a示意的是破框元素由页面之外移入第一视窗的效果,图3b示意的是破框元素由第一视窗移出的效果,图3c示意的是破框元素由第一视窗移出后再移入第二视窗的效果。三个图衔接起来显示的就是破框元素由页面外移入第一视窗,然后移出第一视窗后再移入第二视窗的联动效果。上述过程为一个动态显示的过程,与第一视窗和第二视窗内的视频为同步播放。其中,破框元素在显示过程中其尺寸大小是可以动态变化的,如尺寸由大至小变化展示出破框元素由近至远的移动效果,尺寸由小至大变化展示出破框元素由远至近的移动效果。
本申请另一实施例提供了一种视频显示方法,如图4所示为本申请另一实施例的视频显示方法流程图,该方法可以包括如下步骤S401至步骤S403。
在步骤S401,在页面上显示第一视窗和第二视窗。
在步骤S402,在第一视窗内播放第一视频以及在第二视窗内播放第二视频。
在步骤S403,控制第一破框元素由第一视窗移出并移入第二视窗,控制第二破框元素由第二视窗移出并移入第一视窗,使第一视频和第二视频联动显示。
其中,第一破框元素和第二破框元素的移出和移入均以超出视窗边界线的方式显示。另外,第一破框元素和第二破框元素可以为相同的元素,也可以为不同的元素。在二者为不同的元素的情况下,可以为相关的元素。具体地,第一破框元素可以为与第一视频有关的元素,第二破框元素可以为与第二视频有关的元素,或者第一破框元素和第二破框元素均为既与第一视频有关又与第二视频有关的元素,本实施例对此不做具体限定。
图5为本申请一实施例的双破框元素视频联动示意图。如图5所示,页面上以双列排版方式显示有两行视窗,每行包括左右两个相邻的视窗。其中,左列上方为第一视窗,左列下方为第二视窗。图中包括两个破框元素:第一破框元素和第二破框元素。在第一视窗显示第一视频以及第二视窗显示第二视频的过程中,控制第一破框元素由第一视窗移出并移入第二视窗,控制第二破框元素由第二视窗移出并移入第一视窗。其中,第一破框元素和第二破框元素可以为相同的元素,也可以为不同的元素。两个破框元素同时展示移入移出的过程,形成了双视窗双破框元素共同联动的效果,突破视窗边界的方式打造了裸眼3D的视觉体验,给用户在视觉和心理层面都带来更具有冲击力的立体感知。
本申请另一实施例提供了一种视频显示方法,如图6所示为本申请另一实施例的视频显示方法流程图,该方法可以包括如下步骤S601至步骤S603。
在步骤S601,在页面上显示至少两个视窗。
在步骤S602,在每个视窗内播放对应的视频。
在步骤S603,在上述两个视窗的全部尺寸均显示在页面上的情况下,控制破框元素在第一时长内由一个视窗移出并在第二时长内移入另一个视窗,使两个视窗内的视频联动显示。
其中,上述两个视窗随着指定操作会逐渐显露在页面上,该过程由视窗部分显示逐渐过渡至视窗完全显示即全部尺寸都显示在页面上。示例性地,以第一视窗和第二视窗为例进行说明。第一视窗和第二视窗为上下相邻的两个视窗,上滑操作会触发页面上的视窗向上方滚动显示,逐渐显露出视窗列表中的各个视窗。由于破框元素是基于两个视窗联动显示,因此,为了达到更佳的显示效果,在第一视窗和第二视窗全部尺寸均显示在页面上后,控制破框元素出现,以避免由于视窗显示不完整影响破框元素的动画效果。
本实施例中的破框元素的移出和移入以超出视窗边界线的方式显示。具体地,破框元素在移出一个视窗时,破框元素由部分区域位于该视窗的边界线之外直至全部区域位于视窗边界线之外,从而完成移出的动作。破框元素在移入一个视窗时,破框元素由部分区域位于该视窗之内直至全部区域均位于视窗之内,从而完成移入的动作。
在一种实施方式下,上述第一时长和第二时长可以根据需要设定具体数值,满足如下条件即可:第一时长和第二时长的总和小于等于上述两个视窗内任一视频的总时长。示例性地,以第一视窗播放第一视频以及第二视窗播放第二视频为例进行说明。第一视频和第二视频的总时长相同,可以选择该总时长内靠前的一段时间来划分第一时长和第二时长,从而能够达到尽快吸引用户的注意力,避免用户过早关闭视频或切换到其他视频的操作发生,提升视频播放的完成率。例如,第一视频和第二视频总时长均为15s,选择0~3s为第一时长,4~6s为第二时长,从而用6s的时间完成破框元素的动画展示。
图7为本申请一实施例的双列视窗视频联动示意图。如图7所示,页面上以双列排版方式显示有两行视窗,每行包括左右两个相邻的视窗。其中,第一行左侧的视窗为第一视窗,右侧的视窗为第二视窗。图7a示意的是破框元素由页面之外移入第一视窗的效果,图7b示意的是破框元素继续移动由第一视窗移出并移入第二视窗的效果。其中,破框元素在0~t1时刻由页面外移入第一视窗并且移出第一视窗,从t1时刻开始破框元素移入第二视窗至t2时刻完全移入第二视窗。该0~t1对应第一时长,t1~t2对应第二时长,经历第一时长和第二时长后完成破框元素由页面外先移入第一视窗再移入第二视窗的整个过程。该过程形成了双视窗共同联动的效果,突破视窗边界的方式打造了裸眼3D的视觉体验,给用户在视觉和心理层面都带来更具有冲击力的立体感知。
本申请中,上述任一实施例提供的方法还可以包括:在破框元素超出视窗边界线且存在用户操作的情况下,控制破框元素的显示和用户操作的响应以并行方式各自独立执行。
其中,上述并行方式各自独立执行是指破框元素的显示和用户操作的响应互不影响,二者同步进行,不会造成互相干扰。用户操作可以有多种,包括但不限于:滑动操作、点击操作、缩放操作、输入文字操作、添加图片或表情等操作。点击操作可以包括单击或双击操作,滑动操作的方向也可以包括向上、向下、向左或向右等。
在一种实施方式下,对用户操作的响应可以在视频所在的视频素材层上执行,对破框元素的显示可以在一个透明层上执行,透明层位于视频素材层上方,除破框元素以外的区域不会遮挡下方视频的播放。对用户而言,视频素材层和透明层用户均无法感知,视觉上破框元素和视频就是浑然一体的播放画面。在播放过程中,无论用户操作落在页面的何处位置,均由视频素材层进行响应,从而保证了互不干扰。
例如,页面上播放破框元素的移动,同时用户在页面上执行滑动操作,进行触发视窗列表滚动显示,此时破框元素的移动并不会阻断用户的滑动操作以及视窗列表的滚动显示。再如,页面上两个视窗基于破框元素联动显示视频,用户在文本框中执行点赞操作或输入文字评论,用户的操作也不会受破框元素在两个视窗之间移动显示的影响,二者并行执行互相独立,不受干扰。
上述控制破框元素的显示和用户操作的响应以并行方式各自独立执行,即使破框元素的破框显示与用户操作发生在同一时刻,该破框显示也不会阻断用户的行为,更不会影响对用户操作的响应,从而使用户干扰降到了最低程度,极大提升了用户体验。
本申请实施例中,改变视窗的尺寸包括使视窗的尺寸变大或者使视窗的尺寸变小,具体可以通过伸展视窗或收缩视窗来实现。当视窗的尺寸变大时视窗显示的视频面积也随之变大,当视窗的尺寸变小时视窗显示的视频面积也随之变小。
本申请另一实施例提供了一种视频显示方法,如图8所示为本申请另一实施例的视频显示方法流程图,该方法可以包括如下步骤S801-S802。
在步骤S801,对页面上显示的当前视窗,响应于第一方向的滑动操作,沿第二方向伸展当前视窗,控制当前视窗内的视频显示面积随伸展而增加。
在一种实施方式下,当前视窗沿第二方向伸展的最大尺寸可以为两个视窗的尺寸,即若当前视窗伸展至两个视窗的尺寸时则停止伸展。
在步骤S802,响应于第二方向的滑动操作,沿第一方向收缩当前视窗,控制当前视窗内的视频显示面积随收缩而减小。
其中,当前视窗可以为页面上的任一视窗,包括破框元素所在的视窗或非破框元素所在的视窗。第一方向和第二方向相反且均为页面上的视窗列表中视窗的滑动方向。示例性地,第一方向可以为向上,第二方向可以为向下,或者反之,具体不限定。
在一种实施方式下,当前视窗沿第一方向收缩的最小尺寸可以为一个视窗的尺寸,即若当前视窗收缩至一个视窗的尺寸时则停止收缩。
图9为本申请一实施例的视窗伸缩示意图。如图9所示,页面上以双列排版方式显示有多行视窗,每行包括左右两个相邻的视窗。其中,第三行左侧为视窗E,右侧为视窗F即当前视窗,视窗F下方相邻的是视窗G。图9a示意的是当前视窗F的原始尺寸大小。图9b示意的是视窗伸展的效果,响应于向上滑动操作,沿向下方向伸展视窗F使视窗面积变大,直至两个视窗的尺寸时停止伸展。由图可以看出,当前视窗伸展后宽度不变,高度为两个视窗的高度及二者空隙的总和,此时当前视窗F的面积最大。图9c示意的是当前视窗F收缩的效果,响应于向下滑动操作,沿向上方向收缩视窗F使视窗面积变小,相应地下侧相邻的视窗G也随之位置进行调整。该收缩操作直至视窗F的尺寸恢复原始尺寸大小为止(图中未示出),从而保证各个视窗的位置对齐,版面风格统一,达到最佳的显示效果。
本申请实施例中的触发视窗伸缩至面积变化的方式,随用户浏览信息流的滑动操作视窗逐渐展开,面积变大后可以承载更多的信息量,可读性变高,动态伸缩更能吸引用户的注意力,从而能够提升视频的趣味性,引发用户互动。对于视频广告的应用场景,这种创意和互动相结合的方式,在承载更多广告信息量的同时,提升了广告的趣味性,为品牌带来更优质的曝光,提升了用户对广告的好感度,引发用户的互动意图,从而带来更高的广告点击率,为平台的信息流广告带来更多溢价空间以及行业影响力。
本申请中,上述任一个实施例中涉及的第一视频和第二视频可以显示在视频素材层上,涉及的破框元素可以显示在透明层上,且透明层可以位于视频素材层的上方。
图10为本申请一实施例的多图层示意图。如图10所示,包括视窗和视频的页面位于视频素材层上,破框元素位于透明层上,透明层位于视频素材层上方,从而可以得到两个图层叠加的效果。基于透明层显示破框元素,能够充分展示出破框元素在不同视窗之间移动穿梭的效果,在视觉上实现了视窗之间视频联动的效果,提高了用户的视觉感受。
与本申请实施例提供的方法的应用场景以及方法相对应地,本申请实施例还提供一种视频显示装置。如图11所示为本申请一实施例的视频显示装置的结构框图,该装置可以包括:
显示模块1101,用于在页面上显示至少一个视窗,视窗内播放有视频;
控制模块1102,用于控制破框元素在视窗之间移动使视窗内的视频联动显示,或者,控制视窗尺寸跟随指定操作实时变化以及视频画面尺寸实时匹配视窗尺寸;
其中,破框元素在视窗之间的运动以超出视窗边界线的方式显示。
在一种实施方式下,控制模块1102还用于:在控制破框元素在视窗之间移动之后,控制破框元素移出当前所在视窗或移出页面;和/或,在控制破框元素在视窗之间移动之前,控制破框元素由页面外移入当前所在视窗。
在一种实施方式下,控制模块1102具体用于:在两个视窗的全部尺寸均显示在页面上的情况下,控制破框元素在第一时长内由一个视窗移出并在第二时长内移入另一个视窗,使两个视窗内的视频联动显示;其中,第一时长和第二时长的总和小于等于两个视窗内任一视频的总时长。
在一种实施方式下,控制模块1102还用于:在破框元素由第一视窗移出并移入第二视窗的情况下,控制另一个破框元素由第二视窗移出并移入第一视窗;或,在破框元素由第二视窗移出并移入第一视窗的情况下,控制另一个破框元素由第一视窗移出并移入第二视窗。
在一种实施方式下,上述控制模块1102还用于在所述破框元素超出视窗边界线且存在用户操作的情况下,控制所述破框元素的显示和用户操作的响应以并行方式各自独立执行。
在一种实施方式下,上述控制模块1102还用于对破框元素移动过程中的任一个视窗,控制视窗尺寸跟随指定操作实时变化以及视频画面尺寸实时匹配视窗尺寸。
在一种实施方式下,上述控制模块1102用于:响应于第一方向的滑动操作,沿第二方向伸展视窗,控制视窗内的视频显示面积随伸展而增加;和/或,响应于第二方向的滑动操作,沿第一方向收缩视窗,控制视窗内的视频显示面积随收缩而减小;其中,第一方向和第二方向相反且均为页面上的视窗列表中视窗的滑动方向。
在一种实施方式下,上述视窗沿第二方向伸展的最大尺寸为两个视窗的尺寸,上述视窗沿第一方向收缩的最小尺寸为一个视窗的尺寸。
在一种实施方式下,视频显示在视频素材层上,破框元素显示在透明层上,透明层位于视频素材层的上方。
在一种实施方式下,破框元素移动经过的视窗至少包括页面内左右相邻或上下相邻的两个视窗。
本申请实施例各装置中的各模块的功能可以参见上述方法中的对应描述,并具备相应的有益效果,在此不再赘述。
本实施例提供的上述装置,在页面上显示至少一个视窗,控制破框元素在视窗之间移动使视窗内的视频联动显示,达到破框显示的效果,提高视频播放的视觉感受,带来裸眼3D的视觉体验。破框元素的移出和移入显示的是一种破框形式的动画播放效果,即在视觉上给用户带来的是破框元素由一个视窗飞出并且飞入另一个视窗的感受,能够达到裸眼3D的效果,刺激感官,强势吸睛,凸显创意,具有更大的创意发挥空间,吸引用户的注意力,使用户高沉浸度体验,在视觉和心理层面都带来更具有冲击力的立体感知,极大地增强视频播放的完成率及点击率,提高视频的播放效果。控制视窗尺寸跟随指定操作实时变化以及视频画面尺寸实时匹配视窗尺寸,尺寸动态变化更能吸引用户的注意力,提升视频播放的趣味性。
图12为用来实现本申请实施例的电子设备的框图。如图12所示,该电子设备包括:存储器1210和处理器1220,存储器1210内存储有可在处理器1220上运行的计算机程序。处理器1220执行该计算机程序时实现上述实施例中的方法。存储器1210和处理器1220的数量可以为一个或多个。
该电子设备还包括:
通信接口1230,用于与外界设备进行通信,进行数据交互传输。
如果存储器1210、处理器1220和通信接口1230独立实现,则存储器1210、处理器1220和通信接口1230可以通过总线相互连接并完成相互间的通信。该总线可以是工业标准体系结构(Industry Standard Architecture,ISA)总线、外部设备互连(PeripheralComponent Interconnect,PCI)总线或扩展工业标准体系结构(Extended IndustryStandard Architecture,EISA)总线等。该总线可以分为地址总线、数据总线、控制总线等。为便于表示,图12中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
可选的,在具体实现上,如果存储器1210、处理器1220及通信接口1230集成在一块芯片上,则存储器1210、处理器1220及通信接口1230可以通过内部接口完成相互间的通信。
本申请实施例提供了一种计算机可读存储介质,其存储有计算机程序,该程序被处理器执行时实现本申请实施例中提供的方法。
本申请实施例还提供了一种芯片,该芯片包括处理器,用于从存储器中调用并运行存储器中存储的指令,使得安装有芯片的通信设备执行本申请实施例提供的方法。
本申请实施例还提供了一种芯片,包括:输入接口、输出接口、处理器和存储器,输入接口、输出接口、处理器以及存储器之间通过内部连接通路相连,处理器用于执行存储器中的代码,当代码被执行时,处理器用于执行申请实施例提供的方法。
应理解的是,上述处理器可以是中央处理器(Central Processing Unit,CPU),还可以是其他通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(FieldProgrammable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者是任何常规的处理器等。值得说明的是,处理器可以是支持进阶精简指令集机器(Advanced RISC Machines,ARM)架构的处理器。
进一步地,可选的,上述存储器可以包括只读存储器和随机访问存储器。该存储器可以是易失性存储器或非易失性存储器,或可包括易失性和非易失性存储器两者。其中,非易失性存储器可以包括只读存储器(Read-Only Memory,ROM)、可编程只读存储器(Programmable ROM,PROM)、可擦除可编程只读存储器(Erasable PROM,EPROM)、电可擦除可编程只读存储器(Electrically EPROM,EEPROM)或闪存。易失性存储器可以包括随机访问存储器(Random Access Memory,RAM),其用作外部高速缓存。通过示例性但不是限制性说明,许多形式的RAM均可用。例如,静态随机访问存储器(Static RAM,SRAM)、动态随机访问存储器(Dynamic Random Access Memory,DRAM)、同步动态随机访问存储器(Synchronous DRAM,SDRAM)、双倍数据速率同步动态随机访问存储器(Double Data RateSDRAM,DDR SDRAM)、增强型同步动态随机访问存储器(Enhanced SDRAM,ESDRAM)、同步链接动态随机访问存储器(Sync link DRAM,SLDRAM)和直接内存总线随机访问存储器(DirectRambus RAM,DR RAM)。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行计算机程序指令时,全部或部分地产生依照本申请的流程或功能。计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输。
在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包括于本申请的至少一个实施例或示例中。而且,描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外,在不相互矛盾的情况下,本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。
此外,术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或隐含地包括至少一个该特征。在本申请的描述中,“多个”的含义是两个或两个以上,除非另有明确具体的限定。
流程图中描述的或在此以其他方式描述的任何过程或方法可以被理解为,表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分。并且本申请的优选实施方式的范围包括另外的实现,其中可以不按所示出或讨论的顺序,包括根据所涉及的功能按基本同时的方式或按相反的顺序,来执行功能。
在流程图中描述的或在此以其他方式描述的逻辑和/或步骤,例如,可以被认为是用于实现逻辑功能的可执行指令的定序列表,可以具体实现在任何计算机可读介质中,以供指令执行***、装置或设备(如基于计算机的***、包括处理器的***或其他可以从指令执行***、装置或设备取指令并执行指令的***)使用,或结合这些指令执行***、装置或设备而使用。
应理解的是,本申请的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中,多个步骤或方法可以用存储在存储器中且由合适的指令执行***执行的软件或固件来实现。上述实施例方法的全部或部分步骤是可以通过程序来指令相关的硬件完成,该程序可以存储于一种计算机可读存储介质中,该程序在执行时,包括方法实施例的步骤之一或其组合。
此外,在本申请各个实施例中的各功能单元可以集成在一个处理模块中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。上述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时,也可以存储在一个计算机可读存储介质中。该存储介质可以是只读存储器,磁盘或光盘等。
以上所述,仅为本申请的示例性实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请记载的技术范围内,可轻易想到其各种变化或替换,这些都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应以权利要求的保护范围为准。
Claims (12)
1.一种视频显示方法,其特征在于,所述方法包括:
在页面上显示至少一个视窗,所述视窗内播放有视频;
控制破框元素在视窗之间移动使视窗内的视频联动显示,并且对所述破框元素移动过程中的任一个视窗,控制视窗尺寸跟随指定操作实时变化以及视频画面尺寸实时匹配视窗尺寸,其中视频画面尺寸实时匹配视窗尺寸是指视频画面中的内容随视窗尺寸的变化而变化;
其中,所述破框元素在视窗之间的移动以超出视窗边界线的方式显示。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在控制所述破框元素在视窗之间移动之后,控制所述破框元素移出当前所在视窗或移出所述页面;和/或,
在控制所述破框元素在视窗之间移动之前,控制所述破框元素由所述页面外移入当前所在视窗。
3.根据权利要求1所述的方法,其特征在于,所述控制破框元素在视窗之间移动使视窗内的视频联动显示,包括:
在两个视窗的全部尺寸均显示在所述页面上的情况下,控制破框元素在第一时长内由一个视窗移出并在第二时长内移入另一个视窗,使所述两个视窗内的视频联动显示;
其中,所述第一时长和第二时长的总和小于等于所述两个视窗内任一视频的总时长。
4.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在所述破框元素由第一视窗移出并移入第二视窗的情况下,控制另一个破框元素由所述第二视窗移出并移入所述第一视窗;或,
在所述破框元素由所述第二视窗移出并移入所述第一视窗的情况下,控制另一个破框元素由所述第一视窗移出并移入所述第二视窗。
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在所述破框元素超出视窗边界线且存在用户操作的情况下,控制所述破框元素的显示和用户操作的响应以并行方式各自独立执行。
6.根据权利要求1所述的方法,其特征在于,所述控制视窗尺寸跟随指定操作实时变化以及视频画面尺寸实时匹配视窗尺寸,包括:
响应于第一方向的滑动操作,沿第二方向伸展视窗,控制所述视窗内的视频显示面积随所述伸展而增加;和/或,
响应于所述第二方向的滑动操作,沿所述第一方向收缩所述视窗,控制所述视窗内的视频显示面积随所述收缩而减小;
其中,所述第一方向和第二方向相反且均为所述页面上的视窗列表中视窗的滑动方向。
7.根据权利要求6所述的方法,其特征在于,所述视窗沿所述第二方向伸展的最大尺寸为两个视窗的尺寸,所述视窗沿所述第一方向收缩的最小尺寸为一个视窗的尺寸。
8.根据权利要求1所述的方法,其特征在于,所述视频显示在视频素材层上,所述破框元素显示在透明层上,所述透明层位于所述视频素材层的上方。
9.根据权利要求1所述的方法,其特征在于,所述破框元素移动经过的视窗至少包括所述页面内左右相邻或上下相邻的两个视窗。
10.一种视频显示装置,其特征在于,所述装置包括:
显示模块,用于在页面上显示至少一个视窗,所述视窗内播放有视频;
控制模块,用于控制破框元素在视窗之间移动使视窗内的视频联动显示,并且对所述破框元素移动过程中的任一个视窗,控制视窗尺寸跟随指定操作实时变化以及视频画面尺寸实时匹配视窗尺寸,其中视频画面尺寸实时匹配视窗尺寸是指视频画面中的内容随视窗尺寸的变化而变化;
其中,所述破框元素在视窗之间的移动以超出视窗边界线的方式显示。
11.一种电子设备,包括存储器、处理器及存储在存储器上的计算机程序,所述处理器在执行所述计算机程序时实现权利要求1-9中任一项所述的方法。
12.一种计算机可读存储介质,所述计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现权利要求1-9中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211338756.8A CN115967831B (zh) | 2022-10-28 | 2022-10-28 | 视频显示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211338756.8A CN115967831B (zh) | 2022-10-28 | 2022-10-28 | 视频显示方法、装置、电子设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN115967831A CN115967831A (zh) | 2023-04-14 |
CN115967831B true CN115967831B (zh) | 2023-08-22 |
Family
ID=87360867
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211338756.8A Active CN115967831B (zh) | 2022-10-28 | 2022-10-28 | 视频显示方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115967831B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116389817A (zh) * | 2023-04-18 | 2023-07-04 | 北京优酷科技有限公司 | 一种数据展示方法、装置、电子设备及计算机存储介质 |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106575203A (zh) * | 2014-08-12 | 2017-04-19 | 微软技术许可有限责任公司 | 与再现的内容的基于悬停的交互 |
CN106683152A (zh) * | 2016-11-16 | 2017-05-17 | 腾讯科技(深圳)有限公司 | 三维视觉效果模拟方法及装置 |
CN106802759A (zh) * | 2016-12-21 | 2017-06-06 | 华为技术有限公司 | 视频播放的方法及终端设备 |
CN112055247A (zh) * | 2020-09-11 | 2020-12-08 | 北京爱奇艺科技有限公司 | 一种视频播放方法、装置、***及存储介质 |
CN114416227A (zh) * | 2021-11-16 | 2022-04-29 | 华为技术有限公司 | 窗口切换方法、电子设备及可读存储介质 |
WO2022111569A1 (zh) * | 2020-11-25 | 2022-06-02 | 北京有竹居网络技术有限公司 | 页面切换显示方法、装置、存储介质及电子设备 |
CN114579223A (zh) * | 2020-12-02 | 2022-06-03 | 华为技术有限公司 | 一种界面布局方法、电子设备和计算机可读存储介质 |
CN114866860A (zh) * | 2021-01-20 | 2022-08-05 | 华为技术有限公司 | 一种播放视频的方法及电子设备 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140279025A1 (en) * | 2013-03-14 | 2014-09-18 | Celtra Inc. | Methods and apparatus for display of mobile advertising content |
US20150304698A1 (en) * | 2014-04-21 | 2015-10-22 | Eyesee, Lda | Dynamic Interactive Advertisement Insertion |
US9852759B2 (en) * | 2014-10-25 | 2017-12-26 | Yieldmo, Inc. | Methods for serving interactive content to a user |
US11244103B2 (en) * | 2014-10-25 | 2022-02-08 | Yieldmo, Inc. | System and method for serving interactive advertising content with responsive animations |
-
2022
- 2022-10-28 CN CN202211338756.8A patent/CN115967831B/zh active Active
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106575203A (zh) * | 2014-08-12 | 2017-04-19 | 微软技术许可有限责任公司 | 与再现的内容的基于悬停的交互 |
CN106683152A (zh) * | 2016-11-16 | 2017-05-17 | 腾讯科技(深圳)有限公司 | 三维视觉效果模拟方法及装置 |
CN106802759A (zh) * | 2016-12-21 | 2017-06-06 | 华为技术有限公司 | 视频播放的方法及终端设备 |
CN112055247A (zh) * | 2020-09-11 | 2020-12-08 | 北京爱奇艺科技有限公司 | 一种视频播放方法、装置、***及存储介质 |
WO2022111569A1 (zh) * | 2020-11-25 | 2022-06-02 | 北京有竹居网络技术有限公司 | 页面切换显示方法、装置、存储介质及电子设备 |
CN114579223A (zh) * | 2020-12-02 | 2022-06-03 | 华为技术有限公司 | 一种界面布局方法、电子设备和计算机可读存储介质 |
CN114866860A (zh) * | 2021-01-20 | 2022-08-05 | 华为技术有限公司 | 一种播放视频的方法及电子设备 |
CN114416227A (zh) * | 2021-11-16 | 2022-04-29 | 华为技术有限公司 | 窗口切换方法、电子设备及可读存储介质 |
Non-Patent Citations (1)
Title |
---|
《液晶与显示》2009年和2010年刊登的主要论文题名;液晶与显示(第04期) * |
Also Published As
Publication number | Publication date |
---|---|
CN115967831A (zh) | 2023-04-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11218776B2 (en) | Method for pushing video information, apparatus, device and storage medium | |
CN106156066B (zh) | 一种页面切换方法、装置及客户端 | |
US20170220220A1 (en) | Advertisement generation apparatus and terminal device | |
US20150304698A1 (en) | Dynamic Interactive Advertisement Insertion | |
US10878175B2 (en) | Portlet display on portable computing devices | |
CN105187939A (zh) | 一种实现网页游戏中播放视频的方法及装置 | |
US20170168655A1 (en) | Floating toolbar | |
US11244103B2 (en) | System and method for serving interactive advertising content with responsive animations | |
US20120022926A1 (en) | Process for increasing visibility of animated advertisements | |
CN110007829B (zh) | 内容显示方法、装置、终端及存储介质 | |
CN115967831B (zh) | 视频显示方法、装置、电子设备及存储介质 | |
WO2015078260A1 (en) | Method and device for playing video content | |
CN104216885B (zh) | 静态和动态推荐理由自动结合的推荐***及方法 | |
CN111212313A (zh) | 广告显示方法、装置、存储介质、计算机设备 | |
CN108008894B (zh) | 一种内容显示方法、装置和终端设备 | |
CN107071574A (zh) | 智能电视页面跳转方法 | |
US20140215383A1 (en) | Parallax scrolling user interface | |
TW201935217A (zh) | 介面顯示方法、裝置、設備以及儲存媒體 | |
CN105630893A (zh) | 一种组图标题的显示方法和装置 | |
CN112464301A (zh) | 一种图像显示方法及装置 | |
KR101687377B1 (ko) | 영상자료에 대한 광고 영상 제작방법, 이를 이용한 제작 시스템 및 제작된 영상데이터에 대한 상영방법 | |
KR20220066888A (ko) | 제어 방법, 프로그램 및 단말 | |
KR20220064964A (ko) | 제어 방법, 프로그램 및 단말 | |
CN110879684A (zh) | 一种内容展示方法、装置 | |
CN102880439A (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 |