CN117714791A - 多媒体组件触发方法、装置、电子设备及存储介质 - Google Patents
多媒体组件触发方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN117714791A CN117714791A CN202211098313.6A CN202211098313A CN117714791A CN 117714791 A CN117714791 A CN 117714791A CN 202211098313 A CN202211098313 A CN 202211098313A CN 117714791 A CN117714791 A CN 117714791A
- Authority
- CN
- China
- Prior art keywords
- component
- triggering
- video
- gesture
- identifier
- 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
- 238000000034 method Methods 0.000 title claims abstract description 66
- 230000006870 function Effects 0.000 claims description 21
- 230000004044 response Effects 0.000 claims description 18
- 238000004590 computer program Methods 0.000 claims description 12
- 238000010586 diagram Methods 0.000 description 27
- 230000001960 triggered effect Effects 0.000 description 18
- 235000013601 eggs Nutrition 0.000 description 11
- 230000008569 process Effects 0.000 description 7
- 238000012545 processing Methods 0.000 description 6
- 230000008859 change Effects 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 5
- 230000000694 effects Effects 0.000 description 4
- 238000004891 communication Methods 0.000 description 3
- 230000003993 interaction Effects 0.000 description 3
- 241000721701 Lynx Species 0.000 description 2
- 238000001514 detection method Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 238000003825 pressing Methods 0.000 description 2
- 230000001737 promoting effect Effects 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000006399 behavior Effects 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 230000000149 penetrating effect Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
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/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/0486—Drag-and-drop
-
- 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
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/41—Structure of client; Structure of client peripherals
- H04N21/422—Input-only peripherals, i.e. input devices connected to specially adapted client devices, e.g. global positioning system [GPS]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/442—Monitoring of processes or resources, e.g. detecting the failure of a recording device, monitoring the downstream bandwidth, the number of times a movie has been viewed, the storage space available from the internal hard disk
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Networks & Wireless Communication (AREA)
- Databases & Information Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开实施例提供一种多媒体组件触发方法、装置、电子设备及存储介质,通过在视频播放界面内播放目标视频;响应于针对视频播放界面内的标识触发区域的触发手势,显示组件标识;响应于针对组件标识的拖动手势,移动组件标识,并在组件标识移动至目标位置后,在视频播放界面内显示隐藏信息。由于通过先显示组件标识,再基于针对组件标识的拖动手势来移动隐藏信息至目标位置的触发方式,通过改变目标位置,可以实现更加多样化的触发方式。相比与传统的通过点击触发隐藏信息的触发方式,操作维度更多,解决了视频中隐藏信息触发方式单一的问题,进而可以实现在视频中设置多个基于不同触发方式的隐藏信息,提高隐藏信息的设置数量。
Description
技术领域
本公开实施例涉及互联网技术领域,尤其涉及一种多媒体组件触发方法、装置、电子设备及存储介质。
背景技术
当前,基于互联网的短视频应用(Application),凭借其自由发布、内容丰富等优点,受到越来越多用户的认可。同时,通过在短视频中设置基于多媒体组件的隐藏信息,实现了进一步地提高用户与平台之间的互动性的目的。
然而,现有技术中的隐藏信息触发方法,存在隐藏信息触发方式单一、隐藏信息的设置数量受限等问题。
发明内容
本公开实施例提供一种多媒体组件触发方法、装置、电子设备及存储介质,以克服多媒体组件触发方式单一、隐藏信息的设置数量受限等问题。
第一方面,本公开实施例提供一种多媒体组件触发方法,包括:
在视频播放界面内播放目标视频;响应于针对视频播放界面内的标识触发区域的触发手势,显示组件标识;响应于针对所述组件标识的拖动手势,移动所述组件标识,并在所述组件标识移动至目标位置后,在所述视频播放界面内显示隐藏信息。
第二方面,本公开实施例提供一种多媒体组件触发装置,包括:
播放模块,用于在视频播放界面内播放目标视频;
触发模块,用于响应于针对视频播放界面内的标识触发区域的触发手势,显示组件标识;
显示模块,用于响应于针对所述组件标识的拖动手势,移动所述组件标识,并在所述组件标识移动至目标位置后,在所述视频播放界面内显示隐藏信息。
第三方面,本公开实施例提供一种电子设备,包括:
处理器,以及与所述处理器通信连接的存储器;
所述存储器存储计算机执行指令;
所述处理器执行所述存储器存储的计算机执行指令,以实现如上第一方面以及第一方面各种可能的设计所述的多媒体组件触发方法。
第四方面,本公开实施例提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,当处理器执行所述计算机执行指令时,实现如上第一方面以及第一方面各种可能的设计所述的多媒体组件触发方法。
第五方面,本公开实施例提供一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现如上第一方面以及第一方面各种可能的设计所述的多媒体组件触发方法。
本实施例提供的多媒体组件触发方法、装置、电子设备及存储介质,通过在视频播放界面内播放目标视频;响应于针对视频播放界面内的标识触发区域的触发手势,显示组件标识;响应于针对所述组件标识的拖动手势,移动所述组件标识,并在所述组件标识移动至目标位置后,在所述视频播放界面内显示隐藏信息。由于通过先显示组件标识,再基于针对组件标识的拖动手势来移动隐藏信息至目标位置的触发方式,通过改变目标位置,可以实现更加多样化的触发方式。相比与传统的通过点击触发隐藏信息的触发方式,操作维度更多,解决了视频中隐藏信息触发方式单一的问题,进而可以实现在视频中设置多个基于不同触发方式的隐藏信息,提高隐藏信息的设置数量。
附图说明
为了更清楚地说明本公开实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本公开实施例提供的多媒体组件触发方法的一种应用场景图;
图2为本公开实施例提供的多媒体组件触发方法的流程示意图一;
图3为本公开实施例提供的一种视频播放界面的示意图;
图4为本公开实施例提供的一种组件标识示意图;
图5为本公开实施例提供的一种视频播放界面的逻辑结构示意图;
图6为图2所示实施例中步骤S102的具体实现方式流程图
图7为本公开实施例提供的一种通过组件容器显示组件标识的示意图;
图8为本公开实施例提供一种显示隐藏信息的过程示意图;
图9为本公开实施例提供的多媒体组件触发方法的流程示意图二;
图10为本公开实施例提供的一种通过长按手势显示组件标识的过程示意图;
图11为本公开实施例提供的一种拖动手势轨迹的示意图;
图12为本公开实施例提供的一种标识属性的变化示意图;
图13为本公开实施例提供的多媒体组件触发装置的结构框图;
图14为本公开实施例提供的一种电子设备的结构示意图;
图15为本公开实施例提供的电子设备的硬件结构示意图。
具体实施方式
为使本公开实施例的目的、技术方案和优点更加清楚,下面将结合本公开实施例中的附图,对本公开实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本公开一部分实施例,而不是全部的实施例。基于本公开中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本公开保护的范围。
下面对本公开实施例的应用场景进行解释:
图1为本公开实施例提供的多媒体组件触发方法的一种应用场景图,本公开实施例提供的多媒体组件触发方法,可以应用于短视频播放的应用场景,更具体地,可以应用于在短视频中触发隐藏信息的应用场景中。如图1所示,本公开实施例提供的方法,可以应用于终端设备,例如智能手机、平板电脑等。其中,示例性地,终端设备内运行有短视频类的应用程序,在终端设备通过该应用程序的视频播放界面播放目标视频(短视频)过程中,视频播放界面中隐藏设置有某些隐藏信息,即“彩蛋”,当用户针对视频播放界面进行手势操作时,若触发彩蛋对应的多媒体组件(图中示为施加长按手势时触发彩蛋),则在视频播放界面的上层显示隐藏信息对应的隐藏页面,即“彩蛋页面”。更具体地,例如为宣传视频、促销活动页面等,从而实现在短视频中触发隐藏信息的目的。
相关技术中,在视频中触发隐藏信息(彩蛋)的应用场景下,针对智能手机、平板电脑等终端设备,对隐藏信息进行触发的方式,通常是基于点击手势、长按手势等手势操作来实现的。为实现上述的视频触发方案,需要在应用的视频播放界面内,设置固定的标识触发区域,当手势操作接触该标识触发区域时,例如点击、长按该标识触发区域,会触发对应的隐藏信息(彩蛋)。然而,受限于视频播放界面的显示和触控面积,在视频播放界面内仅能够预设少量的标识触发区域,否则可能导致猜测触发区域的重叠,从而导致彩蛋触发逻辑的冲突。从而,导致视频中隐藏信息的触发方式单一、隐藏信息的设置数量受限等问题。本公开实施例提供一种多媒体组件触发方法以解决上述问题。
参考图2,图2为本公开实施例提供的多媒体组件触发方法的流程示意图一。本实施例的方法可以应用在终端设备中,该多媒体组件触发方法包括:
步骤S101:在视频播放界面内播放目标视频。
步骤S102:响应于针对视频播放界面内的标识触发区域的触发手势,显示组件标识。
示例性地,本实施例提供的方法的执行主体可以为终端设备,例如智能手机、平板电脑等。终端设备内运行有用于播放视频的应用程序,更具体地,例如基于feed流技术的短视频类应用程序,其中,应用程序通过视频播放界面播放短视频。图3为本公开实施例提供的一种视频播放界面的示意图,如图3所示,视频播放界面可以为目标应用内基于操作系统提供的用于播放视频的功能类实现的功能模块,视频播放界面可以在播放目标视频的同时,响应于用户针对该视频播放界面的手势操作,执行对应的应用功能,例如通过滑动手势实现切换视频的功能、通过长按手势实现收藏视频的功能。
进一步地,在视频播放界面内预设置有用于触发组件标识的标识触发区域,其中,组件标识即彩蛋标识,可以是用于触发隐藏信息(触发彩蛋)的图标。标识触发区域可以是不可见的,当用户通过施加触发手势至该标识触发区域后,终端设备通过检测触发手势对应的第一接触坐标,并判断第一接触坐标是否位于预设的标识触发区域,一方面,若第一接触坐标位于该标识触发区域内,则会触发对应的组件标识事件,并在该标识触发区域的对应位置显示组件标识;另一方面,若第一接触坐标位于该标识触发区域外,则会通过应用程序的视频控制控件,触发对应的视频控制事件,来执行对应的视频控制功能,即应用程序原生的程序功能,例如切换视频、收藏视频等。其中,组件标识可以是具有特定形状的图形、文字、或符号。组件标识起到引导用户操作的作用,在后续步骤中,通过针对该组件标识进行拖动,来触发响应的隐藏信息(彩蛋)。图4为本公开实施例提供的一种组件标识示意图,如图4所示,初始状态下,在用于播放目标视频的视频播放界面内,组件标识不可见。当用户在视频播放解码的标识触发区域施加触发手势后,终端设备响应该触发手势,而在对应位置,例如标识触发区域,显示组件标识。其中,触发手势可以为点击、双击、长按等对应固定的视频播放界面接触位置的操作。
在一种可能的实现方式中,视频播放界面包括重叠设置的视频容器和组件容器,其中,视频容器用于显示目标视频,组件容器用于显示组件标识和隐藏信息。图5为本公开实施例提供的一种视频播放界面的逻辑结构示意图,如图5所示,视频播放界面包括重叠设置的视频容器和组件容器,视频容器和组件容器各对应一个显示层级(Layer)因此,视频容器和组件容器也可以称为视频容器层和组件容器层。默认状态下,组件容器设置于视频容器上层,在组件容器不显示组件标识和隐藏信息时,组件容器不可见,即用户可以透过组件容器层看到视频容器层内播放的目标视频。进一步地,视频容器还用于通过设置视频组件,来响应视频控制事件,从而实现视频控制功能;组件容器通过设置隐藏组件,来响应组件控制事件,从而实现针对组件标识和隐藏信息的显示控制。视频容器和组件容器,均是软件模块,通过对应的类实现,其中,示例性地,视频容器基于canvas实现;组件容器基于lynx容器实现。
进一步地,为了实现隐藏信息的全屏显示,视频播放界面内的组件容器和视频容器可能是相互重叠设置的,因此,在生成触发手势对应的触发事件后,若视频容器和组件容器均对该触发事件进行响应,则会导致处理逻辑的冲突,因此,未解决上述问题,需要对响应触发手势的逻辑进一步细化,如图6所示,步骤S102的具体实现步骤包括:
步骤S1011:获取触发手势对应的第一接触坐标,并基于第一接触坐标对组件容器进行检测,第一接触坐标表征触发手势在视频播放界面上的接触点的坐标。
步骤S1012:若第一接触坐标位于组件容器对应的标识触发区域内,则触发触发手势对应的组件标识事件,并通过组件容器对组件标识事件进行响应,以显示标识触发区域对应的组件标识。
步骤S1013:若第一接触坐标位于组件容器对应的标识触发区域外,则触发触发手势对应的视频控制事件,并通过视频容器对视频控制事件进行响应,执行对应的视频控制功能。
示例性地,组件容器对应至少一个标识触发区域。在终端设备检测到触发手势后,根据触发手势在视频显示界面的接触点,得到对应的第一接触坐标。之后,基于该第一接触坐标,判断该第一接触坐标是否落入组件容器对应的标识触发区域内,其中,组件容器对应的标识触发区域可以是通过配置文件预设的信息,可以直接获取,之后对比标识触发区域和第一接触坐标的坐标关系,即可确定第一接触坐标是否位于组件容器对应的标识触发区域。
一方面,若第一接触坐标位于组件容器对应的标识触发区域内,则触发该触发手势对应的组件标识事件,其中,触发手势可以包括一种或多种,当触发手势包括多种时,每一种触发手势对应一种组件标识事件。例如,触发手势为点击手势时,触发A事件,组件容器对A事件进行响应后,显示组件标识#1,之后基于针对该组件标识#1的拖动手势,触发隐藏信息a;触发手势为长按手势时,触发B事件,组件容器对B事件进行响应后,显示组件标识#2,之后基于针对该组件标识#2的拖动手势,触发隐藏信息b。
其中,进一步地,示例性地,组件容器内包括第一隐藏组件,步骤S1012中通通过组件容器对组件标识事件进行响应,以显示标识触发区域对应的组件标识的具体实现方法包括:
将组件容器设置为第一显示层级,将视频容器设置为第二显示层级,第一显示层级高于或等于第二显示层级;触发组件容器内的第一隐藏组件对组件标识事件进行响应,在目标视频的上层或同层显示组件标识。
图7为本公开实施例提供的一种通过组件容器显示组件标识的示意图,如图7所示,以组件容器与视频容器同显示层级(第一显示层级等于第二显示层级)的情况为例,在基于第一接触坐标对组件容器进行检测,确定第一接触坐标位于组件容器对应的标识触发区域内的情况下,视频容器和组件容器设置为同一显示层级,此时,终端设备可以在通过视频容器播放目标视频的同时,通过组件容器内设置的第一隐藏组件对组件标识事件进行响应,在组件容器内显示组件标识。在视觉上,视频播放界面内同时显示的组件标识和目标视频,实现了在不影响目标视频显示的情况下,显示组件标识的目的,避免影响目标视频的显示效果。
另一方面,视频容器内包括视频控制控件,视频控制控件用于响应视频控制事件,执行对应的视频控制功能。若第一接触坐标位于组件容器对应的标识触发区域外,则触发手势对应的视频控制事件,与组件标识事件类似,触发手势可以包括一种或多种,当触发手势包括多种时,每一种触发手势对应一种视频控制事件,例如,当触发手势为点击手势时,对应的视频控制事件被视频容器响应后,暂停目标视频播放;当触发手势为长按手势时,对应的视频控制事件被视频容器响应后,收藏目标视频。
进一步地,更具体地,例如,组件容器为lynx容器,视频容器为canva容器。通过视频容器进行事件响应的具体实现方式为:为底部全屏canvas添加user-interaction-enabled=false表明不需要响应事件,canvas上层其余的元素不添加user-interaction-enabled=false,正常响应事件。当用户在屏幕检测到操作(例如点击操作)时,终端设备(内运行的目标应用)会根据点击坐标,检测应该响应该事件的元素,对于重叠的元素(这里指底部video和上层全屏canvas),默认行为是上层元素不论有没有绑定点击的调用函数,都会消费掉该事件,但因为canvas设置了user-interaction-enabled=false,所以会在检测阶段始终无法作为事件target,事件target检测机制继续执行,直到找到底部video元素(视频控制控件),并执行该video元素,实现视频控制功能。
本实施例中,在检测到触发手势后,通过先针对组件容器进行检查,优先使用组件容器响应对应的触发事件(作为组件标识事件进行响应),在组件容器无法响应对应的触发事件后(第一接触坐标位于组件容器对应的标识触发区域外),再利用视频容器对该触发事件进行响应(作为视频控制事件进行响应),避免了触发手势在视频容器和组件容器上进行响应时的逻辑冲突,实现了视频播放界面内的组件容器和视频容器相互重叠设置情况下的操作逻辑控制。
步骤S103:响应于针对组件标识的拖动手势,移动组件标识,并在组件标识移动至目标位置后,在视频播放界面内显示隐藏信息。
示例性地,在显示组件标识后,为了进一步触发隐藏信息,使用拖动组件标识的方式,进行隐藏信息触发。具体地,例如,用户针对在视频播放界面内显示的组件标识,施加拖动手势后,终端设备根据该拖动手势的拖动轨迹,同步更新显示组件标识在视频播放界面上的位置,实现移动组件标识的显示效果;之后,在组件标识移动地目标位置后,触发隐藏信息,即在视频播放界面内显示该隐藏信息。其中,隐藏信息例如为在视频播放界面内显示一个目标页面,更具体地,例如促销页面、产品参数页面等。其中隐藏信息的具体实现内容可以根据具体需求设置,此处不再赘述。
示例性地,响应于针对组件标识的拖动手势,移动组件标识的具体实现步骤包括:在全屏view元素(视频容器)上层(组件容器)添加一块规定大小的区域view元素(对应隐藏信息触发区域),添加block-native-event为true,用户通过手势操作(例如点击手势)这块元素区域,会被组件容器捕获并消费,不会透给底层客户端(视频容器)视频容器处理。用户在隐藏信息触发区域内点击,会记录下点击的坐标,并在该坐标处绘制出组件标识,用户移动手指并移出规定区域,也能触发移动事件并能拦截移动事件透给客户端(视频容器),以此计算出组件标识下一个的坐标位置,使组件标识特性随手指移动。
图8为本公开实施例提供一种显示隐藏信息的过程示意图,如图8所示,视频播放界面内的组件标识位于D1位置,利用拖动手势对视频播放界面内的组件标识进行拖动,当该组件标识响应于拖动手势被移动至D2位置时,触发对应的隐藏信息A,隐藏信息A触发后,在视频播放界面内显示一个目标页面,来展示相关的隐藏信息的内容。其中,组件标识的初始位置(D1位置)对应标识触发区域,目标位置(D2位置)对应隐藏信息的触发区域,该目标位置可以基于配置文件进行预设。示例性地,目标位置可以包括多个,当视频标识由初始位置移动至不同的目标位置时,对应触发不同的隐藏信息。参考图8所示,除D2位置外,还包括D3位置、D4位置,当组件标识由D1移动至D3时,触发对应的隐藏信息B;当组件标识由D1移动至D4时,触发对应的隐藏信息C。由于目标位置可灵活设置,因此,当目标位置不同时,可以对应触发不同的隐藏信息,从而提高了隐藏信息的触发灵活性和触发方式多样性,增加目标视频中可设置的隐藏信息的数量。
本实施例中,通过在视频播放界面内播放目标视频;响应于针对视频播放界面内的标识触发区域的触发手势,显示组件标识;响应于针对组件标识的拖动手势,移动组件标识,并在组件标识移动至目标位置后,在视频播放界面内显示隐藏信息。由于通过先显示组件标识,再基于针对组件标识的拖动手势来移动隐藏信息至目标位置的触发方式,通过改变目标位置,可以实现更加多样化的触发方式。相比与传统的通过点击触发隐藏信息的触发方式,操作维度更多,解决了视频中隐藏信息触发方式单一的问题,进而可以实现在视频中设置多个基于不同触发方式的隐藏信息,提高隐藏信息的设置数量。
参考图9,图9为本公开实施例提供的多媒体组件触发方法的流程示意图二。本实施例在图2所示实施例的基础上,进一步地步骤S102进行细化,其中,视频播放界面包括重叠设置的视频容器和组件容器,本实施例提供的多媒体组件触发方法包括:
步骤S201:在视频播放界面的视频容器播放目标视频。
步骤S202:响应于针对标识触发区域的长按手势,显示随时间变化的引导标识。
步骤S203:在检测到长按手势持续第一时长后,显示标识触发区域对应的组件标识。
示例性地,在触发隐藏信息的应用场景下,考虑到组件标识在未触发前处于不可见的状态,因此,用户的手势操作可能出现误触的问题。例如当“长按手势”操作的持续时间过短时,可能与“点击手势”操作混淆,从而发生误触,影响交互体验。
图10为本公开实施例提供的一种通过长按手势显示组件标识的过程示意图,如图10所示,在用户施加针对视频播放界面的长按手势操作后,终端设备在视频播放界面显示一个引导标识,引导标识可以为一个随时间变化的图标,参考图10所示,示例性地,引导标识为一个圆环状的进度条,随着长按手势的持续,圆环状的进度条不断前进,当长按手势持续第一时长后,该进度条走到尽头,之后,显示标识触发区域对应的组件标识。
本实施例步骤中,通过设置引导标识,在持续长按第一时长后,再对组件标识进行触发显示,避免了误触,提高交互效率和使用体验。可以理解的是,在其他实施例中,例如基于图2所示实施例中的实现方式,可以在不显示引导标识的情况下,直接响应于长按手势而显示组件标识。因此,步骤S202-步骤S203为可选步骤,使用例如图2所示实施例提供的方法显示组件标识的情况下,并不会影响后续步骤的正常执行。
步骤S204:获取拖动手势对应的第二接触坐标,第二接触坐标表征拖动手势在视频播放界面上的实时接触点的坐标。
步骤S205:根据第二接触坐标,更新组件标识在组件容器内的显示位置。
示例性地,进一步地,用户在针对组件标识进行拖动手势操作后,终端设备通过检测该拖动手势,得到对应的第二接触坐标,即拖动手势的实施接触度的坐标。之后,基于该第二接触坐标,将组件标识同步渲染至该第二接触坐标的位置,实现组件标识与拖动手势的同步移动。
步骤S206:根据第二接触坐标,获得拖动手势对应的拖动手势轨迹。
步骤S207:若拖动手势轨迹与预设的目标轨迹相同时,将第二接触坐标确定为终点坐标。
示例性地,在获得表征拖动手势的实时位置的第二接触坐标后,根据当前的第二接触坐标,以及之前的拖动手势的历史位置的对应的第二接触坐标,可以得到拖动手势轨迹。图11为本公开实施例提供的一种拖动手势轨迹的示意图,如图11所示,随着拖动手势的不断移动,终端设备通过检测该拖动手势在视频播放界面内的接触点,获得一系列有序的第二接触坐标的集合,该第二接触坐标的集合,即为即拖动手势轨迹。其中,随着拖动手势的不断移动,该对应的拖动手势轨迹也随之变化,当检测到该拖动手势轨迹与预设的目标轨迹重合时,达到触发状态,此时,将构成拖动手势轨迹的最后一个第二接触坐标,也即,最新获得的第二接触坐标,确定为终点坐标。在之后的步骤中,若检测到第二接触坐标为终点坐标,则进行隐藏信息触发,从而实现基于拖动手势轨迹的彩蛋触发方式。其中,示例性地,目标轨迹可以包括一个或多个,当目标轨迹为多个时,每一目标轨迹对应一种隐藏信息。
本实施例中,通过检测拖动轨迹手势,并根据拖动轨迹手势来进行隐藏信息触发,进一步地丰富了隐藏信息触发的触发方式。由于拖动轨迹手势由一些列有序的接触点(第二接触坐标)构成,因此其信息维度更高,通过改变目标轨迹的具体实现,并以不同的目标轨迹来触发不同的隐藏信息,可以极大的增加视频中设置的隐藏信息的数量,实现更加灵活、多样化的隐藏信息触发方式。
可选地,在步骤S206之后,还包括:
步骤S208:基于组件标识的移动轨迹,更新显示组件标识的标识属性,其中,标识属性用于表征组件标识的当前位置与目标位置的距离和/或方向。
示例性地,组件标识随拖动手势同步移动,组件标识的移动轨迹与拖动手势对应的拖动手势轨迹一致,在获得拖动手势对应的拖动手势轨迹之后,进一步地,终端设备根据拖动手势轨迹的变化动态的显示组件标识的标识属性,从而来指示组件标识的当前位置与目标位置的距离和/或方向。其中,组件标识的标识属性是指组件标识的可视化属性,例如组件标识的颜色、组件标识的尺寸、组件标识的形状、组件标识的透明度中的一种或多种。更具体地,例如,随着拖动手势轨迹的延伸,组件标识距离目标位置(终点坐标)越近时,组件标识的透明度越低、组件标识距离目标位置(终点坐标)越远时,组件标识的透明度越高,从而,实现通过组件标识的标识属性,来引导用户改变拖动手势的位置、方向,实现对该组件标识的触发。再例如,随着拖动手势轨迹的延伸,拖动手势轨迹与目标轨迹重合度越高时,组件标识的颜色越深、拖动手势轨迹与目标轨迹重合度越低时,组件标识的颜色越浅,从而,实现通过组件标识的标识属性,来引导用户改变拖动手势的位置、方向,最终实现引导用户触发隐藏的隐藏信息的目的。
示例性地,标识属性包括以下指示一种:组件标识的颜色、组件标识的尺寸、组件标识的形状、组件标识的透明度。
图12为本公开实施例提供的一种标识属性的变化示意图,如图12所示,拖动手势轨迹的末端位于A位置时,组件标识的尺寸为R1;之后,当拖动手势轨迹由A位置延伸至B位置时,组件标识的尺寸为R2,其中,R2小于R1,此种情况下,说明组件标识距离目标位置变远;而当拖动手势轨迹由A位置延伸至C位置时,组件标识的尺寸为R3,其中,R3大于R1,此种情况下,说明组件标识距离目标位置变近。用户可以通过实时观察组件标识的尺寸的变化情况,来调整拖动手势,从而引导拖动手势所拖动的组件标识移动至目标位置,触发隐藏信息。
本实施例中,通过根据组件标识的移动轨迹,实时的更新组件标识的标识属性,并通过组件标识的标识属性来引导用户的拖动手势,实现隐藏信息的快速触发,降低用户触发隐藏信息的难度,提高隐藏信息的交互效率。
步骤S209:若第二接触坐标不为终点坐标,则返回步骤S203,若第二接触坐标为终点坐标,则在视频播放界面的组件容器内显示隐藏信息。
示例性地,在执行完上述步骤后,判断触发手势当前是否移动至目标位置,若处于目标位置,则进行隐藏信息触发;否则,返回之前步骤,继续对触发手势进行检测,直至触发手势满足预设要求(例如触发手势轨迹与目标轨迹一致)。其中,具体地,若当前接触点的第二接触坐标为终点坐标,则判断触发手势已经移动至目标位置,此时,触发隐藏信息,在视频播放界面的组件容器内显示隐藏信息;若当前接触点的第二接触坐标不为终点坐标,则返回步骤S203,获取新的第二接触坐标。
对应于上文实施例提供的多媒体组件触发方法,图13为本公开实施例提供的多媒体组件触发装置的结构框图。为了便于说明,仅示出了与本公开实施例相关的部分。参照图13,多媒体组件触发装置3包括:
播放模块31,用于在视频播放界面内播放目标视频;
触发模块32,用于响应于针对视频播放界面内的标识触发区域的触发手势,显示组件标识;
显示模块33,用于响应于针对组件标识的拖动手势,移动组件标识,并在组件标识移动至目标位置后,在视频播放界面内显示隐藏信息。
在本公开的一个实施例中,视频播放界面包括重叠设置的视频容器和组件容器,其中,视频容器用于显示目标视频,组件容器用于显示组件标识和隐藏信息。
在本公开的一个实施例中,组件容器对应至少一个标识触发区域;触发模块32,具体用于:获取触发手势对应的第一接触坐标,并基于第一接触坐标对组件容器进行检测,第一接触坐标表征触发手势在视频播放界面上的接触点的坐标;若第一接触坐标位于组件容器对应的标识触发区域内,则触发触发手势对应的组件标识事件,并通过组件容器对组件标识事件进行响应,以显示标识触发区域对应的组件标识。
在本公开的一个实施例中,组件容器内包括第一隐藏组件;触发模块32在通过组件容器对组件标识事件进行响应,以显示标识触发区域对应的组件标识时,具体用于:将组件容器设置为第一显示层级,将视频容器设置为第二显示层级,第一显示层级高于或等于第二显示层级;触发组件容器内的第一隐藏组件对组件标识事件进行响应,在目标视频的上层或同层显示组件标识。
在本公开的一个实施例中,触发模块32,还用于:若第一接触坐标位于组件容器对应的标识触发区域外,则触发触发手势对应的视频控制事件,并通过视频容器对视频控制事件进行响应,执行对应的视频控制功能。
在本公开的一个实施例中,显示模块33,具体用于:循环执行以下步骤,直至达到终止条件:获取拖动手势对应的第二接触坐标,第二接触坐标表征拖动手势在视频播放界面上的实时接触点的坐标;根据第二接触坐标,更新组件标识在组件容器内的显示位置;其中,终止条件为第二接触坐标为目标位置对应的终点坐标。
在本公开的一个实施例中,在获取拖动手势对应的第二接触坐标之后,显示模块33,还用于:根据第二接触坐标,获得拖动手势对应的拖动手势轨迹;在拖动手势轨迹与预设的目标轨迹相同时,将第二接触坐标确定为目标位置对应的终点坐标。
在本公开的一个实施例中,在组件标识移动至目标位置之前,显示模块33,还用于:基于组件标识的移动轨迹,更新显示组件标识的标识属性,其中,标识属性用于表征组件标识的当前位置与目标位置的距离和/或方向。
在本公开的一个实施例中,标识属性包括以下指示一种:组件标识的颜色、组件标识的尺寸、组件标识的形状、组件标识的透明度。
在本公开的一个实施例中,触发手势为长按手势,显示模块33在响应于针对视频播放界面内的标识触发区域的触发手势,显示组件标识时,具体用于:响应于针对标识触发区域的长按手势,显示随时间变化的引导标识;在检测到长按手势持续第一时长后,显示标识触发区域对应的组件标识。
其中,播放模块31、触发模块32和显示模块33连接。本实施例提供的多媒体组件触发装置3可以执行上述方法实施例的技术方案,其实现原理和技术效果类似,本实施例此处不再赘述。
图14为本公开实施例提供的一种电子设备的结构示意图,如图14所示,该电子设备4包括:
处理器41,以及与处理器41通信连接的存储器42;
存储器42存储计算机执行指令;
处理器41执行存储器42存储的计算机执行指令,以实现如图2-图12所示实施例中的多媒体组件触发方法。
其中,可选地,处理器41和存储器42通过总线43连接。
相关说明可以对应参见图2-图12所对应的实施例中的步骤所对应的相关描述和效果进行理解,此处不做过多赘述。
参考图15,其示出了适于用来实现本公开实施例的电子设备900的结构示意图,该电子设备900可以为终端设备或服务器。其中,终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、个人数字助理(Personal Digital Assistant,简称PDA)、平板电脑(Portable Android Device,简称PAD)、便携式多媒体播放器(Portable MediaPlayer,简称PMP)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图15示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图15所示,电子设备900可以包括处理装置(例如中央处理器、图形处理器等)901,其可以根据存储在只读存储器(Read Only Memory,简称ROM)902中的程序或者从存储装置908加载到随机访问存储器(Random Access Memory,简称RAM)903中的程序而执行各种适当的动作和处理。在RAM 903中,还存储有电子设备900操作所需的各种程序和数据。处理装置901、ROM 902以及RAM 903通过总线904彼此相连。输入/输出(I/O)接口905也连接至总线904。
通常,以下装置可以连接至I/O接口905:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置906;包括例如液晶显示器(Liquid CrystalDisplay,简称LCD)、扬声器、振动器等的输出装置907;包括例如磁带、硬盘等的存储装置908;以及通信装置909。通信装置909可以允许电子设备900与其他设备进行无线或有线通信以交换数据。虽然图15示出了具有各种装置的电子设备900,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置909从网络上被下载和安装,或者从存储装置908被安装,或者从ROM902被安装。在该计算机程序被处理装置901执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备执行上述实施例所示的方法。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LocalArea Network,简称LAN)或广域网(Wide Area Network,简称WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,单元的名称在某种情况下并不构成对该单元本身的限定,例如,第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
第一方面,根据本公开的一个或多个实施例,提供了一种多媒体组件触发方法,包括:
在视频播放界面内播放目标视频;响应于针对视频播放界面内的标识触发区域的触发手势,显示组件标识;响应于针对所述组件标识的拖动手势,移动所述组件标识,并在所述组件标识移动至目标位置后,在所述视频播放界面内显示隐藏信息。
根据本公开的一个或多个实施例,所述视频播放界面包括重叠设置的视频容器和组件容器,其中,所述视频容器用于显示所述目标视频,所述组件容器用于显示所述组件标识和所述隐藏信息。
根据本公开的一个或多个实施例,所述组件容器对应至少一个所述标识触发区域;所述响应于针对视频播放界面内的标识触发区域的触发手势,显示组件标识,包括:获取所述触发手势对应的第一接触坐标,并基于所述第一接触坐标对所述组件容器进行检测,所述第一接触坐标表征所述触发手势在所述视频播放界面上的接触点的坐标;若所述第一接触坐标位于所述组件容器对应的标识触发区域内,则触发所述触发手势对应的组件标识事件,并通过所述组件容器对所述组件标识事件进行响应,以显示所述标识触发区域对应的组件标识。
根据本公开的一个或多个实施例,所述组件容器内包括第一隐藏组件;所述通过所述组件容器对所述组件标识事件进行响应,以显示所述标识触发区域对应的组件标识,包括:将所述组件容器设置为第一显示层级,将所述视频容器设置为第二显示层级,所述第一显示层级高于或等于所述第二显示层级;触发所述组件容器内的第一隐藏组件对所述组件标识事件进行响应,在所述目标视频的上层或同层显示所述组件标识。
根据本公开的一个或多个实施例,所述方法还包括:若所述第一接触坐标位于所述组件容器对应的标识触发区域外,则触发所述触发手势对应的视频控制事件,并通过所述视频容器对所述视频控制事件进行响应,执行对应的视频控制功能。
根据本公开的一个或多个实施例,所述响应于针对所述组件标识的拖动手势,移动所述组件标识,并在所述组件标识移动至目标位置后,在所述视频播放界面内显示隐藏信息,包括:循环执行以下步骤,直至达到终止条件:获取所述拖动手势对应的第二接触坐标,所述第二接触坐标表征所述拖动手势在所述视频播放界面上的实时接触点的坐标;根据所述第二接触坐标,更新所述组件标识在所述组件容器内的显示位置;其中,所述终止条件为所述第二接触坐标为所述目标位置对应的终点坐标。
根据本公开的一个或多个实施例,在获取所述拖动手势对应的第二接触坐标之后,还包括:根据所述第二接触坐标,获得所述拖动手势对应的拖动手势轨迹;在所述拖动手势轨迹与预设的目标轨迹相同时,将所述第二接触坐标确定为所述目标位置对应的终点坐标。
根据本公开的一个或多个实施例,在所述组件标识移动至目标位置之前,还包括:基于所述组件标识的移动轨迹,更新显示所述组件标识的标识属性,其中,所述标识属性用于表征所述组件标识的当前位置与所述目标位置的距离和/或方向。
根据本公开的一个或多个实施例,所述标识属性包括以下指示一种:所述组件标识的颜色、所述组件标识的尺寸、所述组件标识的形状、所述组件标识的透明度。
根据本公开的一个或多个实施例,所述触发手势为长按手势,所述响应于针对视频播放界面内的标识触发区域的触发手势,显示组件标识,包括:响应于针对所述标识触发区域的所述长按手势,显示随时间变化的引导标识;在检测到所述长按手势持续第一时长后,显示所述标识触发区域对应的组件标识。
第二方面,根据本公开的一个或多个实施例,提供了一种多媒体组件触发装置,包括:
播放模块,用于在视频播放界面内播放目标视频;
触发模块,用于响应于针对视频播放界面内的标识触发区域的触发手势,显示组件标识;
显示模块,用于响应于针对所述组件标识的拖动手势,移动所述组件标识,并在所述组件标识移动至目标位置后,在所述视频播放界面内显示隐藏信息。
根据本公开的一个或多个实施例,所述视频播放界面包括重叠设置的视频容器和组件容器,其中,所述视频容器用于显示所述目标视频,所述组件容器用于显示所述组件标识和所述隐藏信息。
根据本公开的一个或多个实施例,所述组件容器对应至少一个所述标识触发区域;所述触发模块,具体用于:获取所述触发手势对应的第一接触坐标,并基于所述第一接触坐标对所述组件容器进行检测,所述第一接触坐标表征所述触发手势在所述视频播放界面上的接触点的坐标;若所述第一接触坐标位于所述组件容器对应的标识触发区域内,则触发所述触发手势对应的组件标识事件,并通过所述组件容器对所述组件标识事件进行响应,以显示所述标识触发区域对应的组件标识。
根据本公开的一个或多个实施例,所述组件容器内包括第一隐藏组件;所述触发模块在通过所述组件容器对所述组件标识事件进行响应,以显示所述标识触发区域对应的组件标识时,具体用于:将所述组件容器设置为第一显示层级,将所述视频容器设置为第二显示层级,所述第一显示层级高于或等于所述第二显示层级;触发所述组件容器内的第一隐藏组件对所述组件标识事件进行响应,在所述目标视频的上层或同层显示所述组件标识。
根据本公开的一个或多个实施例,所述触发模块,还用于:若所述第一接触坐标位于所述组件容器对应的标识触发区域外,则触发所述触发手势对应的视频控制事件,并通过所述视频容器对所述视频控制事件进行响应,执行对应的视频控制功能。
根据本公开的一个或多个实施例,所述显示模块,具体用于:循环执行以下步骤,直至达到终止条件:获取所述拖动手势对应的第二接触坐标,所述第二接触坐标表征所述拖动手势在所述视频播放界面上的实时接触点的坐标;根据所述第二接触坐标,更新所述组件标识在所述组件容器内的显示位置;其中,所述终止条件为所述第二接触坐标为所述目标位置对应的终点坐标。
根据本公开的一个或多个实施例,在获取所述拖动手势对应的第二接触坐标之后,所述显示模块,还用于:根据所述第二接触坐标,获得所述拖动手势对应的拖动手势轨迹;在所述拖动手势轨迹与预设的目标轨迹相同时,将所述第二接触坐标确定为所述目标位置对应的终点坐标。
根据本公开的一个或多个实施例,在所述组件标识移动至目标位置之前,所述显示模块,还用于:基于所述组件标识的移动轨迹,更新显示所述组件标识的标识属性,其中,所述标识属性用于表征所述组件标识的当前位置与所述目标位置的距离和/或方向。
根据本公开的一个或多个实施例,所述标识属性包括以下指示一种:所述组件标识的颜色、所述组件标识的尺寸、所述组件标识的形状、所述组件标识的透明度。
根据本公开的一个或多个实施例,所述触发手势为长按手势,所述显示模块在响应于针对视频播放界面内的标识触发区域的触发手势,显示组件标识时,具体用于:响应于针对所述标识触发区域的所述长按手势,显示随时间变化的引导标识;在检测到所述长按手势持续第一时长后,显示所述标识触发区域对应的组件标识。
第三方面,根据本公开的一个或多个实施例,提供了一种电子设备,包括:处理器,以及与所述处理器通信连接的存储器;
所述存储器存储计算机执行指令;
所述处理器执行所述存储器存储的计算机执行指令,以实现如上第一方面以及第一方面各种可能的设计所述的多媒体组件触发方法。
第四方面,根据本公开的一个或多个实施例,提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,当处理器执行所述计算机执行指令时,实现如上第一方面以及第一方面各种可能的设计所述的多媒体组件触发方法。
第五方面,本公开实施例提供一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现如上第一方面以及第一方面各种可能的设计所述的多媒体组件触发方法。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。
Claims (14)
1.一种多媒体组件触发方法,其特征在于,包括:
在视频播放界面内播放目标视频;
响应于针对视频播放界面内的标识触发区域的触发手势,显示组件标识;
响应于针对所述组件标识的拖动手势,移动所述组件标识,并在所述组件标识移动至目标位置后,在所述视频播放界面内显示隐藏信息。
2.根据权利要求1所述的方法,其特征在于,所述视频播放界面包括重叠设置的视频容器和组件容器,其中,所述视频容器用于显示所述目标视频,所述组件容器用于显示所述组件标识和所述隐藏信息。
3.根据权利要求2所述的方法,其特征在于,所述组件容器对应至少一个所述标识触发区域;所述响应于针对视频播放界面内的标识触发区域的触发手势,显示组件标识,包括:
获取所述触发手势对应的第一接触坐标,并基于所述第一接触坐标对所述组件容器进行检测,所述第一接触坐标表征所述触发手势在所述视频播放界面上的接触点的坐标;
若所述第一接触坐标位于所述组件容器对应的标识触发区域内,则触发所述触发手势对应的组件标识事件,并通过所述组件容器对所述组件标识事件进行响应,以显示所述标识触发区域对应的组件标识。
4.根据权利要求3所述的方法,其特征在于,所述组件容器内包括第一隐藏组件;所述通过所述组件容器对所述组件标识事件进行响应,以显示所述标识触发区域对应的组件标识,包括:
将所述组件容器设置为第一显示层级,将所述视频容器设置为第二显示层级,所述第一显示层级高于或等于所述第二显示层级;
触发所述组件容器内的第一隐藏组件对所述组件标识事件进行响应,在所述目标视频的同层显示所述组件标识。
5.根据权利要求3所述的方法,其特征在于,所述方法还包括:
若所述第一接触坐标位于所述组件容器对应的标识触发区域外,则触发所述触发手势对应的视频控制事件,并通过所述视频容器对所述视频控制事件进行响应,执行对应的视频控制功能。
6.根据权利要求2所述的方法,其特征在于,所述响应于针对所述组件标识的拖动手势,移动所述组件标识,并在所述组件标识移动至目标位置后,在所述视频播放界面内显示隐藏信息,包括:
循环执行以下步骤,直至达到终止条件:
获取所述拖动手势对应的第二接触坐标,所述第二接触坐标表征所述拖动手势在所述视频播放界面上的实时接触点的坐标;
根据所述第二接触坐标,更新所述组件标识在所述组件容器内的显示位置;
其中,所述终止条件为所述第二接触坐标为所述目标位置对应的终点坐标。
7.根据权利要求6所述的方法,其特征在于,在获取所述拖动手势对应的第二接触坐标之后,还包括:
根据所述第二接触坐标,获得所述拖动手势对应的拖动手势轨迹;
在所述拖动手势轨迹与预设的目标轨迹相同时,将所述第二接触坐标确定为所述目标位置对应的终点坐标。
8.根据权利要求1所述的方法,其特征在于,在所述组件标识移动至目标位置之前,还包括:
基于所述组件标识的移动轨迹,更新显示所述组件标识的标识属性,其中,所述标识属性用于表征所述组件标识的当前位置与所述目标位置的距离和/或方向。
9.根据权利要求8所述的方法,其特征在于,所述标识属性包括以下指示一种:
所述组件标识的颜色、所述组件标识的尺寸、所述组件标识的形状、所述组件标识的透明度。
10.根据权利要求1所述的方法,其特征在于,所述触发手势为长按手势,所述响应于针对视频播放界面内的标识触发区域的触发手势,显示组件标识,包括:
响应于针对所述标识触发区域的所述长按手势,显示随时间变化的引导标识;
在检测到所述长按手势持续第一时长后,显示所述标识触发区域对应的组件标识。
11.一种多媒体组件触发装置,其特征在于,包括:
播放模块,用于在视频播放界面内播放目标视频;
触发模块,用于响应于针对视频播放界面内的标识触发区域的触发手势,显示组件标识;
显示模块,用于响应于针对所述组件标识的拖动手势,移动所述组件标识,并在所述组件标识移动至目标位置后,在所述视频播放界面内显示隐藏信息。
12.一种电子设备,其特征在于,包括:处理器,以及与所述处理器通信连接的存储器;
所述存储器存储计算机执行指令;
所述处理器执行所述存储器存储的计算机执行指令,以实现如权利要求1至10中任一项所述的多媒体组件触发方法。
13.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机执行指令,当处理器执行所述计算机执行指令时,实现如权利要求1至10任一项所述的多媒体组件触发方法。
14.一种计算机程序产品,其特征在于,包括计算机程序,该计算机程序被处理器执行时实现权利要求1至10中任一项所述的多媒体组件触发方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211098313.6A CN117714791A (zh) | 2022-09-08 | 2022-09-08 | 多媒体组件触发方法、装置、电子设备及存储介质 |
PCT/CN2023/116534 WO2024051601A1 (zh) | 2022-09-08 | 2023-09-01 | 多媒体组件触发方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211098313.6A CN117714791A (zh) | 2022-09-08 | 2022-09-08 | 多媒体组件触发方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117714791A true CN117714791A (zh) | 2024-03-15 |
Family
ID=90150279
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211098313.6A Pending CN117714791A (zh) | 2022-09-08 | 2022-09-08 | 多媒体组件触发方法、装置、电子设备及存储介质 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN117714791A (zh) |
WO (1) | WO2024051601A1 (zh) |
Family Cites Families (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
AU2017100670C4 (en) * | 2016-06-12 | 2019-11-21 | Apple Inc. | User interfaces for retrieving contextually relevant media content |
CN106383642A (zh) * | 2016-09-09 | 2017-02-08 | 北京金山安全软件有限公司 | 一种媒体播放界面的控件的显示方法及相关装置 |
CN108536344A (zh) * | 2018-01-09 | 2018-09-14 | 网易(杭州)网络有限公司 | 信息处理方法、装置、电子设备及存储介质 |
CN109246464B (zh) * | 2018-08-22 | 2021-03-16 | Oppo广东移动通信有限公司 | 用户界面显示方法、装置、终端及存储介质 |
CN111314759B (zh) * | 2020-03-02 | 2021-08-10 | 腾讯科技(深圳)有限公司 | 视频处理方法、装置、电子设备及存储介质 |
CN114519155A (zh) * | 2020-11-20 | 2022-05-20 | 腾讯科技(深圳)有限公司 | 数据处理方法、装置、客户端及存储介质 |
CN113031842B (zh) * | 2021-04-12 | 2023-02-28 | 北京有竹居网络技术有限公司 | 基于视频的交互方法、装置、存储介质及电子设备 |
CN113961121A (zh) * | 2021-10-20 | 2022-01-21 | 维沃移动通信有限公司 | 对象处理方法、装置、电子设备及存储介质 |
CN114422843B (zh) * | 2022-03-10 | 2024-03-26 | 北京达佳互联信息技术有限公司 | 视频彩蛋的播放方法、装置、电子设备及介质 |
CN114692038A (zh) * | 2022-03-28 | 2022-07-01 | 北京字跳网络技术有限公司 | 页面显示方法、装置、设备及存储介质 |
-
2022
- 2022-09-08 CN CN202211098313.6A patent/CN117714791A/zh active Pending
-
2023
- 2023-09-01 WO PCT/CN2023/116534 patent/WO2024051601A1/zh unknown
Also Published As
Publication number | Publication date |
---|---|
WO2024051601A1 (zh) | 2024-03-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN113760150B (zh) | 页面处理方法、装置、设备及存储介质 | |
CN112764612A (zh) | 互动方法、装置、电子设备和存储介质 | |
CN113553507B (zh) | 基于兴趣标签的处理方法、装置、设备及存储介质 | |
CN111324252B (zh) | 直播平台中的显示控制方法及装置、存储介质及电子设备 | |
CN108984089B (zh) | 触控操作方法、装置、存储介质及电子设备 | |
EP4333440A1 (en) | Video interaction method and apparatus, electronic device, and storage medium | |
CN113377365B (zh) | 代码显示方法、装置、设备、计算机可读存储介质及产品 | |
CN110647286A (zh) | 屏幕元素控制方法、装置、设备、存储介质 | |
JP2023502610A (ja) | 目標対象表示方法、装置、電子機器、及びコンピュータ読み取り可能な媒体 | |
CN107329721A (zh) | 显示方法、电子设备以及计算机可读存储介质 | |
US20230185444A1 (en) | Multimedia information playback and apparatus, electronic device, and computer storage medium | |
WO2023236875A1 (zh) | 页面显示方法、装置、设备、计算机可读存储介质及产品 | |
CN108874141B (zh) | 一种体感浏览方法和装置 | |
CN114625469B (zh) | 基于虚拟资源的信息显示方法、装置、设备和介质 | |
CN117714791A (zh) | 多媒体组件触发方法、装置、电子设备及存储介质 | |
CN113342227A (zh) | 导航栏处理方法、装置、设备及计算机可读存储介质 | |
CN112783386A (zh) | 页面跳转方法、装置、存储介质及计算机设备 | |
CN117676247A (zh) | 多媒体组件触发方法、装置、电子设备及存储介质 | |
CN110096193A (zh) | 电子小说的处理方法、设备及计算机可读存储介质 | |
CN113849258B (zh) | 内容展示方法、装置、设备及存储介质 | |
CN115412759B (zh) | 信息显示方法、装置、设备、计算机可读存储介质 | |
US20230306863A1 (en) | Method and apparatus for displaying teaching video task, device, storage medium and product | |
US20240231570A1 (en) | Method, apparatus, device, and storage medium for page processing | |
CN110633062B (zh) | 显示信息的控制方法、装置、电子设备及可读介质 | |
CN110110071B (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 |