CN112256167A - 多媒体资源切换方法、装置、电子设备及存储介质 - Google Patents
多媒体资源切换方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN112256167A CN112256167A CN202011060017.8A CN202011060017A CN112256167A CN 112256167 A CN112256167 A CN 112256167A CN 202011060017 A CN202011060017 A CN 202011060017A CN 112256167 A CN112256167 A CN 112256167A
- Authority
- CN
- China
- Prior art keywords
- view
- user interface
- multimedia
- moving
- multimedia resource
- 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.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开关于一种多媒体资源切换方法、装置、电子设备及存储介质,涉及计算机技术领域,其中,该方法包括:在用户界面中通过第一视图展示第一多媒体资源,并基于多媒体切换操作,确定待切换的第二多媒体资源,并根据多媒体切换操作的操作信息,分别控制第一视图移动离开用户界面以及用于展示第二多媒体资源的第二视图移动进入用户界面,直至第二视图完全占据用户界面,展示第二多媒体资源。由此,在多媒体资源切换的过程中,通过第二多媒体资源有部分时间遮盖第一多媒体资源的部分展示内容,可避免直接切换替换视图从而造成换割裂感情况的发生,实现了切换过程中动画层次丰富,提供多样化切换效果的同时,可实现流畅的切换效果。
Description
技术领域
本公开涉及计算机技术领域,尤其涉及一种多媒体资源切换方法、装置、电子设备及存储介质。
背景技术
随着电子设备智能化的普及和互联网技术的发展,通过移动终端等电子设备中的视频类应用来观看视频,已成为人们的日常生活方式。
相关技术中,在用户通过电子设备中的视频类应用(例如短视频类应用)查看视频的过程中,视频类应用程序可根据用户的视频切换操作,将视频直接切换替换,视觉上图像割裂感强,视觉效果不佳。
发明内容
本公开提供一种多媒体资源切换方法、装置、电子设备及存储介质,以至少解决相关技术中在视频切换的过程中,将视频直接切换替换,视觉上图像割裂感强,视觉效果不佳的问题。
本公开的技术方案如下:根据本公开实施例的第一方面,提供一种多媒体资源切换方法,包括:在用户界面中通过第一视图展示第一多媒体资源;接收实施于所述用户界面的多媒体切换操作,确定待切换的第二多媒体资源;其中,所述第二多媒体资源通过第二视图展示;根据所述多媒体切换操作的操作信息,分别控制所述第一视图移动离开所述用户界面以及第二视图移动进入所述用户界面,直至所述第二视图完全占据所述用户界面,展示所述第二多媒体资源;其中,所述第二视图在移动过程中,至少有部分时间遮盖所述第一多媒体资源的至少部分展示内容。
在本公开的一个实施例中,所述根据所述多媒体切换操作的操作信息,分别控制所述第一视图移动离开所述用户界面以及第二视图移动进入所述用户界面,包括:根据所述多媒体切换操作的操作信息,控制所述第二视图移动进入所述用户界面;在检测到所述第二视图被移动到所述用户界面的预设位置时,根据所述多媒体切换操作的操作信息,控制所述第一视图移动离开所述用户界面。
在本公开的一个实施例中,所述第一视图的移动速度大于所述第二视图的移动速度。
在本公开的一个实施例中,所述在检测到所述第二视图被移动到所述用户界面的预设位置时,根据所述多媒体切换操作的操作信息,控制所述第一视图移动离开所述用户界面,包括:根据所述预设位置,获取所述第二视图完全占据所述用户界面所需要的剩余移动位置;根据所述多媒体切换操作的操作信息,确定所述第一视图的移动方向;根据所述第一视图的移动方向,获取所述第一视图离开所述用户界面所需要的移动位置,其中,所述移动位置大于所述剩余移动位置;根据所述第二视图的移动速度、所述移动位置和所述剩余移动位置,确定所述第一视图的移动速度;控制所述第一视图在所述移动方向上以所述第一视图的移动速度移动离开所述用户界面。
在本公开的一个实施例中,所述根据所述第二视图的移动速度、所述移动位置和所述剩余移动位置,确定所述第一视图的移动速度,包括:根据所述第二视图的移动速度和所述剩余移动位置,确定所述第二视图的移动时间;根据所述移动位置和所述第二视图的移动时间,确定所述第一视图的移动速度。
在本公开的一个实施例中,在所述多媒体切换操作为滑动操作时,所述根据所述多媒体切换操作的操作信息,控制所述第二视图移动进入所述用户界面,包括:根据所述滑动操作的操作信息,确定所述滑动操作的滑动方向和滑动距离;根据所述滑动方向确定所述第二视图的移动方向,并根据所述滑动距离确定所述第二视图的移动距离;根据所述移动方向和所述移动距离,控制所述第二视图移动进入所述用户界面。
在本公开的一个实施例中,在所述多媒体切换操作为滑动操作时,所述在检测到所述第二视图被移动到所述用户界面的预设位置时,根据所述多媒体切换操作的操作信息,控制所述第一视图移动离开所述用户界面,包括:根据所述滑动操作的操作信息,确定所述滑动操作的滑动方向;根据所述滑动方向确定所述第一视图的移动方向;以及在检测到所述第二视图被移动到所述用户界面的预设位置时,根据所述第一视图的移动方向,控制所述第一视图移动离开所述用户界面。
在本公开的一个实施例中,所述根据所述多媒体切换操作的操作信息,分别控制所述第一视图移动离开所述用户界面以及第二视图移动进入所述用户界面,包括:根据所述多媒体切换操作的操作信息,确定所述第二视图的移动方向、所述第一视图的移动方向;根据所述第一视图的移动方向,确定所述第一多媒体资源的移动方向,其中,所述第二视图和所述第一视图的移动方向相对于所述用户界面相同,所述第一多媒体资源的移动方向相对于所述第一视图的移动方向相反,所述第一多媒体资源的移动速度和所述第一视图的移动速度相同;根据所述第二视图的移动方向控制所述第二视图移动进入所述用户界面;根据所述第一视图的移动方向控制所述第一视图移动离开所述用户界面的同时,根据所述第一多媒体资源的移动方向,控制所述第一多媒体资源相对于所述第一视图移动。
在本公开的一个实施例中,所述方法还包括:在检测到所述第二视图被移动到所述用户界面的预设位置时,调整所述第一多媒体资源的移动方向,所述第一多媒体资源调整前的移动方向和调整后的移动方向相反;根据所述调整后的移动方向,控制所述第一多媒体资源移动离开所述用户界面。
在本公开的一个实施例中,在控制所述第一视图移动离开所述用户界面的过程中,所述方法还包括:控制所述第一多媒体资源处于播放状态;或者,控制所述第一多媒体资源处于暂停状态。
在本公开的一个实施例中,在控制所述第二视图移动进入所述用户界面的过程中,所述方法还包括:控制所述第二多媒体资源处于播放状态或者暂停状态。
在本公开的一个实施例中,在控制所述第二视图移动进入所述用户界面的过程中,所述方法还包括:在检测到所述第二多媒体资源未加载完成的情况下,控制在所述第二视图上展示所述第二多媒体资源的预览多媒体资源;在检测到所述第二多媒体资源加载完成的情况下,控制所述第二多媒体资源处于播放状态。
根据本公开实施例的第二方面,提供一种多媒体资源切换装置,包括:第一展示模块,被配置为在用户界面中通过第一视图展示第一多媒体资源;确定模块,被配置为接收实施于所述用户界面的多媒体切换操作,确定待切换的第二多媒体资源;其中,所述第二多媒体资源通过第二视图展示;第一控制模块,被配置为根据所述多媒体切换操作的操作信息,分别控制所述第一视图移动离开所述用户界面以及第二视图移动进入所述用户界面,直至所述第二视图完全占据所述用户界面,展示所述第二多媒体资源;其中,所述第二视图在移动过程中,至少有部分时间遮盖所述第一多媒体资源的至少部分展示内容。
在本公开的一个实施例中,所述第一控制模块,包括:第一控制子模块,被配置为根据所述多媒体切换操作的操作信息,控制所述第二视图移动进入所述用户界面;第二控制子模块,被配置为在检测到所述第二视图被移动到所述用户界面的预设位置时,根据所述多媒体切换操作的操作信息,控制所述第一视图移动离开所述用户界面。
在本公开的一个实施例中,所述第一视图的移动速度大于所述第二视图的移动速度。
在本公开的一个实施例中,所述第二控制子模块,包括:第一获取单元,被配置为根据所述预设位置,获取所述第二视图完全占据所述用户界面所需要的剩余移动位置;第一确定单元,被配置为根据所述多媒体切换操作的操作信息,确定所述第一视图的移动方向;第二获取单元,被配置为根据所述第一视图的移动方向,获取所述第一视图离开所述用户界面所需要的移动位置,其中,所述移动位置大于所述剩余移动位置;第二确定单元,被配置为根据所述第二视图的移动速度、所述移动位置和所述剩余移动位置,确定所述第一视图的移动速度;控制单元,被配置为控制所述第一视图在所述移动方向上以所述第一视图的移动速度移动离开所述用户界面。
在本公开的一个实施例中,所述第二确定单元,具体被配置为:根据所述第二视图的移动速度和所述剩余移动位置,确定所述第二视图的移动时间;根据所述移动位置和所述第二视图的移动时间,确定所述第一视图的移动速度。
在本公开的一个实施例中,在所述多媒体切换操作为滑动操作时,所述第一控制子模块,具体被配置为:根据所述滑动操作的操作信息,确定所述滑动操作的滑动方向和滑动距离;根据所述滑动方向确定所述第二视图的移动方向,并根据所述滑动距离确定所述第二视图的移动距离;根据所述移动方向和所述移动距离,控制所述第二视图移动进入所述用户界面。
在本公开的一个实施例中,在所述多媒体切换操作为滑动操作时,所述第二控制子模块,具体被配置为:根据所述滑动操作的操作信息,确定所述滑动操作的滑动方向;根据所述滑动方向确定所述第一视图的移动方向;以及在检测到所述第二视图被移动到所述用户界面的预设位置时,根据所述第一视图的移动方向,控制所述第一视图移动离开所述用户界面。
在本公开的一个实施例中,所述第一控制模块,包括:第一确定子模块,被配置为根据所述多媒体切换操作的操作信息,确定所述第二视图的移动方向、所述第一视图的移动方向;第二确定子模块,被配置为根据所述第一视图的移动方向,确定所述第一多媒体资源的移动方向,其中,所述第二视图和所述第一视图的移动方向相对于所述用户界面相同,所述第一多媒体资源的移动方向相对于所述第一视图的移动方向相反,所述第一多媒体资源的移动速度和所述第一视图的移动速度相同;第三控制子模块,被配置为根据所述第二视图的移动方向控制所述第二视图移动进入所述用户界面;第四控制子模块,被配置为根据所述第一视图的移动方向控制所述第一视图移动离开所述用户界面的同时,根据所述第一多媒体资源的移动方向,控制所述第一多媒体资源相对于所述第一视图移动。
在本公开的一个实施例中,所述装置还包括:调整模块,用于在检测到所述第二视图被移动到所述用户界面的预设位置时,调整所述第一多媒体资源的移动方向,所述第一多媒体资源调整前的移动方向和调整后的移动方向相反;第二控制模块,被配置为根据所述调整后的移动方向,控制所述第一多媒体资源移动离开所述用户界面。
在本公开的一个实施例中,所述装置还包括:第三控制模块,被配置为在所述第一控制模块控制所述第一视图移动离开所述用户界面的过程中,控制所述第一多媒体资源处于播放状态;或者,控制所述第一多媒体资源处于暂停状态。
在本公开的一个实施例中,所述装置还包括:第四控制模块,被配置为在所述第一控制模块控制所述第二视图移动进入所述用户界面的过程中,控制所述第二多媒体资源处于播放状态或者暂停状态。
在本公开的一个实施例中,所述装置还包括:第五控制模块,被配置为在控制所述第二视图移动进入所述用户界面的过程中,在检测到所述第二多媒体资源未加载完成的情况下,控制在所述第二视图上展示所述第二多媒体资源的预览多媒体资源;在检测到所述第二多媒体资源加载完成的情况下,控制所述第二多媒体资源处于播放状态。
根据本公开实施例的第三方面,提供一种电子设备,包括:处理器;用于存储所述处理器可执行指令的存储器;其中,所述处理器被配置为执行所述指令,以实现本公开第一方面实施例提出的多媒体资源切换方法。
根据本公开实施例的第四方面,提供一种存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行本公开第一方面实施例提出的多媒体资源切换方法。
根据本公开实施例的第五方面,提供一种计算机程序产品,该计算机程序产品由电子设备的处理器执行时,使得电子设备能够执行本公开第一方面实施例提出的多媒体资源切换方法。
本公开的实施例提供的技术方案至少带来以下有益效果:
在用户界面中通过第一视图展示第一多媒体资源的过程中,在接收实施于用户界面的多媒体切换操作后,基于多媒体切换操作,确定待切换的第二多媒体资源,并根据多媒体切换操作的操作信息,分别控制第一视图移动离开用户界面以及用于展示第二多媒体资源的第二视图移动进入用户界面,直至第二视图完全占据用户界面,展示第二多媒体资源,并且,在第二视图在移动过程中,至少有部分时间遮盖第一多媒体资源的至少部分展示内容。由此,在多媒体资源切换的过程中,通过第二多媒体资源有部分时间遮盖第一多媒体资源的部分展示内容,可避免直接切换替换视图从而造成换割裂感情况的发生,实现了切换过程中动画层次丰富,提供多样化切换效果的同时,可实现流畅的切换效果。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理,并不构成对本公开的不当限定。
图1是根据一示例性实施例示出的一种多媒体资源切换方法的流程图。
图2是根据一示例性实施例示出的另一种多媒体资源切换方法的流程图。
图3是根据一示例性实施例示出的另一种多媒体资源切换方法的流程图。
图4是根据一示例性实施例示出的另一种多媒体资源切换方法的流程图。
图5是根据一示例性实施例示出的另一种多媒体资源切换方法的流程图。
图6是根据一示例性实施例示出的另一种多媒体资源切换方法的流程图。
图7是根据一示例性实施例示出的另一种多媒体资源切换方法的流程图。
图8是根据一示例性实施例示出的另一种多媒体资源切换方法的流程图。
图9是视频切换过程中部分用户界面的示例图。
图10是根据一示例性实施例示出的一种多媒体资源切换装置的框图。
图11是根据一示例性实施例示出的另一种多媒体资源切换装置的框图。
图12是根据一示例性实施例示出的另一种多媒体资源切换装置的框图。
图13是根据一示例性实施例示出的另一种多媒体资源切换装置的框图。
图14是根据一示例性实施例示出的一种用于应用界面的展示控制的电子设备的框图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
图1是根据一示例性实施例示出的一种多媒体资源切换方法的流程图。
本公开实施例以该多媒体资源切换方法被配置于多媒体资源切换装置中来举例说明,该多媒体资源切换装置可以由软件和/或硬件的方式实现,该多媒体资源切换装置可以配置在电子设备,以使该电子设备可以执行多媒体资源切换功能。
其中,电子设备可以为任一具有计算能力的设备,例如可以为PC(PersonalComputer,个人电脑)、移动终端、服务器等,移动终端例如可以为手机、平板电脑、个人数字助理、穿戴式设备、车载设备等具有各种操作系统、触摸屏和/或显示屏的硬件设备。
如图1所示,多媒体资源切换方法可以包括以下步骤。
在步骤101中,在用户界面中通过第一视图展示第一多媒体资源。
在本实施例中所涉及到的多媒体资源可以包括但不限于图像、动画、视频、音乐短片等,在实际应用过程中,可结合具体业务需求来设置多媒体资源,该实施例对此不作具体限定。
在步骤102中,接收实施于用户界面的多媒体切换操作,确定待切换的第二多媒体资源,其中,第二多媒体资源通过第二视图展示。
在本实施例中,多媒体切换操作是实施于用户界面触发正在展示的第一多媒体资源切换为用户期望播放多媒体资源的交互操作。该多媒体切换操作可以是用户界面可支持的操作类型或者用户的偏好预先设置,例如,在用户界面上设置有用于切换多媒体的控件,可通过触发用户界面上的该控件,以触发多媒体切换操作。又例如,如果上述用户界面可支持滑动操作,可通过对用户界面进行滑动的方式来触发多媒体切换操作,该实施例对多媒体切换操作不作具体限定。
作为一种示例,在多媒体切换操作是通过触发相应控件而实现时,在检测到用于切换到上一个多媒体资源的控件被触发时,则确定切换到上一个多媒体资源的第一切换指令被触发,可根据第一切换指令和第一多媒体资源,可获取与第一多媒体资源相邻的上一个多媒体资源,并将所获取到的上一个多媒体资源作为第二多媒体资源。另外,在检测到用于切换到下一个多媒体资源的控件被触发时,则确定切换到下一个多媒体资源的第二切换指令被触发,可根据第二切换指令和第一多媒体资源,可获取与第一多媒体资源相邻的下一个多媒体资源,并将所获取到的下一个多媒体资源作为第二多媒体资源。
作为另一种示例,在上述多媒体切换操作为滑动操作时,可根据滑动操作的操作信息,确定滑动方向,并根据滑动方向和第一多媒体资源,确定第二多媒体资源。例如,在滑动方向为向上方向时,可获取与第一多媒体资源相邻的上一个多媒体资源,并将所获取到的上一个多媒体资源作为第二多媒体资源。在滑动方向为向下方向时,可获取与第一多媒体资源相邻的下一个多媒体资源,并将所获取到的下一个多媒体资源作为第二多媒体资源。又例如,在滑动方向为向左方向时,可获取与第一多媒体资源相邻的上一个多媒体资源,并将所获取到的上一个多媒体资源作为第二多媒体资源。在滑动方向为向右方向时,可获取与第一多媒体资源相邻的下一个多媒体资源,并将所获取到的下一个多媒体资源作为第二多媒体资源。
作为另一种示例,在用户界面上还显示包含多媒体资源标识的资源列表时,在检测到资源列表中的任意一个多媒体资源标识被触发时,可确定接收到针对用户界面的多媒体切换操作,此时,可获取被触发的多媒体资源标识,并获取与该多媒体资源标识对应的多媒体资源,并将所获取到的多媒体资源作为第二多媒体资源。
在步骤103中,根据多媒体切换操作的操作信息,分别控制第一视图移动离开用户界面以及第二视图移动进入用户界面,直至第二视图完全占据用户界面,展示第二多媒体资源。
在本公开的一些实施例中,在上述多媒体切换操作为滑动操作时,滑动操作的操作信息可以包括滑动方向和滑动速度,上述步骤103的一种可能的实现方式可以为:可根据滑动方向,确定第一视图和第二视图的移动方向,控制第二视图在第二视图的移动方向上,以滑动速度移动进入用户界面,并在检测到第二视图移动了预设时间后,控制第一视图在第一视图的移动方向上,以第二移动速度离开移动用户界面,其中,第二移动速度大于滑动速度,上述第一视图和第二视图的移动方向相同。
在一些实施例中,上述滑动方向可以与上述第一视图和第二视图的移动方向相同,也可以相反,在该实施例对此不作具体限定。
其中,上述预设时间可以是多媒体资源切换装置中预先设置的时间,也可以是基于滑动速度而确定的,例如,如果检测到滑动速度超过预设速度,则将上述预设时间设置为第一时间,如果检测到滑动速度小于预设速度,则将上述预设时间设置为第二时间,其中,第一时间小于第二时间。
可以理解的是,在一些实施例中,上述滑动操作可以为上下滑动操作。在另一些实施例中,上述滑动操作可以为左右滑动操作,即,可通过左右滑动的方式来实现多媒体资源的切换。
在本公开的另一些实施例中,在上述多媒体切换操作是通过触发控件来实现的,上述步骤103的一种可能的实现方式为:可根据被触发控件,确定上述多媒体切换操作的操作信息,其中,操作信息包括方向信息。然后,可控制第二视图在方向信息上,以第一移动速度移动进入用户界面,并在检测到第二视图移动了预设时间后,控制第一视图在方向信息上,以第二移动速度离开移动用户界面,其中,第二移动速度大于第一移动速度。由此,避免了直接切换替换视图,从而实现了流畅的切换效果。
可以理解的是,在检测到切换到上一个多媒体资源的控件被触发时,上述方向信息为第一方向信息。在检测到切换到下一个多媒体资源的控件被触发时,上述方向信息为第二方向信息,其中,第一方向信息与第二方向信息为相反的方向,例如,第一方向信息为向上方向,第二方向信息可以为向上方向。又例如,第一方向信息为向左方向,第二方向信息可以为向右方向。
其中,第二视图在移动过程中,至少有部分时间遮盖第一多媒体资源的至少部分展示内容。
在本实施例中,为了在多媒体切换的过程中可以继续观看第一多媒体资源,在本公开的一个实施例中,在控制第一视图移动离开用户界面的过程中,可控制第一多媒体资源处于播放状态。
在一些实施例中,在控制第一视图移动离开用户界面的过程中,还可以控制第一多媒体资源处于暂停状态。由此,可以减少多媒体切换的过程中继续多媒体资源对用户造成影响。
在一些实施例中,为了提高智能性,可根据实际业务需求,预先设置是否在切换多媒体资源的过程中是否播放第一多媒体资源。
同样地,对于第二视图而言,为了使得在切换的过程中可观看到第二多媒体资源,在控制第二视图移动进入用户界面的过程中,可控制第二多媒体资源处于播放状态。
另外,在一些实施例中,在控制第二视图移动进入用户界面的过程中,可控制第二多媒体资源处于暂停状态。
在一些实施例中,通常待切换的第二多媒体资源是需要加载的,而加载多媒体资源是需要一定时间,为了提供更好的切换体验,在控制第二视图移动进入用户界面的过程中,本实施例中可在检测到第二多媒体资源未加载完成的情况下,控制在第二视图上展示第二多媒体资源的预览多媒体资源。在检测到第二多媒体资源加载完成的情况下,控制第二多媒体资源处于播放状态。
其中,预览多媒体资源可以为第二多媒体资源的部分资源片段,例如,上述多媒体资源为视频,预览多媒体资源可以为视频的视频封面。
在一些实施例中,上述第一视图和第二视图之间可以是相接的,也可以是间隔一定距离的,该实施例对第一视图和第二视图是否相接不作具体限定,在实际实现时,可根据实际业务需求进行设置。
本公开实施例的多媒体资源切换方法,在用户界面中通过第一视图展示第一多媒体资源的过程中,在接收实施于用户界面的多媒体切换操作后,基于多媒体切换操作,确定待切换的第二多媒体资源,并根据多媒体切换操作的操作信息,分别控制第一视图移动离开用户界面以及用于展示第二多媒体资源的第二视图移动进入用户界面,直至第二视图完全占据用户界面,展示第二多媒体资源,并且,在第二视图在移动过程中,至少有部分时间遮盖第一多媒体资源的至少部分展示内容。由此,在多媒体资源切换的过程中,通过第二多媒体资源有部分时间遮盖第一多媒体资源的部分展示内容,可避免直接切换替换视图从而造成换割裂感情况的发生,实现了切换过程中动画层次丰富,提供多样化切换效果的同时,可实现流畅的切换效果。
基于上述实施例的基础上,在不同的应用场景中,上述根据多媒体切换操作的操作信息,分别控制第一视图移动离开用户界面以及第二视图移动进入用户界面可通过多种方式实现。下面结合图2对根据多媒体切换操作的操作信息,分别控制第一视图移动离开用户界面以及第二视图移动进入用户界面的一种可能实现方式进行描述,如图2所示,可以包括:
在步骤201中,根据多媒体切换操作的操作信息,控制第二视图移动进入用户界面。
在步骤202中,在检测到第二视图被移动到用户界面的预设位置时,根据多媒体切换操作的操作信息,控制第一视图移动离开用户界面。
其中,预设位置是根据实际业务需求预先设置的位置,例如,预设位置可以为用户界面的40%、50%、6O%或者70%等。
在本实施例中,结合多媒体切换操作的操作信息,先控制第二视图移动进入用户界面,并在检测到第二视图被移动到用户界面的预设位置时,结合多媒体切换操作的操作信息,再控制第一视图移动离开用户界面。由此,可以丰富多媒体资源切换过程中,动画层次的丰富性,实现更为流畅的切换视觉,进一步提高了多媒体资源的切换效果。
基于上述实施例的基础上,在本公开的一个实施例中,为了实现快速切换的视觉效果本实施例中的第一视图的移动速度大于第二视图的移动速度。
在本公开的一个实施例中,为了可以对第一视图和第二视图的移动速度进行准确控制,上述在检测到第二视图被移动到用户界面的预设位置时,根据多媒体切换操作的操作信息,控制第一视图移动离开用户界面的一种可能的方式,如图3所示,可以包括:
在步骤301中,根据预设位置,获取第二视图完全占据用户界面所需要的剩余移动位置。
在步骤302中,根据多媒体切换操作的操作信息,确定第一视图的移动方向。
在步骤303中,根据第一视图的移动方向,获取第一视图离开用户界面所需要的移动位置,其中,移动位置大于剩余移动位置。
在步骤304中,根据第二视图的移动速度、移动位置和剩余移动位置,确定第一视图的移动速度。
其中,可以理解的是,在不同的应用场景中,上述根据第二视图的移动速度、移动位置和剩余移动位置,确定第一视图的移动速度实现方式不同,举例说明如下:
作为一种可能实现方式的示例,根据第二视图的移动速度和剩余移动位置,确定第二视图的移动时间;根据移动位置和第二视图的移动时间,确定第一视图的移动速度。
作为另一种可能实现方式的示例,可将根据第二视图的移动速度、移动位置和剩余移动位置输入到预设的计算模型中,以通过该计算模型输出的结果,来确定第一视图的移动速度。
其中,上述公式中的V1表示第一视图的移动速度,S1表示第一视图所需要的移动位置,V2表示第二视图的移动速度,S2表示第二视图的剩余移动位置。
在步骤305中,控制第一视图在移动方向上以第一视图的移动速度移动离开用户界面。
在本公开的一个实施例中,在多媒体切换操作为滑动操作时,为了可以获取更好的切换效果,可结合滑动方向以及滑动速度对第二视图移动进入用户界面进行控制,上述根据多媒体切换操作的操作信息,控制第二视图移动进入用户界面的一种可能的实现方式,如图4所示,可以包括:
在步骤401中,根据滑动操作的操作信息,确定滑动操作的滑动方向和滑动距离。
在步骤402中,根据滑动方向确定第二视图的移动方向,并根据滑动距离确定第二视图的移动距离。
在步骤403中,根据移动方向和移动距离,控制第二视图移动进入用户界面。
本实施例中,结合滑动操作的操作信息,确定滑动操作的滑动方向以及滑动速度,并结合滑动方向以及滑动速度对第二视图移动进入用户界面进行准确控制,从而使得第二视图的移动可以随着滑动方向和滑动速度而进行,方便了通过滑动操作,对第二视图的移动进行控制,丰富了多媒体切换的效果。
在本公开的一个实施例中,在多媒体切换操作为滑动操作时,在检测到第二视图被移动到用户界面的预设位置时,根据多媒体切换操作的操作信息,控制第一视图移动离开用户界面的一种可能的实现方式,如图5所示,可以包括:
在步骤501中,根据滑动操作的操作信息,确定滑动操作的滑动方向。
在步骤502中,根据滑动方向确定第一视图的移动方向。
在一些实施例中,第一视图的移动方向可以与滑动方向相同,也可以不同,该实施例对此不作具体限定。
例如,在滑动方向为向上方向时,第二视图的移动方向可以为向上方向。例如,在滑动方向为向上方向时,第二视图的移动方向可以为向下方向。又例如,在滑动方向为向上方向时,第二视图的移动方向可以为向左方向。又例如,在滑动方向为向上方向时,第二视图的移动方向可以为向右方向。
在步骤503中,在检测到第二视图被移动到用户界面的预设位置时,根据第一视图的移动方向,控制第一视图移动离开用户界面。
在一些实施例中,第一视图的移动速度和第二视图的移动速度可以相同,也可以不同。
在一些实施例中,为了实现快速切换的效果,上述第一视图的移动速度可以大于第二视图的移动速度。
本实施例中,在控制第一视图移动离开用户界面的过程中,结合滑动操作的滑动方向,对第一视图的移动方向进行控制,从而在切换的过程中,实现了对第一视图的控制,丰富了多媒体切换的效果。
在本公开的一个实施例中,下面结合图6对根据多媒体切换操作的操作信息,分别控制第一视图移动离开用户界面以及第二视图移动进入用户界面的另一种可能实现方式进行描述。如图6所示,可以包括:
在步骤601中,根据多媒体切换操作的操作信息,确定第二视图的移动方向、第一视图的移动方向。
作为一种示例性的实现方式,在上述多媒体切换操作为滑动操作时,可根据滑动操作的操作信息,确定滑动操作的滑动方向,并根据滑动方向,确定第二视图和第一视图的移动方向。
其中,上述第一视图和第二视图的移动方向可以与滑动方向相同,也可以相反。
作为另一种示例性的实现方式,在上述多媒体切换操作是通过触发控件来实现时,可根据被触发控件,确定上述多媒体切换操作的操作信息,其中,操作信息包括方向信息,然后,根据方向信息,确定第一视图和第二视图的移动方向。
其中,第一视图和第二视图的移动方向可以上述方向信息相同,也可以是不相同的。
可以理解的是,在检测到切换到上一个多媒体资源的控件被触发时,上述方向信息为第一方向信息。在检测到切换到下一个多媒体资源的控件被触发时,上述方向信息为第二方向信息,其中,第一方向信息与第二方向信息为相反的方向,例如,第一方向信息为向上方向,第二方向信息可以为向上方向,又例如,第一方向信息为向左方向,第二方向信息可以为向右方向。
在步骤602中,根据第一视图的移动方向,确定第一多媒体资源的移动方向,其中,第二视图和第一视图的移动方向相对于用户界面相同,第一多媒体资源的移动方向相对于第一视图的移动方向相反,第一多媒体资源的移动速度和第一视图的移动速度相同。
在步骤603中,根据第二视图的移动方向控制第二视图移动进入用户界面。
在步骤604中,根据第一视图的移动方向控制第一视图移动离开用户界面的同时,根据第一多媒体资源的移动方向,控制第一多媒体资源相对于第一视图移动。
在本实施例中,结合多媒体切换操作的操作信息,确定第一视图和第二视图的移动方向,并结合第二视图的移动方向,确定第一多媒体资源的移动方向,并根据第二视图的移动方向控制第二视图移动进入用户界面,以及根据第一视图的移动方向控制第一视图移动离开用户界面的同时,根据第一多媒体资源的移动方向,控制第一多媒体资源相对于第一视图移动。由此,丰富了多媒体资源切换过程中的动画效果,避免了直接多媒体切换替换造成切换割裂感情况的发生,提高了流畅的多媒体切换效果。
在本公开的一个实施例中,为了进一步提高多媒体切换过程中的视觉效果,基于上述图6所示的实施例的基础上,如图7所示,该方法可以包括:
在步骤701中,在检测到第二视图被移动到用户界面的预设位置时,调整第一多媒体资源的移动方向,第一多媒体资源调整前的移动方向和调整后的移动方向相反。
在步骤702中,根据调整后的移动方向,控制第一多媒体资源移动离开用户界面。
在本公开的一个实施例中,为了实现快速切换的视觉效果,在第一多媒体资源的移动方向调整后,可对第一多媒体资源的移动速度进行调整,从而使得调整后的移动速度大于第二多媒体资源的移动速度。
作为一种示例性的实施方式,可获取第一多媒体移动离开用户界面所需要的移动位置,并根据预设位置,获取第二视图完全占据用户界面所需要的剩余移动位置,然后,根据第二视图的移动速度和剩余移动位置,确定第二视图的移动时间;根据移动位置和第二视图的移动时间,确定第一多媒体资源的移动速度。
其中,可以理解的是,在检测到第二视图被移动到用户界面的预设位置后,上述第一视图和第二视图的移动方式没有改变,继续以上述移动方式进行移动,直至第二视图全部占据用户界面。
在本实施例中,在检测到第二视图未被移动到用户界面的预设位置之前,根据多媒体切换操作的操作信息,分别控制第二视图移动进入用户界面和第一视图移动离开用户界面,在控制第一视图移动离开用户界面的同时,控制第一多媒体资源相对于第一视图移动,第一多媒体资源的移动方向相对于第一视图的移动方向相反,第一多媒体资源的移动速度和第一视图的移动速度相同,以及在在检测到第二视图被移动到用户界面的预设位置时,调整第一多媒体资源的移动方向,第一多媒体资源调整前的移动方向和调整后的移动方向相反,在继续移动第一视图和第二视图的过程中,根据调整后的移动方向,控制第一多媒体资源移动离开用户界面。由此,进一步丰富了多媒体切换过程中的动画效果,丰富了多媒体切换效果,可提高多媒体切换的用户体验度。
为了使得本领域的技术人员可以清楚地了解本公开,下面以多媒体为视频,多媒体切操作为向上滑动操作为例,并结合图8以及图9对该实施例的多媒体资源切换方法进行进一步描述,如图8所示,该多媒体资源切换方法可以包括:
在步骤801中,在用户界面中通过第一视图展示第一视频。
在本公开的一个实施例中,为了可获得沉浸式的体验,上述用户界面上可以仅包括上述第一视图,即,第一视图的尺寸信息与用户界面的尺寸信息相同。也就是说,在电子设备中以全屏的形式显示第一视图。例如,第一视频为第一视频,其中,包含第一视频的用户界面的示例图,如图9中的a图所示。
在步骤802中,接收实施于用户界面的向上滑动操作,确定待切换的第二视频。
其中,第二视频通过第二视图展示。
在本公开的一个实施例中,可根据向上滑动操作和第一视频,获取与第一视频相邻的上一个视频,并将所获取到的上一个视频作为第二视频。
在步骤803中,根据向上滑动操作的操作信息,确定第二视图的移动方向、第一视图的移动方向。
在步骤804中,根据第一视图的移动方向,确定第一视频的移动方向,其中,第二视图和第一视图的移动方向相对于用户界面相同,第一视频的移动方向相对于第一视图的移动方向相反,第一视频的移动速度和第一视图的移动速度相同。
在步骤805中,根据第二视图的移动方向控制第二视图移动进入用户界面。
在步骤806中,根据第一视图的移动方向控制第一视图移动离开用户界面的同时,根据第一视频的移动方向,控制第一视频相对于第一视图移动。
在步骤807中,在检测到第二视图被移动到用户界面的预设位置时,调整第一视频的移动方向,第一视频调整前的移动方向和调整后的移动方向相反。
在步骤808中,根据调整后的移动方向,控制第一视频移动离开用户界面。
在步骤809中,在检测到第二视图全部显示在用户界面上,展示第二视频。
在本公开的一个实施例中,为了减少手动触发播放第二视频的麻烦,在检测到第二视图全部显示在用户界面上,可展示并播放第二视频。
其中,第二视图在移动过程中,至少有部分时间遮盖第一多媒体资源的至少部分展示内容。
可以理解的是,在根据调整后的移动方向,控制第一多媒体资源移动离开用户界面的过程中,上述第一视图和第二视图是继续移动的,直至第二视图全部显示在用户界面上。
为了使得本领域的技术人员可以清楚了解本公开,下面结合图9进行一步描述,其中,本实施例中以预设位置为50%为例进行示意。根据向上滑动操作,分别向上移动第二视图和第一视图,另外,在第一视图向上移动的过程,第一视频向下移动,并且第一视图的移动速度和第一视频的移动速度相同。其中,包含第一视图和第二视图的用户界面的示例图,如图9中的b图所示,通过图9中的b图,可以看出,第一视图中第一视频的部分视频画面被第二视图遮挡住。在继续向上滑动时,第一视图中第一视频的视频画面被遮挡的面积将逐渐增大。也就是说,在用户界面上第一视频所展示的内容逐渐变小。其中,第一视频展示内容变小后的用户界面的示例图,如图9中的c图所示。在检测到第二视图被移动到用户界面的一半时,其对应的用户界面,如图9中的c图所示。此时,可控制第一视频向上加速移动,例如,控制第一视频以2倍第二视图的移动速度快速离开用户界面,实现快速切换的视觉效果。其中,第一视频向上移动离开用户界面的示例,如图9中的d图和e图所示,通过d图和e图可以看出,第一视频向上移动,并逐渐移动到第一视频的底部。
为了使得本领域的技术人员可以清楚地了解本公开,下面结合电子设备以操作系统为IOS系统,且多媒体资源为视频,以滑动方向为向上为例,对该实施例的具体技术方案进行进一步描述。
1、用iOS系统UIKit框架里提供的用户界面视图UIView组件实现一个内容视图ContentView用来承载整个视频滑动界面,界面里面会有多个视图。
2、每个视图也是用UIView实现的视频视图,用来承载多媒体资源流(多媒体资源feed)接口下发的每一个视频画面,在应用进到首页的时候,根据服务端下发的多媒体资源流的数量来初始用户界面可展示的视图的数量,并且创建一个视图的复用池,当一个视图需要展示的时候(视频画面需要滑到屏幕里面的时候),需要去复用池里去获取一个视图承载视频画面,并且设置每个Cell视图的Layer的masksToBounds属性为yes,实现每个视图内的遮罩效果。
3、在ContentView上添加UIPanGestureRecognizer用来识别用户的滑动手势,当用户开始滑动屏幕的时候,需要监听UIGestureRecognizerStateBegin事件来计算出用户实际在屏幕滑动的距离Offset。
4、获取在当前屏幕上展示的第一视图cell1和第二视图cell2,把上面步骤中计算出来的Offset赋值给Cell1和Cell2的Frame.origin.y属性,实现两个Cell视图的同步移动,但是同时设置Cell1里面的ContentView的Frame.origin.y属性,实现里面内容反向同距离移动,实现视频画面静止不动的效果。当Cell2上移到屏幕高度的一半的时候,将Offset值乘以2并把计算出来的值设置给Cell1的ContentView的Frame.origin.y属性,实现Cell1画面快速画出的切换效果,Cell2的移动效果保持不变。
5、当用户快速在屏幕上向上滑动时,可以监听UIGestureRecognizerStateEnd事件来获取手指滑动方向的滑动速度Velocity,然后再计算出将要滑动进屏幕的Cell2视图顶部距离屏幕顶部的距离distance,用distance除以前面的Velocity得出需要滚动的时间time,然后将time与视频切换时间(例如0.3秒)进行比较,并选择两者中的最大值,作为移动动画时间animationTime,然后用系统UIView的animation动画进行Cell2的位移动画。同理Cell1视图位移的方向和位移的动画时间和Cell2视图相同,只是需要判断当Cell2滑动到屏幕高度一半的时候,再去设置Cell1的ContentView的Frame.origin.y属性,并且animation动画时候与Cell2相同。
其中,上述ContentView的移动速度是Cell2的移动速度的两倍,从而使得ContentView滑动结束至视频底部的同时,ContentView的移位动画同时结束,快速完成切换。
其中,可以理解的是,当用户在屏幕上向下滑动时,Cell1和Cell2移动的方向和视觉效果与上面叙述过程相反,此处不再赘述。
其中,需要说明的是本示例中是以Cell1和Cell2,这两个视图是相接的为例进行描述的。
图10是根据一示例性实施例示出的一种多媒体资源切换装置框图。
如图10所示,该多媒体资源切换装置1包括第一展示模块11、确定模块12和第一控制模块13,其中:
第一展示模块11,被配置为在用户界面中通过第一视图展示第一多媒体资源。
确定模块12,被配置为接收实施于用户界面的多媒体切换操作,确定待切换的第二多媒体资源。
其中,第二多媒体资源通过第二视图展示。
第一控制模块13,被配置为根据多媒体切换操作的操作信息,分别控制第一视图移动离开用户界面以及第二视图移动进入用户界面,直至第二视图完全占据用户界面,展示第二多媒体资源。
其中,第二视图在移动过程中,至少有部分时间遮盖第一多媒体资源的至少部分展示内容。
在本公开的一个实施例中,为了实现快速切换的视觉效果,在图10所示的实施例的基础上,如图11所示,该第一控制模块13,可以包括:
第一控制子模块131,被配置为根据多媒体切换操作的操作信息,控制第二视图移动进入用户界面。
第二控制子模块132,被配置为在检测到第二视图被移动到用户界面的预设位置时,根据多媒体切换操作的操作信息,控制第一视图移动离开用户界面。
在本公开的一个实施例中,为了实现快速切换的视觉效果,本实施例中的第一视图的移动速度大于第二视图的移动速度。
在本公开的一个实施例中,如图11所示,第二控制子模块132可以进一步包括:
第一获取单元1321,被配置为根据预设位置,获取第二视图完全占据用户界面所需要的剩余移动位置。
第一确定单元1322,被配置为根据多媒体切换操作的操作信息,确定第一视图的移动方向。
第二获取单元1323,被配置为根据第一视图的移动方向,获取第一视图离开用户界面所需要的移动位置,其中,移动位置大于剩余移动位置。
第二确定单元1324,被配置为根据第二视图的移动速度、移动位置和剩余移动位置,确定第一视图的移动速度。
控制单元1325,被配置为控制第一视图在移动方向上以第一视图的移动速度移动离开用户界面。
在本公开的一个实施例中,第二确定单元1324,具体被配置为:根据第二视图的移动速度和剩余移动位置,确定第二视图的移动时间;根据移动位置和第二视图的移动时间,确定第一视图的移动速度。
在本公开的一个实施例中,在多媒体切换操作为滑动操作时,第一控制子模块131,具体被配置为:根据滑动操作的操作信息,确定滑动操作的滑动方向和滑动距离;根据滑动方向确定第二视图的移动方向,并根据滑动距离确定第二视图的移动距离;根据移动方向和移动距离,控制第二视图移动进入用户界面。
在本公开的一个实施例中,在多媒体切换操作为滑动操作时,第二控制子模块132,具体被配置为:根据滑动操作的操作信息,确定滑动操作的滑动方向;根据滑动方向确定第一视图的移动方向;以及在检测到第二视图被移动到用户界面的预设位置时,根据第一视图的移动方向,控制第一视图移动离开用户界面。
在本公开的一个实施例中,在图10所示的装置实施例的基础上,如图12所示,该第一控制模块13,包括:
第一确定子模块133,被配置为根据多媒体切换操作的操作信息,确定第二视图的移动方向、第一视图的移动方向。
第二确定子模块134,被配置为根据第一视图的移动方向,确定第一多媒体资源的移动方向,其中,第二视图和第一视图的移动方向相对于用户界面相同,第一多媒体资源的移动方向相对于第一视图的移动方向相反,第一多媒体资源的移动速度和第一视图的移动速度相同。
第三控制子模块135,被配置为根据第二视图的移动方向控制第二视图移动进入用户界面。
第四控制子模块136,被配置为根据第一视图的移动方向控制第一视图移动离开用户界面的同时,根据第一多媒体资源的移动方向,控制第一多媒体资源相对于第一视图移动。
在本公开的一个实施例中,如图12所示,该装置还可以包括:
调整模块14,用于在检测到第二视图被移动到用户界面的预设位置时,调整第一多媒体资源的移动方向,第一多媒体资源调整前的移动方向和调整后的移动方向相反。
第二控制模块15,被配置为根据调整后的移动方向,控制第一多媒体资源移动离开用户界面。
在本公开的一个实施例中,如图12所示,该装置还包括:
第三控制模块16,被配置为在第一控制模块控制第一视图移动离开用户界面的过程中,控制第一多媒体资源处于播放状态;或者,控制第一多媒体资源处于暂停状态。
在本公开的一个实施例中,如图12所示,该装置还包括:
第四控制模块17,被配置为在第一控制模块控制第二视图移动进入用户界面的过程中,控制第二多媒体资源处于播放状态或者暂停状态。
在本公开的一个实施例中,如图13所示,该装置还包括:
第五控制模块18,被配置为在控制第二视图移动进入用户界面的过程中,在检测到第二多媒体资源未加载完成的情况下,控制在第二视图上展示第二多媒体资源的预览多媒体资源;在检测到第二多媒体资源加载完成的情况下,控制第二多媒体资源处于播放状态。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
本公开实施例的多媒体资源切换装置,在用户界面中通过第一视图展示第一多媒体资源的过程中,在接收实施于用户界面的多媒体切换操作后,基于多媒体切换操作,确定待切换的第二多媒体资源,并根据多媒体切换操作的操作信息,分别控制第一视图移动离开用户界面以及用于展示第二多媒体资源的第二视图移动进入用户界面,直至第二视图完全占据用户界面,展示第二多媒体资源,并且,在第二视图在移动过程中,至少有部分时间遮盖第一多媒体资源的至少部分展示内容。由此,在多媒体资源切换的过程中,通过第二多媒体资源有部分时间遮盖第一多媒体资源的部分展示内容,可避免直接切换替换视图从而造成换割裂感情况的发生,实现了切换过程中动画层次丰富,提供多样化切换效果的同时,可实现流畅的切换效果。
为了实现上述实施例,本公开实施例还提出了一种电子设备。其中,电子设备包括:处理器;用于存储处理器可执行指令的存储器;其中,处理器被配置为执行指令,以实现如前的多媒体资源切换方法。
作为一种示例,图14是根据一示例性实施例示出的一种用于应用界面的展示控制的电子设备200的框图,如图14所示,上述电子设备200,还可以包括:
存储器210及处理器220,连接不同组件(包括存储器210和处理器220)的总线230,存储器210存储有计算机程序,当处理器220执行程序时实现本公开实施例的多媒体资源切换方法。
总线230表示几类总线结构中的一种或多种,包括存储器总线或者存储器控制器,外围总线,图形加速端口,处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说,这些体系结构包括但不限于工业标准体系结构(ISA)总线,微通道体系结构(MAC)总线,增强型ISA总线、视频电子标准协会(VESA)局域总线以及外围组件互连(PCI)总线。
电子设备200典型地包括多种电子设备可读介质。这些介质可以是任何能够被电子设备200访问的可用介质,包括易失性和非易失性介质,可移动的和不可移动的介质。
存储器210还可以包括易失性存储器形式的计算机系统可读介质,例如随机存取存储器(RAM)240和/或高速缓存存储器250。服务器200可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例,存储系统260可以用于读写不可移动的、非易失性磁介质(图14未显示,通常称为“硬盘驱动器”)。尽管图14中未示出,可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器,以及对可移动非易失性光盘(例如CD-ROM,DVD-ROM或者其它光介质)读写的光盘驱动器。在这些情况下,每个驱动器可以通过一个或者多个数据介质接口与总线230相连。存储器210可以包括至少一个程序产品,该程序产品具有一组(例如至少一个)程序模块,这些程序模块被配置以执行本公开各实施例的功能。
具有一组(至少一个)程序模块270的程序/实用工具280,可以存储在例如存储器210中,这样的程序模块270包括——但不限于——操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块270通常执行本公开所描述的实施例中的功能和/或方法。
电子设备200也可以与一个或多个外部设备290(例如键盘、指向设备、显示器291等)通信,还可与一个或者多个使得用户能与该电子设备200交互的设备通信,和/或与使得该电子设备200能与一个或多个其它计算设备进行通信的任何设备(例如网卡,调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口292进行。并且,电子设备200还可以通过网络适配器293与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器293通过总线230与电子设备200的其它模块通信。应当明白,尽管图中未示出,可以结合电子设备200使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
处理器220通过运行存储在存储器210中的程序,从而执行各种功能应用以及数据处理。
需要说明的是,本实施例的电子设备的实施过程和技术原理参见前述对本公开实施例的多媒体资源切换方法的解释说明,此处不再赘述。
本公开实施例提供的电子设备,在用户界面中通过第一视图展示第一多媒体资源的过程中,在接收实施于用户界面的多媒体切换操作后,基于多媒体切换操作,确定待切换的第二多媒体资源,并根据多媒体切换操作的操作信息,分别控制第一视图移动离开用户界面以及用于展示第二多媒体资源的第二视图移动进入用户界面,直至第二视图完全占据用户界面,展示第二多媒体资源,并且,在第二视图在移动过程中,至少有部分时间遮盖第一多媒体资源的至少部分展示内容。由此,在多媒体资源切换的过程中,通过第二多媒体资源有部分时间遮盖第一多媒体资源的部分展示内容,可避免直接切换替换视图从而造成换割裂感情况的发生,实现了切换过程中动画层次丰富,提供多样化切换效果的同时,可实现流畅的切换效果。
为了实现上述实施例,本公开实施例还提出了一种存储介质。
其中,当存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行如前的多媒体资源切换方法。
为了实现上述实施例,本公开还提供一种计算机程序产品,该计算机程序由电子设备的处理器执行时,使得电子设备能够执行如前的多媒体资源切换方法。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
Claims (10)
1.一种多媒体资源切换方法,其特征在于,所述方法包括:
在用户界面中通过第一视图展示第一多媒体资源;
接收实施于所述用户界面的多媒体切换操作,确定待切换的第二多媒体资源;
其中,所述第二多媒体资源通过第二视图展示;
根据所述多媒体切换操作的操作信息,分别控制所述第一视图移动离开所述用户界面以及第二视图移动进入所述用户界面,直至所述第二视图完全占据所述用户界面,展示所述第二多媒体资源;
其中,所述第二视图在移动过程中,至少有部分时间遮盖所述第一多媒体资源的至少部分展示内容。
2.如权利要求1所述的方法,其特征在于,所述根据所述多媒体切换操作的操作信息,分别控制所述第一视图移动离开所述用户界面以及第二视图移动进入所述用户界面,包括:
根据所述多媒体切换操作的操作信息,控制所述第二视图移动进入所述用户界面;
在检测到所述第二视图被移动到所述用户界面的预设位置时,根据所述多媒体切换操作的操作信息,控制所述第一视图移动离开所述用户界面。
3.如权利要求2所述的方法,其特征在于,所述第一视图的移动速度大于所述第二视图的移动速度。
4.如权利要求3所述的方法,其特征在于,所述在检测到所述第二视图被移动到所述用户界面的预设位置时,根据所述多媒体切换操作的操作信息,控制所述第一视图移动离开所述用户界面,包括:
根据所述预设位置,获取所述第二视图完全占据所述用户界面所需要的剩余移动位置;
根据所述多媒体切换操作的操作信息,确定所述第一视图的移动方向;
根据所述第一视图的移动方向,获取所述第一视图离开所述用户界面所需要的移动位置,其中,所述移动位置大于所述剩余移动位置;
根据所述第二视图的移动速度、所述移动位置和所述剩余移动位置,确定所述第一视图的移动速度;
控制所述第一视图在所述移动方向上以所述第一视图的移动速度移动离开所述用户界面。
5.如权利要求4所述的方法,其特征在于,所述根据所述第二视图的移动速度、所述移动位置和所述剩余移动位置,确定所述第一视图的移动速度,包括:
根据所述第二视图的移动速度和所述剩余移动位置,确定所述第二视图的移动时间;
根据所述移动位置和所述第二视图的移动时间,确定所述第一视图的移动速度。
6.如权利要求1所述的方法,其特征在于,所述根据所述多媒体切换操作的操作信息,分别控制所述第一视图移动离开所述用户界面以及第二视图移动进入所述用户界面,包括:
根据所述多媒体切换操作的操作信息,确定所述第二视图的移动方向、所述第一视图的移动方向;
根据所述第一视图的移动方向,确定所述第一多媒体资源的移动方向,其中,所述第二视图和所述第一视图的移动方向相对于所述用户界面相同,所述第一多媒体资源的移动方向相对于所述第一视图的移动方向相反,所述第一多媒体资源的移动速度和所述第一视图的移动速度相同;
根据所述第二视图的移动方向控制所述第二视图移动进入所述用户界面;
根据所述第一视图的移动方向控制所述第一视图移动离开所述用户界面的同时,根据所述第一多媒体资源的移动方向,控制所述第一多媒体资源相对于所述第一视图移动。
7.如权利要求6所述的方法,其特征在于,所述方法还包括:
在检测到所述第二视图被移动到所述用户界面的预设位置时,调整所述第一多媒体资源的移动方向,所述第一多媒体资源调整前的移动方向和调整后的移动方向相反;
根据所述调整后的移动方向,控制所述第一多媒体资源移动离开所述用户界面。
8.一种多媒体资源切换装置,其特征在于,所述装置包括:
第一展示模块,被配置为在用户界面中通过第一视图展示第一多媒体资源;
确定模块,被配置为接收实施于所述用户界面的多媒体切换操作,确定待切换的第二多媒体资源;
其中,所述第二多媒体资源通过第二视图展示;
第一控制模块,被配置为根据所述多媒体切换操作的操作信息,分别控制所述第一视图移动离开所述用户界面以及第二视图移动进入所述用户界面,直至所述第二视图完全占据所述用户界面,展示所述第二多媒体资源;
其中,所述第二视图在移动过程中,至少有部分时间遮盖所述第一多媒体资源的至少部分展示内容。
9.一种电子设备,其特征在于,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如权利要求1至7中任一项所述的多媒体资源切换方法。
10.一种存储介质,其特征在于,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行如权利要求1至7中任一项所述的多媒体资源切换方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011060017.8A CN112256167A (zh) | 2020-09-30 | 2020-09-30 | 多媒体资源切换方法、装置、电子设备及存储介质 |
PCT/CN2021/105539 WO2022068311A1 (zh) | 2020-09-30 | 2021-07-09 | 多媒体资源切换方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011060017.8A CN112256167A (zh) | 2020-09-30 | 2020-09-30 | 多媒体资源切换方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112256167A true CN112256167A (zh) | 2021-01-22 |
Family
ID=74233555
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011060017.8A Pending CN112256167A (zh) | 2020-09-30 | 2020-09-30 | 多媒体资源切换方法、装置、电子设备及存储介质 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN112256167A (zh) |
WO (1) | WO2022068311A1 (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2022068311A1 (zh) * | 2020-09-30 | 2022-04-07 | 北京达佳互联信息技术有限公司 | 多媒体资源切换方法及装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102945116A (zh) * | 2012-10-19 | 2013-02-27 | 广东欧珀移动通信有限公司 | 一种界面切换显示方法、装置及移动终端 |
CN103390053A (zh) * | 2013-07-26 | 2013-11-13 | 贝壳网际(北京)安全技术有限公司 | 浏览器的页面切换控制方法、装置和客户端 |
EP3550848A1 (en) * | 2018-04-05 | 2019-10-09 | TVU Networks Corporation | Remote cloud-based video production system in an environment where there is network delay |
CN110856031A (zh) * | 2019-11-18 | 2020-02-28 | 广州市百果园信息技术有限公司 | 一种媒体资源的展示系统、方法、设备和存储介质 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103024559B (zh) * | 2012-11-09 | 2016-04-13 | 小米科技有限责任公司 | 一种切换视频的方法、装置和设备 |
CN104378685A (zh) * | 2014-11-17 | 2015-02-25 | 天脉聚源(北京)传媒科技有限公司 | 一种视频切换的方法及装置 |
US20170168706A1 (en) * | 2015-12-14 | 2017-06-15 | Le Holdings (Beijing) Co., Ltd. | Method and electronic device for switching videos |
CN111580718A (zh) * | 2020-04-30 | 2020-08-25 | 北京字节跳动网络技术有限公司 | 应用程序的页面切换方法、装置、电子设备及存储介质 |
CN112256167A (zh) * | 2020-09-30 | 2021-01-22 | 北京达佳互联信息技术有限公司 | 多媒体资源切换方法、装置、电子设备及存储介质 |
-
2020
- 2020-09-30 CN CN202011060017.8A patent/CN112256167A/zh active Pending
-
2021
- 2021-07-09 WO PCT/CN2021/105539 patent/WO2022068311A1/zh active Application Filing
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102945116A (zh) * | 2012-10-19 | 2013-02-27 | 广东欧珀移动通信有限公司 | 一种界面切换显示方法、装置及移动终端 |
CN103390053A (zh) * | 2013-07-26 | 2013-11-13 | 贝壳网际(北京)安全技术有限公司 | 浏览器的页面切换控制方法、装置和客户端 |
EP3550848A1 (en) * | 2018-04-05 | 2019-10-09 | TVU Networks Corporation | Remote cloud-based video production system in an environment where there is network delay |
CN110856031A (zh) * | 2019-11-18 | 2020-02-28 | 广州市百果园信息技术有限公司 | 一种媒体资源的展示系统、方法、设备和存储介质 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2022068311A1 (zh) * | 2020-09-30 | 2022-04-07 | 北京达佳互联信息技术有限公司 | 多媒体资源切换方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
WO2022068311A1 (zh) | 2022-04-07 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110554818B (zh) | 用于导航媒体内容的设备、方法和图形用户界面 | |
CN110908625B (zh) | 多屏显示方法、装置、设备、系统、舱体及存储介质 | |
CN105979339B (zh) | 一种窗口显示方法及客户端 | |
RU2698158C1 (ru) | Цифровая мультимедийная платформа для преобразования видеообъектов в представленные в игровой форме мультимедийные объекты | |
US20130246948A1 (en) | Control method and control device | |
US11825177B2 (en) | Methods, systems, and media for presenting interactive elements within video content | |
JP6995425B2 (ja) | 仮想シーン表示方法、装置、及びコンピュータプログラム | |
CN112181219B (zh) | 一种图标显示方法及其装置 | |
CN112104915A (zh) | 一种视频数据处理方法、装置及存储介质 | |
CN111813313A (zh) | 多媒体资源切换方法、装置、终端设备和存储介质 | |
CN114697721B (zh) | 弹幕显示方法及电子设备 | |
CN113727170A (zh) | 视频交互方法、装置、设备及介质 | |
CN112035195A (zh) | 应用界面的展示方法、装置、电子设备及存储介质 | |
CN112532896A (zh) | 视频的制作方法、装置、电子设备以及存储介质 | |
CN110740261A (zh) | 视频录制方法、装置、终端及存储介质 | |
CN108008894B (zh) | 一种内容显示方法、装置和终端设备 | |
KR20230149321A (ko) | 애플리케이션 및 전자 장치에서 트렌딩 이벤트를 표시하는 방법 | |
WO2022068311A1 (zh) | 多媒体资源切换方法及装置 | |
CN112169319B (zh) | 应用程序的启动方法、装置、设备及存储介质 | |
CN110647280A (zh) | 信息流的显示方法、装置、设备及介质 | |
CN113411532B (zh) | 记录内容的方法、装置、终端及存储介质 | |
CN109688455B (zh) | 视频播放方法、装置及设备 | |
CN114374872A (zh) | 视频生成方法、装置、电子设备及存储介质 | |
EP4221236A1 (en) | Methods, systems, and media for presenting a user interface in a wearable device | |
KR101553272B1 (ko) | 복수의 타이머를 사용하여 멀티미디어 콘텐츠를 저작하는 방법 및 복수의 타이머를 사용하여 멀티미디어 콘텐츠를 저작하는 저작 장치 |
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 |