CN115269105A - 内容展示方法、装置、设备及存储介质 - Google Patents
内容展示方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN115269105A CN115269105A CN202210999813.0A CN202210999813A CN115269105A CN 115269105 A CN115269105 A CN 115269105A CN 202210999813 A CN202210999813 A CN 202210999813A CN 115269105 A CN115269105 A CN 115269105A
- Authority
- CN
- China
- Prior art keywords
- media content
- control
- target page
- operation type
- current
- 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
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Position Input By Displaying (AREA)
Abstract
本公开实施例公开了内容展示方法、装置、设备及存储介质,涉及计算机技术领域。该方法包括:在目标页面中显示悬浮控件,并在悬浮控件中展示媒体流,在检测到用户触摸悬浮控件的情况下,确定触摸位置,并检测以触摸位置为起点的手势操作,根据触摸位置在悬浮控件中所处的目标区域,确定所检测到的当前手势操作的当前操作类型,并基于当前操作类型和当前手势操作,对悬浮控件进行相应的控制,其中,不同操作类型对应悬浮控件中的不同区域。通过采用上述技术方案,可以使得对悬浮控件的控制以及媒体内容的展示更加灵活,满足用户多样化的媒体内容观看需求,提升用户体验。
Description
技术领域
本公开实施例涉及计算机技术领域,尤其涉及内容展示方法、装置、设备及存储介质。
背景技术
随着互联网技术和终端技术的快速发展,应用程序中能够展示的内容越来越丰富。
目前,很多应用程序中支持在应用页面中显示悬浮窗等悬浮控件,在应用页面和悬浮窗中分别显示不同的内容,使得用户可以同时观看不同的内容。然而,为了提升用户体验,需要针对基于悬浮窗的内容显示方案进行优化。
发明内容
本公开实施例提供了内容展示方法、装置、存储介质及设备,可以优化现有的基于悬浮控件的内容展示方案。
第一方面,本公开实施例提供了内容展示方法,包括:
在目标页面中显示悬浮控件,并在所述悬浮控件中展示媒体流;
在检测到用户触摸所述悬浮控件的情况下,确定触摸位置,并检测以所述触摸位置为起点的手势操作;
根据所述触摸位置在所述悬浮控件中所处的目标区域,确定所检测到的当前手势操作的当前操作类型,并基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制,其中,不同操作类型对应所述悬浮控件中的不同区域。
第二方面,本公开实施例还提供了内容展示装置,包括:
悬浮控件显示模块,用于在目标页面中显示悬浮控件,并在所述悬浮控件中展示媒体流;
手势操作检测模块,用于在检测到用户触摸所述悬浮控件的情况下,确定触摸位置,并检测以所述触摸位置为起点的手势操作;
悬浮控件控制模块,用于根据所述触摸位置在所述悬浮控件中所处的目标区域,确定所检测到的当前手势操作的当前操作类型,并基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制,其中,不同操作类型对应所述悬浮控件中的不同区域。
第三方面,本公开实施例还提供了一种电子设备,所述电子设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现本公开实施例提供的内容展示方法。
第四方面,本公开实施例还提供了一种包含计算机可执行指令的存储介质,所述计算机可执行指令在由计算机处理器执行时用于执行本公开实施例提供的内容展示方法。
本公开实施例提供的内容展示方案,在目标页面中显示悬浮控件,并在悬浮控件中展示媒体流,在检测到用户触摸悬浮控件的情况下,确定触摸位置,并检测以触摸位置为起点的手势操作,根据触摸位置在悬浮控件中所处的目标区域,确定所检测到的当前手势操作的当前操作类型,并基于当前操作类型和当前手势操作,对悬浮控件进行相应的控制,其中,不同操作类型对应悬浮控件中的不同区域。通过采用上述技术方案,可以精准识别用户手势操作的操作类型,并根据不同的操作类型对用于展示媒体流的悬浮控件进行不同控制,使得对悬浮控件的控制更加灵活,也使得媒体内容的展示更加灵活,满足用户多样化的媒体内容观看需求,提升用户体验。
附图说明
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,原件和元素不一定按照比例绘制。
图1为本公开实施例所提供的一种内容展示方法的流程示意图;
图2为本公开实施例所提供的一种界面示意图;
图3为本公开实施例所提供的一种内容展示方法的流程示意图;
图4为本公开实施例所提供的一种界面交互示意图;
图5为本公开实施例所提供的另一种界面交互示意图;
图6为本公开实施例所提供的一种内容展示装置的结构示意图;
图7为本公开实施例所提供的一种电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
可以理解的是,在使用本公开各实施例公开的技术方案之前,均应当依据相关法律法规通过恰当的方式对本公开所涉及个人信息的类型、使用范围、使用场景等告知用户并获得用户的授权。
例如,在响应于接收到用户的主动请求时,向用户发送提示信息,以明确地提示用户,其请求执行的操作将需要获取和使用到用户的个人信息。从而,使得用户可以根据提示信息来自主地选择是否向执行本公开技术方案的操作的电子设备、应用程序、服务器或存储介质等软件或硬件提供个人信息。
作为一种可选的但非限定性的实现方式,响应于接收到用户的主动请求,向用户发送提示信息的方式例如可以是弹窗的方式,弹窗中可以以文字的方式呈现提示信息。此外,弹窗中还可以承载供用户选择“同意”或者“不同意”向电子设备提供个人信息的选择控件。
可以理解的是,上述通知和获取用户授权过程仅是示意性的,不对本公开的实现方式构成限定,其它满足相关法律法规的方式也可应用于本公开的实现方式中。
可以理解的是,本技术方案所涉及的数据(包括但不限于数据本身、数据的获取或使用)应当遵循相应法律法规及相关规定的要求。
图1为本公开实施例所提供的一种内容展示方法的流程示意图,本公开实施例适用于内容展示的情形,该方法可以由内容展示装置来执行,该装置可以通过软件和/或硬件的形式实现,可选的,通过电子设备来实现,该电子设备可以是手机、智能手表、平板电脑以及个人数字助理等移动终端,也可以为个人计算机(Personal Computer,PC)端或服务器等设备。
如图1所示,所述方法包括:
步骤101、在目标页面中显示悬浮控件,并在所述悬浮控件中展示媒体流。
本公开实施例中,目标页面可以是预设应用程序中的页面,预设应用程序的具体类型不做限定,例如可以是视频类应用程序、直播类应用程序、购物类应用程序或资讯类应用程序等,还可以是其他类型的应用程序。目标页面可以是预设应用程序中的任意页面,具体页面类型以及所包含的页面内容不做限定,例如可以是消息交互页面、媒体内容展示页面、商品详情页面或资讯信息显示页面等。
示例性的,悬浮控件可理解为视图元素,在目标页面中显示悬浮控件,可理解为在目标页面上层叠加显示该视图元素。其中,悬浮控件的具体属性,如形状、尺寸、颜色、透明度以及显示位置等,可根据实际需求设置,例如悬浮控件可以是悬浮框形态的控件。
本公开实施例中,在悬浮控件中展示媒体流,媒体流中包含的媒体内容可以包括图像、图文、音频或视频等。悬浮控件中展示的媒体流可以是向当前用户推送的媒体流,例如,根据当前用户生成相应的媒体流确定方式,根据该媒体流确定方式来确定针对当前用户的个性化的媒体流。本公开实施例还可适用于内容共享场景,也即当前用户可以与至少一个对端用户进行媒体流的共享,悬浮控件中展示的媒体流还可以是共享媒体流。
图2为本公开实施例所提供的一种界面示意图,如图2所示,在目标页面201中显示悬浮控件202。可选的,悬浮控件202位于目标页面201的左上角。在悬浮控件202中展示媒体流。
步骤102、在检测到用户触摸所述悬浮控件的情况下,确定触摸位置,并检测以所述触摸位置为起点的手势操作。
示例性的,用户可以通过手指等身体部位或触控笔等物体(以下统称触摸物)来触摸电子设备的屏幕(触摸屏),具体可以触摸目标页面中显示的悬浮框。当用户通过触摸物接触触摸屏中显示的悬浮控件时,通过触摸屏可以检测到触摸物的具体触摸位置,并通过触摸屏继续检测以该触摸位置为起点的手势操作,该手势操作例如可以是滑动、长按或拖动等。
步骤103、根据所述触摸位置在所述悬浮控件中所处的目标区域,确定所检测到的当前手势操作的当前操作类型,并基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制,其中,不同操作类型对应所述悬浮控件中的不同区域。
示例性的,可以将悬浮控件划分为至少两个区域,具体的划分方式不做限定,如上下两个区域,左右两个区域,或者中心区域和周围区域等。如图2所示,悬浮控件202划分为左右两个区域,分别为第一区域203和第二区域204。
其中,不同区域对应于同一种手势操作的不同操作类型,不同操作类型用于以不同的方式对悬浮控件进行控制。示例性的,操作类型可以包括移动悬浮控件(记为第一操作类型)、切换悬浮控件中当前展示的媒体内容(记为第二操作类型)、以及调整悬浮框尺寸(记为第三操作类型)中的至少一个。移动悬浮控件可以理解为调整悬浮控件在目标页面中的显示位置;切换悬浮控件中当前展示的媒体内容,可以理解为将悬浮控件中当前展示的媒体内容更换为媒体流中的另一媒体内容(如上一个媒体内容或下一个媒体内容)等;调整悬浮框尺寸可理解为调整悬浮框的宽度、高度或宽高比等。
例如,如图2所示,第一区域203对应于第一操作类型,第二区域204对应于第二操作类型。
示例性的,在检测到当前手势操作时,可以根据触摸位置所落入的区域(记为目标区域)来确定当前手势操作的当前操作类型,进而基于当前操作类型和当前手势操作,对悬浮控件进行相应的控制。
如图2所示,用户手指触摸悬浮控件的触摸位置落入第一区域203,则目标区域为第一区域203,对应的操作类型为第一操作类型,则根据当前手势操作控制悬浮控件移动。假设用户手指触摸悬浮控件的触摸位置落入第二区域204,则目标区域为第二区域204,对应的操作类型为第二操作类型,则根据当前手势操作切换悬浮控件中当前展示的媒体内容。
本公开实施例提供的内容展示方法,在目标页面中显示悬浮控件,并在悬浮控件中展示媒体流,在检测到用户触摸悬浮控件的情况下,确定触摸位置,并检测以触摸位置为起点的手势操作,根据触摸位置在悬浮控件中所处的目标区域,确定所检测到的当前手势操作的当前操作类型,并基于当前操作类型和当前手势操作,对悬浮控件进行相应的控制,其中,不同操作类型对应悬浮控件中的不同区域。通过采用上述技术方案,可以精准识别用户手势操作的操作类型,并根据不同的操作类型对用于展示媒体流的悬浮控件进行不同控制,使得对悬浮控件的控制更加灵活,也使得媒体内容的展示更加灵活,满足用户多样化的媒体内容观看需求,提升用户体验。
在一些实施例中,在所述当前操作类型为第一操作类型的情况下,所述基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制,包括:基于所述第一操作类型、所述当前手势操作的作用方向、以及所述当前手势操作的作用距离和/或作用速度,将所述悬浮控件移动至所述目标页面中相应的显示位置。这样设置的好处在于,可以精准地控制悬浮控件的移动。
示例性的,当前手势操作例如可以是滑动操作。其中,作用方向可以是滑动方向,对应于悬浮控件的移动方向,两者可以是同方向;作用距离可以是滑动距离,对应于悬浮控件的移动距离,两者可以相等或成正相关关系;作用速度可以是滑动速度,对应于悬浮控件的移动速度,两者可以相等或成正相关关系。
在一些实施例中,所述目标页面包括预设页面,所述方法还包括:在所述目标页面中,检测到背景播放模式被触发,将所述悬浮控件中当前展示的第一媒体内容,作为所述目标页面的背景进行展示,并取消所述悬浮控件的显示。。这样设置的好处在于,可以进一步灵活切换媒体内容的展示方式,使用户能够以不同的方式查看预设页面的页面内容以及媒体流中的媒体内容。
示例性的,背景播放模式可以理解为将悬浮控件中的媒体内容作为预设页面的背景进行播放的模式。预设页面可以包括页面内容的显示面积占页面总显示面积的比例小于预设比例阈值的页面,用于显示页面内容之外的区域可以显露出背景内容。预设页面例如可以包括消息交互页面(如聊天页面或消息列表页面等),还可以包括个人主页等页面。
在一些实施例中,所述目标页面包括消息交互页面,所述将所述悬浮控件中当前展示的第一媒体内容,作为所述目标页面的背景进行展示,包括:将所述目标页面的背景替换为所述悬浮控件中当前展示的第一媒体内容,以使所述消息交互页面的页面内容显示于所述第一媒体内容的上层,其中,所述页面内容包括消息内容和/或所述消息内容的关联内容。
示例性的,以消息交互页面为例,页面内容可以包括消息内容以及消息内容的关联内容,关联内容可以是消息交互对象的对象标识(如用户名称或用户头像等)等。这样,用户可以边收发消息边全屏(目标页面处于全屏显示状态的情况)查看媒体内容,兼顾消息交互体验和媒体内容观看体验。
在一些实施例中,所述在所述目标页面中,检测到背景播放模式被触发,包括:在所述目标页面中,接收到预设手势操作,则确定检测到背景播放模式被触发,其中,所述预设手势操作用于触发所述背景播放模式。这样设置的好处在于,可以便捷地通过输入预设手势操作,来触发背景播放模式。其中,预设手势操作例如可以是作用于悬浮控件的双指放大操作,也即两个手指触摸悬浮控件并向相反的方向移动。
在一些实施例中,所述操作类型包括第一操作类型,所述第一操作类型为移动所述悬浮控件;其中,在所述当前操作类型为第一操作类型的情况下,所述基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制,包括:基于所述第一操作类型和所述当前手势操作,将所述悬浮控件移动至所述目标页面中相应的显示位置;其中,所述在所述目标页面中,检测到背景播放模式被触发,包括:检测到所述用户停止触摸屏幕,判断所述悬浮控件的当前显示位置是否为目标显示位置;若是,则确定检测到背景播放模式被触发。这样设置的好处在于,可以复用第一操作类型,在移动悬浮框的过程中便捷地实现触发背景播放模式。
示例性的,目标显示位置可以根据实际需求设置。例如,目标显示位置包括所述目标页面中的预设范围内的位置。可选的,所述预设范围含有所述目标页面的中心点。可选的,所述预设范围的至少一个边界与所述目标页面的边界重合。
在一些实施例中,判断所述悬浮控件的当前显示位置是否为目标显示位置,若是,则确定检测到背景播放模式被触发,可具体包括:判断所述悬浮控件的当前显示位置是否为目标显示位置,若是,则继续判断所述当前显示位置保持为所述目标显示位置的时长是否大于预设时长阈值,若大于,则确定检测到背景播放模式被触发。这样设置的好处在于,可以使得用户移动悬浮控件的操作更加顺滑,在不需要在背景展示媒体内容时,不需要可以避开目标显示位置所处预设范围,防止误操作。
在一些实施例中,在所述将所述悬浮控件中当前展示的第一媒体内容,作为所述目标页面的背景进行展示,并取消所述悬浮控件的显示之后,包括:检测到当前媒体内容播放完毕,则自动切换至展示媒体流中的下一个媒体内容,或自动重复播放当前媒体内容。这样设置的好处在于,可以减少用户的主动操作,自动进行连续播放或循环播放,具体的自动播放方式可以由用户预先自主设置。
在一些实施例中,在所述将所述悬浮控件中当前展示的第一媒体内容,作为所述目标页面的背景进行展示,并取消所述悬浮控件的显示之后,包括:响应于所述用户作用于所述目标页面的第一预设操作,切换至隐藏状态播放模式以展示所述第一媒体内容,其中,在所述隐藏状态播放模式下,隐藏所述背景播放模式中所述目标页面中显示于所述背景上层的页面内容。这样设置的好处在于,通过隐藏页面内容的显示,可以快速切换为全屏方式展示媒体内容,从而获得更纯净的媒体内容观看体验。
示例性的,以消息交互页面为例,需要隐藏的页面内容可以包括上文所述的消息内容以及消息内容的关联内容等。这样,用户可以获得更加纯净的媒体内容观看页面。其中,第一预设操作可以是对预设隐藏按钮的触发操作,也可以是滑动操作,该滑动操作一般与用于浏览消息内容的滑动操作方向不同。例如,上下滑动操作用于浏览消息内容,左滑操作或右滑操作可以用于隐藏页面内容。可选的,若通过滑动操作触发隐藏页面内容,可以设定页面内容的隐藏过程的动态效果,如页面内容跟随滑动操作在预设页面中移动,并逐渐从预设页面中消失,以达到隐藏效果。
在一些实施例中,在所述切换至隐藏状态播放模式以展示所述第一媒体内容之后,还包括:响应于所述用户作用于所述目标页面的第二预设操作,切换所述目标页面中当前展示的媒体内容。这样设置的好处在于,在以隐藏状态播放模式展示媒体内容的过程中,可以允许用户通过输入第二预设操作的方式切换媒体内容,进一步提升观看体验。其中,第二预设操作例如可以是滑动操作,如向上滑动或向下滑动等。
可选的,在所述切换至隐藏状态播放模式以展示所述第一媒体内容之后,还包括:响应于所述用户作用于所述目标页面的第三预设操作,切换至所述背景播放模式。这样设置的好处在于,可以便捷地切换回页面内容的展示,如恢复聊天内容的显示。其中,第三预设操作可以是对预设显示按钮的触发操作,也可以是滑动操作,该滑动操作可以与第一预设操作方向相反,如第一预设操作为向右滑动,第三预设操作可以为向左滑动。
在一些实施例中,在所述切换至隐藏状态播放模式以展示所述第一媒体内容之后,还包括:在所述目标页面中显示预设控件。其中,所述预设控件用于以下至少一项:对所述目标页面中展示的媒体内容进行控制;针对所述目标页面中展示的媒体内容进行交互;以及,触发所述悬浮框的显示并将所述目标页面中展示的媒体内容切换至所述悬浮控件中进行展示。
可选的,预设控件的数量可以是一个或多个,不同预设控件的显示方式可以不同,例如,第一预设控件可以在隐藏页面内容之后自动显示,第二预设控件响应于用户针对目标页面的触发操作(如点击目标页面等)而显示。示例性的,对媒体内容进行控制可包括切换媒体内容、暂停媒体内容的播放、或屏蔽媒体内容声音等。针对所述目标页面中展示的媒体内容进行交互,可包括输入点赞操作、输入收藏操作、输入转发操作或输入评论内容等。
在一些实施例中,在所述当前操作类型为第二操作类型的情况下,所述基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制,包括:基于所述第二操作类型和所述当前手势操作的作用方向,将所述悬浮控件中当前展示的第二媒体内容切换为第三媒体内容,其中,所述第三媒体内容为所述媒体流中所述第二媒体内容的上一个媒体内容或下一个媒体内容。这样设置的好处在于,无需切换至全屏模式,也无需在悬浮控件中显示控件,即可根据手势操作的作用方向快速确定待切换的媒体内容,提高内容切换效率。可选的,第二媒体内容可以与第一媒体内容相同或不同。
图3为本公开实施例所提供的一种内容展示方法的流程示意图,本公开实施例以上述实施例中各个可选方案为基础进行优化,具体的,该方法包括如下步骤:
步骤301、在目标页面中显示悬浮控件,并在悬浮控件中展示媒体流。
图4为本公开实施例所提供的一种界面交互示意图,如图4所示,在目标页面401中显示悬浮控件402,目标页面401具体可以是消息交互页面,悬浮控件402中可以展示视频流,目标页面401底部可以显示用于触发消息输入的相关控件,如图中的话筒控件、输入框控件和表情控件。其中,视频流中可以包括不同用户发布的视频作品。
步骤302、在检测到用户触摸悬浮控件的情况下,确定触摸位置,并检测以触摸位置为起点的手势操作。
如图4所示,用户可以以手指触摸屏幕,当用户手指触摸悬浮控件402时,确定手指的触摸位置,并继续检测以该触摸位置为起点的手势操作,该手势操作具体可以是滑动操作。
步骤303、根据触摸位置在悬浮控件中所处的目标区域,确定所检测到的当前手势操作的当前操作类型。
示例性的,如图4所示,悬浮控件402中可以划分两个区域,第一区域403和第二区域(可以是悬浮控件402中除第一区域403之外的区域),为了便于用户视觉上快速明确第一区域的位置,可以在第一区域403内显示区域标识,如图4中的横线。其中,第一区域403对应于第一操作类型,第二区域对应于第二操作类型,第一操作类型为移动悬浮控件,第二操作类型为切换悬浮控件中当前展示的媒体内容。假设触摸位置落入第一区域403内,则确定所检测到的当前手势操作的第一操作类型。
步骤304、判断当前操作类型是否为第一操作类型,若是,则执行步骤305;否则,执行步骤310。
步骤305、基于第一操作类型、当前手势操作的作用方向、以及当前手势操作的作用距离和/或作用速度,将悬浮控件移动至目标页面中相应的显示位置。
示例性的,在确定当前操作类型为第一操作类型的情况下,可认为当前用户想要移动悬浮控件,则根据当前手势操作的作用方向、以及当前手势操作的作用距离以及作用速度等,跟随当前手势操作将悬浮控件动态移动至目标页面中相应的显示位置。
步骤306、检测到用户停止触摸屏幕,判断悬浮控件的当前显示位置是否为目标显示位置,若是,则执行步骤307;否则,结束流程。
示例性的,在将悬浮控件移动至目标页面中相应的显示位置的过程中,也即在用户停止触摸屏幕之前,也可实时判断悬浮控件的当前显示位置是否为目标显示位置,若是,则可以显示提示信息,用于提示当前用户若此时松手,可在背景播放悬浮控件内的媒体内容。如图4所示,用户将悬浮控件移动至目标页面中央时,可认为当前显示位置为目标显示位置,可在悬浮控件显示提示信息“松开在背景播放”404。
步骤307、确定检测到背景播放模式被触发,将悬浮控件中当前展示的第一媒体内容,作为目标页面的背景进行展示,并取消悬浮控件的显示。
示例性的,若用户松开手指时,悬浮控件的当前显示位置为目标显示位置,则可在目标页面的背景中继续展示悬浮控件中的媒体内容。
如图4所示,用户松手之前,悬浮控件内正在播放风景视频(第一媒体内容),用户松手后,该风景视频可继续在目标页面的背景中继续播放,且悬浮控件消失。
步骤308、响应于用户作用于目标页面的第一预设操作,切换至隐藏状态播放模式以展示第一媒体内容,以隐藏背景播放模式中显示于背景上层的页面内容,在目标页面中显示预设控件。
示例性的,第一预设操作可以滑动操作。在目标页面中,用户可以通过上下滑动来浏览消息内容,第一预设操作可以是左右滑动。如图4所示,用户输入向右滑动操作,消息内容和用于触发消息输入的相关控件等页面内容被隐藏,在目标页面中继续播放风景视频,并可在目标页面中显示预设控件,预设控件例如可包括一个或多个交互控件,如图中的4个交互控件405,预设控件例如还可包括悬浮控件切换控件,如图中的切换按钮406。
步骤309、响应于用户作用于目标页面的第二预设操作,切换目标页面中当前展示的媒体内容。
示例性的,页面内容隐藏后,用户可以在目标页面中切换媒体内容。如图4所示,用户可以通过输入向上滑动操作,来切换视频内容,将风景视频切换为小丑视频。
可选的,如图4所示,用户还可以通过触发切换按钮406,来触发悬浮框的显示并将目标页面中当前展示的小丑视频切换至悬浮控件中继续播放。
步骤310、基于第二操作类型和当前手势操作的作用方向,将悬浮控件中当前展示的第二媒体内容切换为第三媒体内容。
其中,第三媒体内容为媒体流中第二媒体内容的上一个媒体内容或下一个媒体内容。
示例性的,假设用户手指触摸屏幕时确定的触摸位置落入第二区域,则对应的操作类型为第二操作类型,可认为当前用户想要切换悬浮控件内的媒体内容。图5为本公开实施例所提供的另一种界面交互示意图,如图5所示,用户输入向下滑动操作,可将悬浮控件中当前展示的风景视频(第二媒体内容)切换为人物视频(第三媒体内容)。通过在悬浮控件中输入向上滑动操作或向下滑动操作,可以便捷地实现媒体内容的切换。
本公开实施例提供的内容展示方法,在消息交互页面中显示用于展示媒体内容的悬浮控件,可以实现边聊天边观看媒体内容,能够精准识别用户手势操作的操作类型,并根据不同的操作类型对用于展示媒体流的悬浮控件进行移动或切换媒体内容,使得对悬浮控件的控制更加灵活,在移动悬浮控件的过程中,还可以将媒体内容切换至页面背景中继续播放,并在目标页面中提供隐藏页面内容的功能,使得用户可以便捷地切换至全屏观看媒体内容,并在全屏播放过程中,提供多种预设控件,方便用户进一步基于媒体内容进行控制或交互,可切换回悬浮控件播放,使得媒体内容的展示更加灵活,满足用户多样化的媒体内容观看需求,提升用户体验。
在一些实施例中,所述将所述悬浮控件中当前展示的第一媒体内容,作为所述目标页面的背景进行展示,并取消所述悬浮控件的显示,包括:将画布切换组件从所述悬浮控件中解绑,并将所述画布切换组件绑定至所述目标页面的背景视图上,其中,所述画布切换组件中包含多个画布,所述画布配置有媒体播放器,所述媒体播放器用于播放所述悬浮控件中当前展示的第一媒体内容;从预设数据库中获取所述第一媒体内容的关联信息,基于所述关联信息在所述背景视图中基于所述画布切换组件继续展示所述第一媒体内容,并取消所述悬浮控件的显示,其中,所述关联信息包括媒体标识、播放进度和播放状态中的至少一种。这样设置的好处在于,可以保证媒体内容展示切换的流畅性。
示例性的,画布切换组件又称页面切换组件或视图切换组件(ViewPager),画布切换组件中包含多个画布,画布又称为视图持有者(ViewHolder),每个画布可以用于缓存一个媒体内容。其中,可以通过画布切换组件批量从服务端拉取多个媒体内容,一次拉取的媒体内容的数量可以与画布切换组件中画布的数量一致,例如,若一次拉取5个视频,则可以有5个画布。画布配置有媒体播放器,媒体播放器用于播放悬浮控件中当前展示的媒体内容,每个画布可独立配置媒体播放器,也可多个画布共用一个媒体播放器,具体不做限定。
本公开实施例中,悬浮控件和背景视图均可视为画布切换组件的容器,在需要将悬浮控件中当前展示的第一媒体内容,作为目标页面的背景进行展示时,可以将画布切换组件从悬浮控件中取出(例如可调用remove view函数),并放入背景视图中,取出的过程可视为解绑(例如可调用addview函数),放入的过程可视为绑定。为了保证更换容器前后媒体内容播放的连续性,在悬浮控件中展示媒体内容的过程中,可以实时向预设数据库中存入当前展示的媒体内容的关联信息,如媒体标识(用于表示媒体内容的身份,具体形式不做限定)、播放进度和播放状态(可包括正在播放和暂停播放等)中的至少一种,在绑定至背景视图后,可从预设数据库中获取最新的关联信息,并基于所获取的关联信息在背景视图中通过画布切换组件继续展示媒体内容。可选的,将画布切换组件绑定至目标页面的背景视图后,可以重新配置媒体播放器的预设参数,以适配背景视图,预设参数例如可包括媒体播放器的尺寸等。
在一些实施例中,所述悬浮控件中绑定有画布切换组件,所述画布切换组件中包含多个画布,所述画布配置有媒体播放器,所述媒体播放器用于播放对应画布中加载的媒体内容,以实现在所述悬浮控件中展示媒体内容;其中,所述基于所述第二操作类型和所述当前手势操作的作用方向,将所述悬浮控件中当前展示的第二媒体内容切换为第三媒体内容,包括:基于所述第二操作类型,将所述当前手势操作传递至所述画布切换组件,以使所述画布切换组件根据所述当前手势操作的作用方向以及所述悬浮控件中当前展示的第二媒体内容的第一内容标识,确定待切换的第三媒体内容的第二内容标识;通过所述画布切换组件向各画布广播所述第二内容标识,以使与所述第二内容标识相匹配的画布通过对应的媒体播放器播放所述第二媒体内容。这样设置的好处在于,可以精准地实现悬浮控件内的媒体内容切换。
示例性的,在画布切换组件中,可以为各画布中加载的媒体内容进行编号,可记为内容标识,在检测到第二操作类型的手势操作后,根据作用方向和第一内容标识,确定第二内容标识,并应用事件总线(EventBus,可理解为一种广播机制)的观察者模式,通知画布切换组件中的所有画布,将自身缓存的视频的内容标识与第二内容标识进行匹配,以判断是否应由自己处理,对于匹配成功的画布,对相应的媒体内容进行加载以及渲染画面等操作,并通过媒体播放器进行播放。
图6为本公开实施例所提供的一种内容展示装置结构示意图,如图6所示,所述装置包括:悬浮控件显示模块601、手势操作检测模块602以及悬浮控件控制模块603。
悬浮控件显示模块601,用于在目标页面中显示悬浮控件,并在所述悬浮控件中展示媒体流;
手势操作检测模块602,用于在检测到用户触摸所述悬浮控件的情况下,确定触摸位置,并检测以所述触摸位置为起点的手势操作;
悬浮控件控制模块603,用于根据所述触摸位置在所述悬浮控件中所处的目标区域,确定所检测到的当前手势操作的当前操作类型,并基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制,其中,不同操作类型对应所述悬浮控件中的不同区域。
本公开实施例所提供的内容展示装置,在目标页面中显示悬浮控件,并在悬浮控件中展示媒体流,在检测到用户触摸悬浮控件的情况下,确定触摸位置,并检测以触摸位置为起点的手势操作,根据触摸位置在悬浮控件中所处的目标区域,确定所检测到的当前手势操作的当前操作类型,并基于当前操作类型和当前手势操作,对悬浮控件进行相应的控制,其中,不同操作类型对应悬浮控件中的不同区域。通过采用上述技术方案,可以精准识别用户手势操作的操作类型,并根据不同的操作类型对用于展示媒体流的悬浮控件进行不同控制,使得对悬浮控件的控制更加灵活,也使得媒体内容的展示更加灵活,满足用户多样化的媒体内容观看需求,提升用户体验。
可选的,所述操作类型包括第一操作类型和/或第二操作类型,所述第一操作类型为移动所述悬浮控件,所述第二操作类型为切换所述悬浮控件中当前展示的媒体内容。
可选的,所述悬浮控件控制模块在所述当前操作类型为第一操作类型的情况下,执行所述基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制时,具体用于:
基于所述第一操作类型、所述当前手势操作的作用方向、以及所述当前手势操作的作用距离和/或作用速度,将所述悬浮控件移动至所述目标页面中相应的显示位置。
可选的,所述目标页面包括预设页面;所述装置还包括:
背景播放模式触发模块,用于在所述目标页面中,检测到背景播放模式被触发,将所述悬浮控件中当前展示的第一媒体内容,作为所述目标页面的背景进行展示,并取消所述悬浮控件的显示。
可选的,所述在所述目标页面中,检测到背景播放模式被触发,包括:在所述目标页面中,接收到预设手势操作,则确定检测到背景播放模式被触发,其中,所述预设手势操作用于触发所述背景播放模式。
可选的,所述操作类型包括第一操作类型,所述第一操作类型为移动所述悬浮控件;所述悬浮控件控制模块,在所述当前操作类型为第一操作类型的情况下,执行所述基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制时,具体用于:基于所述第一操作类型和所述当前手势操作,将所述悬浮控件移动至所述目标页面中相应的显示位置;
其中,所述在所述目标页面中,检测到背景播放模式被触发,包括:
检测到所述用户停止触摸屏幕,判断所述悬浮控件的当前显示位置是否为目标显示位置;若是,则确定检测到背景播放模式被触发。
可选的,所述目标显示位置包括所述目标页面中的预设范围内的位置,所述预设范围含有所述目标页面的中心点。
可选的,所述目标页面包括消息交互页面;所述将所述悬浮控件中当前展示的第一媒体内容,作为所述目标页面的背景进行展示,包括:
将所述目标页面的背景替换为所述悬浮控件中当前展示的第一媒体内容,以使所述消息交互页面的页面内容显示于所述第一媒体内容的上层,其中,所述页面内容包括消息内容和/或所述消息内容的关联内容。
可选的,该装置还可包括:
隐藏状态播放模式切换模块,用于响应于所述用户作用于所述目标页面的第一预设操作,切换至隐藏状态播放模式以展示所述第一媒体内容,其中,在所述隐藏状态播放模式下,隐藏所述背景播放模式中显示于所述背景上层的页面内容。
可选的,该装置还可包括:
内容切换模块,用于在所述切换至隐藏状态播放模式以展示所述第一媒体内容之后,响应于所述用户作用于所述目标页面的第二预设操作,切换所述目标页面中当前展示的媒体内容。
可选的,该装置还可包括:
预设控件显示模块,用于在所述切换至隐藏状态播放模式以展示所述第一媒体内容之后,在所述目标页面中显示预设控件;其中,所述预设控件用于以下至少一项:对所述目标页面中展示的媒体内容进行控制;针对所述目标页面中展示的媒体内容进行交互;以及,触发所述悬浮框的显示并将所述目标页面中展示的媒体内容切换至所述悬浮控件中进行展示。
可选的,所述背景展示模块在执行将所述悬浮控件中当前展示的第一媒体内容,作为所述目标页面的背景进行展示,并取消所述悬浮控件的显示时,具体用于:
将画布切换组件从所述悬浮控件中解绑,并将所述画布切换组件绑定至所述目标页面的背景视图上,其中,所述画布切换组件中包含多个画布,所述画布配置有媒体播放器,所述媒体播放器用于播放所述悬浮控件中当前展示的第一媒体内容;
从预设数据库中获取所述第一媒体内容的关联信息,基于所述关联信息在所述背景视图中基于所述画布切换组件继续展示所述第一媒体内容,并取消所述悬浮控件的显示,其中,所述关联信息包括媒体标识、播放进度和播放状态中的至少一种。
可选的,所述悬浮控件控制模块在所述当前操作类型为第二操作类型的情况下,在执行所述基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制时,具体用于:
基于所述第二操作类型和所述当前手势操作的作用方向,将所述悬浮控件中当前展示的第二媒体内容切换为第三媒体内容,其中,所述第三媒体内容为所述媒体流中所述第二媒体内容的上一个媒体内容或下一个媒体内容。
可选的,所述悬浮控件中绑定有画布切换组件,所述画布切换组件中包含多个画布,所述画布配置有媒体播放器,所述媒体播放器用于播放对应画布中加载的媒体内容,以实现在所述悬浮控件中展示媒体内容;
其中,所述基于所述第二操作类型和所述当前手势操作的作用方向,将所述悬浮控件中当前展示的第二媒体内容切换为第三媒体内容,包括:
基于所述第二操作类型,将所述当前手势操作传递至所述画布切换组件,以使所述画布切换组件根据所述当前手势操作的作用方向以及所述悬浮控件中当前展示的第二媒体内容的第一内容标识,确定待切换的第三媒体内容的第二内容标识;
通过所述画布切换组件向各画布广播所述第二内容标识,以使与所述第二内容标识相匹配的画布通过对应的媒体播放器播放所述第二媒体内容。
本公开实施例所提供的内容展示装置可执行本公开任意实施例所提供的内容展示方法,具备执行方法相应的功能模块和有益效果。
值得注意的是,上述装置所包括的各个单元和模块只是按照功能逻辑进行划分的,但并不局限于上述的划分,只要能够实现相应的功能即可;另外,各功能单元的具体名称也只是为了便于相互区分,并不用于限制本公开实施例的保护范围。
图7为本公开实施例所提供的一种电子设备的结构示意图。下面参考图7,其示出了适于用来实现本公开实施例的电子设备(例如图7中的终端设备或服务器)700的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图7示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图7所示,电子设备700可以包括处理装置(例如中央处理器、图形处理器等)701,其可以根据存储在只读存储器(ROM)702中的程序或者从存储装置708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。在RAM 703中,还存储有电子设备700操作所需的各种程序和数据。处理装置701、ROM 702以及RAM 703通过总线704彼此相连。编辑/输出(I/O)接口705也连接至总线704。
通常,以下装置可以连接至I/O接口705:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置706;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置707;包括例如磁带、硬盘等的存储装置708;以及通信装置709。通信装置709可以允许电子设备700与其他设备进行无线或有线通信以交换数据。虽然图7示出了具有各种装置的电子设备700,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置709从网络上被下载和安装,或者从存储装置708被安装,或者从ROM 702被安装。在该计算机程序被处理装置701执行时,执行本公开实施例的方法中限定的上述功能。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
本公开实施例提供的电子设备与上述实施例提供的内容展示方法属于同一发明构思,未在本实施例中详尽描述的技术细节可参见上述实施例,并且本实施例与上述实施例具有相同的有益效果。
本公开实施例提供了一种计算机存储介质,其上存储有计算机程序,该程序被处理器执行时实现上述实施例所提供的内容展示方法。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
在一些实施方式中,客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:在目标页面中显示悬浮控件,并在所述悬浮控件中展示媒体流;在检测到用户触摸所述悬浮控件的情况下,确定触摸位置,并检测以所述触摸位置为起点的手势操作;根据所述触摸位置在所述悬浮控件中所处的目标区域,确定所检测到的当前手势操作的当前操作类型,并基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制,其中,不同操作类型对应所述悬浮控件中的不同区域。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块的名称在某种情况下并不构成对该模块本身的限定,例如,悬浮控件显示模块还可以被描述为“在目标页面中显示悬浮控件,并在所述悬浮控件中展示媒体流的模块”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的一个或多个实施例,提供了一种内容展示方法,包括:
在目标页面中显示悬浮控件,并在所述悬浮控件中展示媒体流;
在检测到用户触摸所述悬浮控件的情况下,确定触摸位置,并检测以所述触摸位置为起点的手势操作;
根据所述触摸位置在所述悬浮控件中所处的目标区域,确定所检测到的当前手势操作的当前操作类型,并基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制,其中,不同操作类型对应所述悬浮控件中的不同区域。
根据本公开的一个或多个实施例,所述操作类型包括第一操作类型和/或第二操作类型,所述第一操作类型为移动所述悬浮控件,所述第二操作类型为切换所述悬浮控件中当前展示的媒体内容。
根据本公开的一个或多个实施例,在所述当前操作类型为第一操作类型的情况下,所述基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制,包括:
基于所述第一操作类型、所述当前手势操作的作用方向、以及所述当前手势操作的作用距离和/或作用速度,将所述悬浮控件移动至所述目标页面中相应的显示位置。
根据本公开的一个或多个实施例,所述目标页面包括预设页面;所述方法还包括:
在所述目标页面中,检测到背景播放模式被触发,将所述悬浮控件中当前展示的第一媒体内容,作为所述目标页面的背景进行展示,并取消所述悬浮控件的显示。
根据本公开的一个或多个实施例,所述在所述目标页面中,检测到背景播放模式被触发,包括:
在所述目标页面中,接收到预设手势操作,则确定检测到背景播放模式被触发,其中,所述预设手势操作用于触发所述背景播放模式。
根据本公开的一个或多个实施例,所述操作类型包括第一操作类型,所述第一操作类型为移动所述悬浮控件;
其中,在所述当前操作类型为第一操作类型的情况下,所述基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制,包括:
基于所述第一操作类型和所述当前手势操作,将所述悬浮控件移动至所述目标页面中相应的显示位置;
其中,所述在所述目标页面中,检测到背景播放模式被触发,包括:
检测到所述用户停止触摸屏幕,判断所述悬浮控件的当前显示位置是否为目标显示位置;
若是,则确定检测到背景播放模式被触发。
根据本公开的一个或多个实施例,所述目标显示位置包括所述目标页面中的预设范围内的位置,所述预设范围含有所述目标页面的中心点。
根据本公开的一个或多个实施例,所述目标页面包括消息交互页面,所述将所述悬浮控件中当前展示的第一媒体内容,作为所述目标页面的背景进行展示,包括:
将所述目标页面的背景替换为所述悬浮控件中当前展示的第一媒体内容,以使所述消息交互页面的页面内容显示于所述第一媒体内容的上层,其中,所述页面内容包括消息内容和/或所述消息内容的关联内容。
根据本公开的一个或多个实施例,在所述将所述悬浮控件中当前展示的第一媒体内容,作为所述目标页面的背景进行展示,并取消所述悬浮控件的显示之后,包括:
响应于所述用户作用于所述目标页面的第一预设操作,切换至隐藏状态播放模式以展示所述第一媒体内容,其中,在所述隐藏状态播放模式下,隐藏所述背景播放模式中显示于所述背景上层的页面内容。
根据本公开的一个或多个实施例,在所述切换至隐藏状态播放模式以展示所述第一媒体内容之后,还包括:
响应于所述用户作用于所述目标页面的第二预设操作,切换所述目标页面中当前展示的媒体内容。
根据本公开的一个或多个实施例,在所述切换至隐藏状态播放模式以展示所述第一媒体内容之后,还包括:
在所述目标页面中显示预设控件;
其中,所述预设控件用于以下至少一项:
对所述目标页面中展示的媒体内容进行控制;
针对所述目标页面中展示的媒体内容进行交互;以及,
触发所述悬浮框的显示并将所述目标页面中展示的媒体内容切换至所述悬浮控件中进行展示。
根据本公开的一个或多个实施例,所述将所述悬浮控件中当前展示的第一媒体内容,作为所述目标页面的背景进行展示,并取消所述悬浮控件的显示,包括:
将画布切换组件从所述悬浮控件中解绑,并将所述画布切换组件绑定至所述目标页面的背景视图上,其中,所述画布切换组件中包含多个画布,所述画布配置有媒体播放器,所述媒体播放器用于播放所述悬浮控件中当前展示的第一媒体内容;
从预设数据库中获取所述第一媒体内容的关联信息,基于所述关联信息在所述背景视图中基于所述画布切换组件继续展示所述第一媒体内容,并取消所述悬浮控件的显示,其中,所述关联信息包括媒体标识、播放进度和播放状态中的至少一种。
根据本公开的一个或多个实施例,在所述当前操作类型为第二操作类型的情况下,所述基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制,包括:
基于所述第二操作类型和所述当前手势操作的作用方向,将所述悬浮控件中当前展示的第二媒体内容切换为第三媒体内容,其中,所述第三媒体内容为所述媒体流中所述第二媒体内容的上一个媒体内容或下一个媒体内容。
根据本公开的一个或多个实施例,所述悬浮控件中绑定有画布切换组件,所述画布切换组件中包含多个画布,所述画布配置有媒体播放器,所述媒体播放器用于播放对应画布中加载的媒体内容,以实现在所述悬浮控件中展示媒体内容;
其中,所述基于所述第二操作类型和所述当前手势操作的作用方向,将所述悬浮控件中当前展示的第二媒体内容切换为第三媒体内容,包括:
基于所述第二操作类型,将所述当前手势操作传递至所述画布切换组件,以使所述画布切换组件根据所述当前手势操作的作用方向以及所述悬浮控件中当前展示的第二媒体内容的第一内容标识,确定待切换的第三媒体内容的第二内容标识;
通过所述画布切换组件向各画布广播所述第二内容标识,以使与所述第二内容标识相匹配的画布通过对应的媒体播放器播放所述第二媒体内容。
根据本公开的一个或多个实施例,提供了一种内容展示装置,包括:
悬浮控件显示模块,用于在目标页面中显示悬浮控件,并在所述悬浮控件中展示媒体流;
手势操作检测模块,用于在检测到用户触摸所述悬浮控件的情况下,确定触摸位置,并检测以所述触摸位置为起点的手势操作;
悬浮控件控制模块,用于根据所述触摸位置在所述悬浮控件中所处的目标区域,确定所检测到的当前手势操作的当前操作类型,并基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制,其中,不同操作类型对应所述悬浮控件中的不同区域。
根据本公开的一个或多个实施例,提供了一种电子设备,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现本公开实施例提供的内容展示方法。
根据本公开的一个或多个实施例,提供了一种包含计算机可执行指令的存储介质,所述计算机可执行指令在由计算机处理器执行时用于执行本公开实施例提供的内容展示方法。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。
Claims (18)
1.一种内容展示方法,其特征在于,包括:
在目标页面中显示悬浮控件,并在所述悬浮控件中展示媒体流;
在检测到用户触摸所述悬浮控件的情况下,确定触摸位置,并检测以所述触摸位置为起点的手势操作;
根据所述触摸位置在所述悬浮控件中所处的目标区域,确定所检测到的当前手势操作的当前操作类型,并基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制,其中,不同操作类型对应所述悬浮控件中的不同区域。
2.根据权利要求1所述的方法,其特征在于,所述操作类型包括第一操作类型和/或第二操作类型,所述第一操作类型为移动所述悬浮控件,所述第二操作类型为切换所述悬浮控件中当前展示的媒体内容。
3.根据权利要求2所述的方法,其特征在于,在所述当前操作类型为第一操作类型的情况下,所述基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制,包括:
基于所述第一操作类型、所述当前手势操作的作用方向、以及所述当前手势操作的作用距离和/或作用速度,将所述悬浮控件移动至所述目标页面中相应的显示位置。
4.根据权利要求1所述的方法,其特征在于,所述目标页面包括预设页面;所述方法还包括:
在所述目标页面中,检测到背景播放模式被触发,将所述悬浮控件中当前展示的第一媒体内容,作为所述目标页面的背景进行展示,并取消所述悬浮控件的显示。
5.根据权利要求4所述的方法,其特征在于,所述在所述目标页面中,检测到背景播放模式被触发,包括:
在所述目标页面中,接收到预设手势操作,则确定检测到背景播放模式被触发,其中,所述预设手势操作用于触发所述背景播放模式。
6.根据权利要求4所述的方法,其特征在于,所述操作类型包括第一操作类型,所述第一操作类型为移动所述悬浮控件;
其中,在所述当前操作类型为第一操作类型的情况下,所述基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制,包括:
基于所述第一操作类型和所述当前手势操作,将所述悬浮控件移动至所述目标页面中相应的显示位置;
其中,所述在所述目标页面中,检测到背景播放模式被触发,包括:
检测到所述用户停止触摸屏幕,判断所述悬浮控件的当前显示位置是否为目标显示位置;
若是,则确定检测到背景播放模式被触发。
7.根据权利要求6所述的方法,其特征在于,所述目标显示位置包括所述目标页面中的预设范围内的位置,所述预设范围含有所述目标页面的中心点。
8.根据权利要求4所述的方法,其特征在于,所述目标页面包括消息交互页面,所述将所述悬浮控件中当前展示的第一媒体内容,作为所述目标页面的背景进行展示,包括:
将所述目标页面的背景替换为所述悬浮控件中当前展示的第一媒体内容,以使所述消息交互页面的页面内容显示于所述第一媒体内容的上层,其中,所述页面内容包括消息内容和/或所述消息内容的关联内容。
9.根据权利要求4所述的方法,其特征在于,在所述将所述悬浮控件中当前展示的第一媒体内容,作为所述目标页面的背景进行展示,并取消所述悬浮控件的显示之后,包括:
响应于所述用户作用于所述目标页面的第一预设操作,切换至隐藏状态播放模式以展示所述第一媒体内容,其中,在所述隐藏状态播放模式下,隐藏所述背景播放模式中显示于所述第一媒体内容上层的页面内容。
10.根据权利要求9所述的方法,其特征在于,在所述切换至隐藏状态播放模式以展示所述第一媒体内容之后,还包括:
响应于所述用户作用于所述目标页面的第二预设操作,切换所述目标页面中当前展示的媒体内容。
11.根据权利要求9所述的方法,其特征在于,在所述切换至隐藏状态播放模式以展示所述第一媒体内容之后,还包括:
在所述目标页面中显示预设控件;
其中,所述预设控件用于以下至少一项:
对所述目标页面中展示的媒体内容进行控制;
针对所述目标页面中展示的媒体内容进行交互;以及,
触发所述悬浮框的显示并将所述目标页面中展示的媒体内容切换至所述悬浮控件中进行展示。
12.根据权利要求4-11任一所述的方法,其特征在于,所述将所述悬浮控件中当前展示的第一媒体内容,作为所述目标页面的背景进行展示,并取消所述悬浮控件的显示,包括:
将画布切换组件从所述悬浮控件中解绑,并将所述画布切换组件绑定至所述目标页面的背景视图上,其中,所述画布切换组件中包含多个画布,所述画布配置有媒体播放器,所述媒体播放器用于播放所述悬浮控件中当前展示的第一媒体内容;
从预设数据库中获取所述第一媒体内容的关联信息,基于所述关联信息在所述背景视图中基于所述画布切换组件继续展示所述第一媒体内容,并取消所述悬浮控件的显示,其中,所述关联信息包括媒体标识、播放进度和播放状态中的至少一种。
13.根据权利要求2所述的方法,其特征在于,在所述当前操作类型为第二操作类型的情况下,所述基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制,包括:
基于所述第二操作类型和所述当前手势操作的作用方向,将所述悬浮控件中当前展示的第二媒体内容切换为第三媒体内容,其中,所述第三媒体内容为所述媒体流中所述第二媒体内容的上一个媒体内容或下一个媒体内容。
14.根据权利要求13所述的方法,其特征在于,所述悬浮控件中绑定有画布切换组件,所述画布切换组件中包含多个画布,所述画布配置有媒体播放器,所述媒体播放器用于播放对应画布中加载的媒体内容,以实现在所述悬浮控件中展示媒体内容;
其中,所述基于所述第二操作类型和所述当前手势操作的作用方向,将所述悬浮控件中当前展示的第二媒体内容切换为第三媒体内容,包括:
基于所述第二操作类型,将所述当前手势操作传递至所述画布切换组件,以使所述画布切换组件根据所述当前手势操作的作用方向以及所述悬浮控件中当前展示的第二媒体内容的第一内容标识,确定待切换的第三媒体内容的第二内容标识;
通过所述画布切换组件向各画布广播所述第二内容标识,以使与所述第二内容标识相匹配的画布通过对应的媒体播放器播放所述第二媒体内容。
15.一种内容展示装置,其特征在于,包括:
悬浮控件显示模块,用于在目标页面中显示悬浮控件,并在所述悬浮控件中展示媒体流;
手势操作检测模块,用于在检测到用户触摸所述悬浮控件的情况下,确定触摸位置,并检测以所述触摸位置为起点的手势操作;
悬浮控件控制模块,用于根据所述触摸位置在所述悬浮控件中所处的目标区域,确定所检测到的当前手势操作的当前操作类型,并基于所述当前操作类型和所述当前手势操作,对所述悬浮控件进行相应的控制,其中,不同操作类型对应所述悬浮控件中的不同区域。
16.根据权利要求15所述的装置,其特征在于,包括:用于执行如权利要求2-14任一项所述的方法的模块。
17.一种电子设备,其特征在于,所述电子设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-14中任一所述的内容展示方法。
18.一种包含计算机可执行指令的存储介质,其特征在于,所述计算机可执行指令在由计算机处理器执行时用于执行如权利要求1-14中任一所述的内容展示方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210999813.0A CN115269105A (zh) | 2022-08-19 | 2022-08-19 | 内容展示方法、装置、设备及存储介质 |
PCT/CN2023/113323 WO2024037563A1 (zh) | 2022-08-19 | 2023-08-16 | 内容展示方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210999813.0A CN115269105A (zh) | 2022-08-19 | 2022-08-19 | 内容展示方法、装置、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115269105A true CN115269105A (zh) | 2022-11-01 |
Family
ID=83753750
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210999813.0A Pending CN115269105A (zh) | 2022-08-19 | 2022-08-19 | 内容展示方法、装置、设备及存储介质 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN115269105A (zh) |
WO (1) | WO2024037563A1 (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116627562A (zh) * | 2023-05-15 | 2023-08-22 | 成都赛力斯科技有限公司 | 悬浮窗口的切换方法、装置、电子设备及计算机可读存储介质 |
WO2024037563A1 (zh) * | 2022-08-19 | 2024-02-22 | 北京字跳网络技术有限公司 | 内容展示方法、装置、设备及存储介质 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104166458A (zh) * | 2014-08-12 | 2014-11-26 | 广州华多网络科技有限公司 | 控制多媒体播放器的方法及装置 |
CN106980441A (zh) * | 2017-03-29 | 2017-07-25 | 杭州弗凡科技有限公司 | 车载导航终端的悬浮窗口交互方法及车载导航终端 |
CN110929054B (zh) * | 2019-11-20 | 2022-08-05 | 北京小米移动软件有限公司 | 多媒体信息应用界面显示方法及装置、终端、介质 |
CN113126839B (zh) * | 2021-03-16 | 2023-06-23 | 北京达佳互联信息技术有限公司 | 一种对象播放方法、装置、电子设备及存储介质 |
CN115269105A (zh) * | 2022-08-19 | 2022-11-01 | 北京字跳网络技术有限公司 | 内容展示方法、装置、设备及存储介质 |
-
2022
- 2022-08-19 CN CN202210999813.0A patent/CN115269105A/zh active Pending
-
2023
- 2023-08-16 WO PCT/CN2023/113323 patent/WO2024037563A1/zh unknown
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2024037563A1 (zh) * | 2022-08-19 | 2024-02-22 | 北京字跳网络技术有限公司 | 内容展示方法、装置、设备及存储介质 |
CN116627562A (zh) * | 2023-05-15 | 2023-08-22 | 成都赛力斯科技有限公司 | 悬浮窗口的切换方法、装置、电子设备及计算机可读存储介质 |
CN116627562B (zh) * | 2023-05-15 | 2024-07-19 | 重庆赛力斯凤凰智创科技有限公司 | 悬浮窗口的切换方法、装置、电子设备及计算机可读存储介质 |
Also Published As
Publication number | Publication date |
---|---|
WO2024037563A1 (zh) | 2024-02-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN113110783B (zh) | 控件的显示方法、装置、电子设备和存储介质 | |
WO2022100512A1 (zh) | 热点榜单的显示方法、装置、电子设备和存储介质 | |
CN112261226B (zh) | 横屏交互方法、装置、电子设备和存储介质 | |
CN115269105A (zh) | 内容展示方法、装置、设备及存储介质 | |
CN111787415B (zh) | 视频互动方法、装置、电子设备和存储介质 | |
CN113553507B (zh) | 基于兴趣标签的处理方法、装置、设备及存储介质 | |
WO2022077994A1 (zh) | 信息处理方法、装置及介质 | |
CN114168018A (zh) | 数据交互方法、装置、电子设备、存储介质和程序产品 | |
CN115474085B (zh) | 媒体内容播放方法、装置、设备和存储介质 | |
WO2023061230A1 (zh) | 内容展示方法、装置、设备及存储介质 | |
CN114896536A (zh) | 消息处理方法、装置、设备及存储介质 | |
CN114579030A (zh) | 信息流的显示方法、装置、设备、存储介质及程序 | |
CN115617436A (zh) | 内容展示方法、装置、设备及存储介质 | |
CN113934349A (zh) | 交互方法、装置、电子设备和存储介质 | |
CN114610428A (zh) | 信息流的显示方法、装置、设备、存储介质及程序 | |
CN116156265A (zh) | 直播内容的播放方法、装置、设备、存储介质和程序产品 | |
CN115113790A (zh) | 一种交互方法、装置、电子设备和存储介质 | |
CN114610431A (zh) | 作品的显示方法、装置、电子设备、存储介质和程序产品 | |
CN115576632A (zh) | 交互方法、装置、电子设备、存储介质和计算机程序产品 | |
CN115474086B (zh) | 播放控制方法、装置、电子设备和存储介质 | |
CN114419201B (zh) | 动画的展示方法、装置、电子设备和介质 | |
CN115933921A (zh) | 媒体内容的展示方法、装置、电子设备和存储介质 | |
CN115314747A (zh) | 媒体内容的控制方法、装置、电子设备和存储介质 | |
CN115562527A (zh) | 评论信息的发布方法、装置、电子设备和存储介质 | |
CN115756252A (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 |