CN115390729A - 一种视频交互方法、装置、设备及存储介质 - Google Patents
一种视频交互方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN115390729A CN115390729A CN202211124893.1A CN202211124893A CN115390729A CN 115390729 A CN115390729 A CN 115390729A CN 202211124893 A CN202211124893 A CN 202211124893A CN 115390729 A CN115390729 A CN 115390729A
- Authority
- CN
- China
- Prior art keywords
- preset
- interactive
- video
- animation
- interaction
- 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
- 230000003993 interaction Effects 0.000 title claims abstract description 99
- 238000000034 method Methods 0.000 title claims abstract description 70
- 230000002452 interceptive effect Effects 0.000 claims abstract description 213
- 238000004590 computer program Methods 0.000 claims description 12
- 230000004044 response Effects 0.000 claims description 9
- 230000008569 process Effects 0.000 abstract description 19
- 230000006870 function Effects 0.000 description 17
- 238000010586 diagram Methods 0.000 description 7
- 230000000694 effects Effects 0.000 description 7
- 230000001960 triggered effect Effects 0.000 description 5
- 230000009471 action Effects 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 238000012544 monitoring process Methods 0.000 description 2
- 238000013500 data storage Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000005096 rolling process Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
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/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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- 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
- G06F3/04817—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 using icons
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开提供了一种视频交互方法、装置、设备及存储介质,所述方法包括:响应于针对第一视频的播放页面上的预设交互控件的拖拽操作,跟随拖拽操作的拖拽轨迹展示第一交互动画;在展示第一交互动画的过程中,将预设交互控件的显示样式更新为预设交互图标,其中,预设交互图标与第一交互动画的内容相关。本公开实施例能够基于针对第一视频的播放页面上的预设交互控件的拖拽操作,触发对第一交互动画的展示,另外,在展示第一交互动画时,还可以将预设交互控件的显示样式更新为预设交互图标。可见,本公开实施例丰富了基于视频的交互功能,提升了用户的视频观看体验。
Description
技术领域
本公开涉及数据处理领域,尤其涉及一种视频交互方法、装置、设备及存储介质。
背景技术
随着视频处理技术的不断发展,人们对视频播放过程中的交互功能需求越来越多样化。
因此,如何丰富视频播放过程中的交互功能,从而提升用户的使用体验,是目前亟需解决的技术问题。
发明内容
为了解决上述技术问题,本公开提供了一种视频交互方法、装置、设备及存储介质,能够丰富基于视频的交互功能,提升用户的体验。
第一方面,本公开提供了一种视频交互方法,所述方法包括:
响应于针对第一视频的播放页面上的预设交互控件的拖拽操作,跟随所述拖拽操作的拖拽轨迹展示第一交互动画;
将所述预设交互控件的显示样式更新为预设交互图标;其中,所述预设交互图标与所述第一交互动画的内容相关。
一种可选的实施方式中,所述方法还包括:
当监测到所述拖拽操作对应的拖拽结束操作时,基于所述拖拽结束操作对应的位置信息和所述预设交互控件的显示位置信息,确定拖拽返回路径;
沿所述拖拽返回路径展示第二交互动画;其中,所述第二交互动画与所述第一交互动画的内容相关。
一种可选的实施方式中,所述方法还包括:
当监测到所述第二交互动画展示至所述预设交互控件的显示位置时,在所述预设交互控件的显示位置处展示第三交互动画;其中,所述第三交互动画与所述第二交互动画的内容相关。
一种可选的实施方式中,所述方法还包括:
响应于作用在第二视频的播放页面上的预设连续点击操作,按照预设展示顺序,依次展示预设动画集合中的交互动画;其中,所述预设动画集合与所述第二视频的视频内容相关;
当监测到所述预设连续点击操作对应的点击结束事件时,控制所述视频播放页面上展示的各个交互动画,以显示位置为起点沿预设轨迹展示至所述视频播放页面的底部位置。
一种可选的实施方式中,所述响应于作用在第二视频的播放页面上的预设连续点击操作,按照预设展示顺序,依次展示预设动画集合中的交互动画,包括:
响应于作用在第二视频的播放页面上的预设连续点击操作中的第一点击操作,在所述播放页面上展示预设动画集合中的第四交互动画;
响应于所述预设连续点击操作中的第二点击操作,更新所述第四交互动画的显示位置;其中,所述第二点击操作为所述第一点击操作的相邻下一次点击操作。
一种可选的实施方式中,所述响应于针对第一视频的播放页面上的预设交互控件的拖拽操作,跟随所述拖拽操作的拖拽轨迹展示第一交互动画之后,还包括:
增加所述预设交互控件对应的交互次数值。
一种可选的实施方式中,所述第一交互动画与所述第一视频的视频内容相关。
第二方面,本公开提供了一种视频交互装置,所述装置包括:
第一展示模块,用于响应于针对第一视频的播放页面上的预设交互控件的拖拽操作,跟随所述拖拽操作的拖拽轨迹展示第一交互动画;
第一更新模块,用于将所述预设交互控件的显示样式更新为预设交互图标;其中,所述预设交互图标与所述第一交互动画的内容相关。
第三方面,本公开提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有指令,当所述指令在计算机设备上运行时,使得所述计算机设备实现上述的方法。
第四方面,本公开提供了一种视频交互设备,包括:存储器,处理器,及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时,实现上述的方法。
第五方面,本公开提供了一种计算机程序产品,所述计算机程序产品包括计算机程序/指令,所述处理器执行所述计算机程序/指令时,实现上述的方法。
本公开实施例提供的技术方案与现有技术相比至少具有如下优点:
本公开实施例提供了一种视频交互方法,响应于针对第一视频的播放页面上的预设交互控件的拖拽操作,跟随拖拽操作的拖拽轨迹展示第一交互动画;在展示第一交互动画的过程中,将预设交互控件的显示样式更新为预设交互图标,其中,预设交互图标与第一交互动画的内容相关。本公开实施例能够基于针对第一视频的播放页面上的预设交互控件的拖拽操作,触发对第一交互动画的展示,另外,在展示第一交互动画时,还可以将预设交互控件的显示样式更新为预设交互图标。可见,本公开实施例丰富了基于视频的交互功能,提升了用户的视频观看体验。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。
为了更清楚地说明本公开实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本公开实施例提供的一种视频交互方法的流程图;
图2为本公开实施例提供的一种视频播放页面的示意图;
图3为本公开实施例提供的另一种视频播放页面的示意图;
图4为本公开实施例提供的又一种视频播放页面示意图;
图5为本公开实施例提供的一种视频交互方法的流程图;
图6为本公开实施例提供的一种交互动画的展示示意图;
图7为本公开实施例提供的另一种交互动画的展示示意图;
图8为本公开实施例提供的一种视频交互装置的结构示意图;
图9为本公开实施例提供的一种视频交互设备的结构示意图。
具体实施方式
为了能够更清楚地理解本公开的上述目的、特征和优点,下面将对本公开的方案进行进一步描述。需要说明的是,在不冲突的情况下,本公开的实施例及实施例中的特征可以相互组合。
在下面的描述中阐述了很多具体细节以便于充分理解本公开,但本公开还可以采用其他不同于在此描述的方式来实施;显然,说明书中的实施例只是本公开的一部分实施例,而不是全部的实施例。
目前,用户对视频播放过程中的交互功能需求越来越多样化,如何丰富视频的交互功能,提升用户观看视频时的体验,是目前亟需解决的技术问题。
为此,本公实施例提供了一种视频交互方法,响应于针对第一视频的播放页面上的预设交互控件的拖拽操作,跟随拖拽操作的拖拽轨迹展示第一交互动画;在展示第一交互动画的过程中,将预设交互控件的显示样式更新为预设交互图标,其中,预设交互图标与第一交互动画的内容相关。本公开实施例能够基于针对第一视频的播放页面上的预设交互控件的拖拽操作,触发对第一交互动画的展示,另外,在展示第一交互动画时,还可以将预设交互控件的显示样式更新为预设交互图标。可见,本公开实施例丰富了基于视频的交互功能,提升了用户的视频观看体验。
基于此,本公开实施例提供了一种视频交互方法,参考图1为本公开实施例提供的一种视频交互方法的流程图,该方法包括:
S101:响应于针对第一视频的视频播放页面上的预设交互控件的拖拽操作,跟随所述拖拽操作的拖拽轨迹展示第一交互动画。
本公开实施例中,第一视频可以为任意一个视频,具体的,第一视频可以为视频信息流中的任意一个视频。第一视频,例如可以是视频内容具有特定节日元素或特定事件元素的视频,如具有春节元素的视频等。
另一种可选的实施方式中,第一视频可以为,在特定时间段内视频播放页面上正在播放的任意一个视频,具体的,在特定时间段内,在接收到作用在任意一个视频的视频播放页面上的预设交互控件的拖拽操作,均可以实现跟随拖拽操作的拖拽轨迹展示第一交互动画的效果。例如,第一视频可以是在圣诞节当天,视频播放页面上正在播放的任意一个视频。
本公开实施例中,第一交互动画,是指与第一视频的视频内容相关的动画。具体的,第一交互动画可以为基于第一视频的视频内容确定,例如,假设第一视频的视频内容为春节相关的视频,则第一交互动画可以为带有春节祝福语等元素的动画;第一交互动画还可以为与第一视频具有匹配关系的交互动画,例如,假设第一视频为圣诞节相关的视频,则第一交互动画可以为与圣诞节相关的视频相匹配的动画,如圣诞老人的动画等。
本公开实施例中,在播放第一视频的过程中,在第一视频的播放页面上显示有预设交互控件,在接收到作用在该预设交互控件上的拖拽操作时,触发展示第一交互动画的效果。其中,预设交互控件可以是用于触发交互操作的控件,例如预设交互控件可以包括点赞控件、评论控件、收藏控件、转发控件等等。
如图2所示,为本公开实施例提供的一种视频播放页面的示意图,其中,视频播放页面上展示有预设交互控件201,假设预设互控件201为点赞控件。响应于针对预设交互控件201的拖拽操作,在视频播放页面上跟随该拖拽操作的拖拽轨迹,展示预设交互控件201对应的第一交互动画。
如图3所示,为本公开实施例提供的另一种视频播放页面的示意图,响应于作用在上述图2所示的预设交互控件201上的拖拽操作,在视频交互页面上,跟随拖拽操作的拖拽轨迹,展示预设交互控件201对应的第一交互动画301,效果如图3所示。
一种可选的实施方式中,在第一视频的视频播放页面上,还可以显示针对预设交互控件的拖拽操作提示,具体可以包括拖拽手势动画提示、拖拽文字提示等。具体的,视频播放页面上可以显示有“拖拽按钮会有动画效果!”的文字提示,用于引导用户针对交互控件的拖拽操作,并使用户对拖拽交互控件后的动画展示有预期,保证用户的交互体验。
由于预设交互控件具有特定交互功能,例如点赞控件具有对当前播放视频的点赞功能,因此,本公开实施例在接收到针对视频播放页面上的预设交互控件的拖拽操作时,不仅可以跟随拖拽操作的拖拽轨迹展示第一交互动画,还可以增加预设交互控件对应的交互次数值。假设预设交互控件为点赞控件,则增加当前播放视频的点赞次数值,例如在原点赞次数值的基础上增加一次点赞次数。
S102:将所述预设交互控件的显示样式更新为预设交互图标。
本公开实施例中,在展示所述预设交互控件对应的第一交互动画的过程中,将预设交互控件的显示样式更新为预设交互图标,其中,所述预设交互图标与第一交互动画的内容相关,具体的,预设交互图标可以为基于第一交互动画的内容确定,预设交互图标还可以为与第一交互动画具有匹配关系的图标等。
假设第一交互动画为足球滚动的动画,则预设交互图标可以为与足球动画相关的球门图标;假设第一交互动画为旗帜摇曳的动画,则预设交互图标可以为与旗帜动画相关的旗台图标。
如图3所示,在视频播放页面上展示预设交互控件对应的第一交互动画301的过程中,将预设交互控件的显示样式更新为第一交互动画301对应的预设交互图标302。
在用户拖拽第一视频的播放页面上的预设交互控件,基于拖拽操作的拖拽轨迹展示第一交互动画的过程中,如果用户想要结束第一交互动画的展示,则可以通过触发拖拽操作对应的拖拽结束操作,结束展示第一交互动画。其中,拖拽结束操作可以为拖拽操作对应的抬起操作。
一种可选的实施方式中,当监测到上述拖拽操作对应的拖拽结束操作时,首先,基于拖拽结束操作对应的位置信息和预设交互控件的显示位置,确定拖拽返回路径;然后,沿拖拽返回路径展示第二交互动画,其中,拖拽结束操作对应的位置信息可以为拖拽结束操作在视频播放页面上的坐标位置。
本公开实施例中,第二交互动画是指与第一交互动画的内容相关的动画,例如,假设第一交互动画为正在蓄力的足球,则第二交互动画可以为正在运动的足球等。
如图4所示,为本公开实施例提供的又一种视频播放页面的示意图,响应于作用在第一视频的视频播放页面上的拖拽结束操作,首先确定拖拽结束操作对应的位置信息,然后基于拖拽结束操作对应的位置信息和预设交互控件的显示位置,确定拖拽返回路径401,最后沿拖拽返回路径402展示第二交互动画402。其中,拖拽返回路径402可以是连接拖拽结束操作对应的坐标位置和预设交互控件的坐标位置得到的直线路径,还可以是基于位置信息和显示位置确定的预设曲线路径等,本公开实施例对拖拽返回路径的确定方法不做限制。
一种可选的实施方式中,在视频播放页面上监测到拖拽操作对应的拖拽结束操作时,还可以隐藏显示第一交互动画。例如,假设当前视频播放页面上随拖拽轨迹展示的第一交互动画为旗帜摇曳的动画,则在监测到拖拽操作对应的拖拽结束操作时,隐藏显示旗帜摇曳的动画。
本公开实施例中,在沿拖拽返回路径展示第二交互动画的过程中,当监测到第二交互动画展示至预设交互控件的显示位置时,在预设交互控件的显示位置处展示第三交互动画。其中,第三交互动画与第二交互动画的内容相关。假设第二交互动画为正在运动的足球,则第三交互动画可以为进球的动画等;假设第二交互动画为飘扬的旗帜,则第三交互动画可以为正在升旗的动画等。
如图4所示,在视频播放页面上沿拖拽返回路径展示第二交互动画402的过程中,当监测到第二交互动画402展示至图2所示的预设交互控件的显示位置时,在预设交互控件的显示位置处展示第三交互动画403。
本公开实施例提供的视频交互方法中,响应于针对第一视频的播放页面上的预设交互控件的拖拽操作,跟随拖拽操作的拖拽轨迹展示第一交互动画;在展示第一交互动画的过程中,将预设交互控件的显示样式更新为预设交互图标,其中,预设交互图标与第一交互动画的内容相关。本公开实施例能够基于针对第一视频的播放页面上的预设交互控件的拖拽操作,触发对第一交互动画的展示,另外,在展示第一交互动画时,还可以将预设交互控件的显示样式更新为预设交互图标。可见,本公开实施例丰富了基于视频的交互功能,提升了用户的视频观看体验。
基于上述实施例,为了进一步丰富视频播放过程中的交互功能,本公开实施例还提供了一种视频交互方法,参考图5为本公开实施例提供的另一种视频交互方法的流程图,该方法包括:
S501:响应于作用在第二视频的播放页面上的预设连续点击操作,按照预设展示顺序,依次展示预设动画集合中的交互动画。
第一视频和第二视频可以为同一视频,也可以为不同视频。预设动画集合中可以包括具有展示顺序的至少一个交互动画,预设动画集合中的交互动画可以与第二视频的视频内容相关,具体为基于第二视频的视频内容确定。假设第二视频为具有足球元素的视频,相应的,预设动画合集中的交互动画为各种足球元素的展示动画等。
本公开实施例中,作用在第二视频的视频播放页面上的预设连续点击操作,可以是包括至少两次连续点击操作的连续多次点击操作,预设连续点击操作中的任意两次相邻的点击操作之间的时间间隔符合预设时间阈值。
本公开实施例中,在接收到作用在第二视频的视频播放页面上的任意一次点击操作时,首先获取本次点击操作与相邻上一次点击操作之间的时间间隔,若该时间间隔不大于预设时间阈值,则将这两次点击操作作为一次双击操作;基于上述方式,可以将符合预设时间阈值的三次连续点击操作作为一次三连击操作。
一种可选的实施方式中,响应于作用在第二视频的播放页面上的预设连续点击操作中的第一点击操作,在第二视频的播放页面上展示预设动画集合中的第四交互动画;响应于作用在第二视频的播放页面上的预设连续点击操作中的第二点击操作,在第二视频的播放页面上更新第四交互动画的显示位置。
其中,第一点击操作,是指预设连续点击操作中除第一次点击操作之外的任意一次点击操作,第四交互动画可以为预设动画集合中的交互动画;第二点击操作为预设连续点击操作中与第一点击操作相邻的下一次点击操作,例如,第一点击操作为预设连续点击操作中的第2次点击操作时,相应的,第二点击操作为预设连续点击操作中的第3次点击操作。
如图7所示,为本公开实施例提供的另一种交互动画的展示示意图,在双击操作的基础上,再次接收到点击操作时,判断该点击操作与第一点击操作之间的时间间隔是否不大于预设时间阈值,如果是,则将本次点击操作确定为第二点击操作,触发将图6中第四交互动画601的显示位置更新为图7中的显示位置701。
在上述实施例的基础上,针对第二点击操作,在视频播放页面上基于各个交互动画的展示顺序,展示预设动画集合中与第四交互动画701相邻下一个交互动画702。按照上述方式,通过预设连续点击操作,触发依次展示预设动画集合中的各个交互动画,另外,通过每次点击操作触发已展示的各个交互动画更新展示位置的动态效果,进一步提升用户体验。
一种可选的实施方式中,作用在第二视频的播放页面上的预设连续点击操作不仅可以触发依次展示预设动画集合中的交互动画,还可以增加预设交互控件对应的交互次数值。假设预设交互控件为点赞控件,则作用在第二视频的播放页面上的预设连续点击操作,可以增加当前播放视频的点赞次数值,例如在原点赞次数值的基础上增加一次点赞次数。
S502:当监测到所述预设连续点击操作对应的点击结束事件时,控制所述视频播放页面上展示的各个交互动画,以显示位置为起点沿预设轨迹展示至所述视频播放页面的底部位置。
预设连续点击操作对应的点击结束事件,可以是在本次点击操作之后的预设时间阈值内未监测到下一次点击操作的事件。例如,用户在连续三次点击操作之后,停止继续点击操作,此时,在第三次点击操作之后的预设时间阈值内未检测到下一个点击操作,则构成本次连续点击操作的点击结束事件,此时可以控制所述视频播放页面上展示的各个交互动画,以显示位置为起点沿预设轨迹展示至所述视频播放页面的底部位置。
如图7所示,当监测到预设连续点击操作对应的点击结束事件时,可以控制视频播放页面上已展示的各个交互动画701和702,以各个动画的显示位置为起点,沿预设轨迹展示至视频播放页面的底部位置,形成点击操作停止触发已展示交互动画掉落显示的效果。其中,预设轨迹可以是随机生成的,也可以是针对每个显示位置的交互动画预先设置的,本公开实施例对此不做限制。
本公开实施例提供的视频交互方法中,能够基于针对第二视频的播放页面上的预设连续点击操作,触发按照预设展示顺序,依次展示预设动画集合中的交互动画的效果,进一步丰富了基于视频的交互功能,提升了用户的体验。
另外,当监测到预设连续点击操作对应的点击结束事件时,本公开实施例还可以控制视频播放页面上展示的各个交互动画,以显示位置为起点沿预设轨迹展示至视频播放页面的底部位置,进一步丰富了基于视频的交互功能,从而提升了用户的体验。
基于上述方法实施例,本公开还提供了一种视频交互装置,参考图8,为本公开实施例提供的一种视频交互装置的结构示意图,所述装置包括:
第一展示模块801,用于响应于针对第一视频的播放页面上的预设交互控件的拖拽操作,跟随所述拖拽操作的拖拽轨迹展示第一交互动画;
第一更新模块802,用于将所述预设交互控件的显示样式更新为预设交互图标;其中,所述预设交互图标与所述第一交互动画的内容相关。
一种可选的实施方式中,所述装置还包括:
确定模块,用于在监测到所述拖拽操作对应的拖拽结束操作时,基于所述拖拽结束操作对应的位置信息和所述预设交互控件的显示位置信息,确定拖拽返回路径;
第二展示模块,用于沿所述拖拽返回路径展示第二交互动画;其中,所述第二交互动画与所述第一交互动画的内容相关。
一种可选的实施方式中,所述装置还包括:
第三展示模块,用于在监测到所述第二交互动画展示至所述预设交互控件的显示位置时,在所述预设交互控件的显示位置处展示第三交互动画;其中,所述第三交互动画与所述第二交互动画的内容相关。
一种可选的实施方式中,所述装置还包括:
第四展示模块,用于响应于作用在第二视频的播放页面上的预设连续点击操作,按照预设展示顺序,依次展示预设动画集合中的交互动画;其中,所述预设动画集合与所述第二视频的视频内容相关;
监测模块,用于在监测到所述预设连续点击操作对应的点击结束事件时,控制所述视频播放页面上展示的各个交互动画,以显示位置为起点沿预设轨迹展示至所述视频播放页面的底部位置。
一种可选的实施方式中,所述第四展示模块,包括:
展示子模块,用于响应于作用在第二视频的播放页面上的预设连续点击操作中的第一点击操作,在所述播放页面上,展示预设动画集合中的第四交互动画;
更新子模块,用于响应于所述预设连续点击操作中的第二点击操作,更新所述第四交互动画的显示位置;其中,所述第二点击操作为所述第一点击操作的相邻下一次点击操作。
一种可选的实施方式中,所述装置还包括:
增加模块,用于增加所述预设交互控件对应的交互次数值。
一种可选的实施方式中,所述第一交互动画与所述第一视频的视频内容相关。
本公开实施例提供的视频交互装置中,响应于针对第一视频的播放页面上的预设交互控件的拖拽操作,跟随拖拽操作的拖拽轨迹展示第一交互动画;在展示第一交互动画的过程中,将预设交互控件的显示样式更新为预设交互图标,其中,预设交互图标与第一交互动画的内容相关。本公开实施例能够基于针对第一视频的播放页面上的预设交互控件的拖拽操作,触发对第一交互动画的展示,另外,在展示第一交互动画时,还可以将预设交互控件的显示样式更新为预设交互图标。可见,本公开实施例丰富了基于视频的交互功能,提升了用户的视频观看体验。
除了上述方法和装置以外,本公开实施例还提供了一种计算机可读存储介质,计算机可读存储介质中存储有指令,当所述指令在终端设备上运行时,使得所述终端设备实现本公开实施例所述的视频交互方法。
本公开实施例还提供了一种计算机程序产品,所述计算机程序产品包括计算机程序/指令,所述计算机程序/指令被处理器执行时实现本公开实施例所述的视频交互方法。
另外,本公开实施例还提供了一种视频交互设备,参见图9所示,可以包括:
处理器901、存储器902、输入装置903和输出装置904。视频交互设备中的处理器901的数量可以一个或多个,图9中以一个处理器为例。在本公开的一些实施例中,处理器901、存储器902、输入装置903和输出装置904可通过总线或其它方式连接,其中,图9中以通过总线连接为例。
存储器902可用于存储软件程序以及模块,处理器901通过运行存储在存储器902的软件程序以及模块,从而执行视频交互设备的各种功能应用以及数据处理。存储器902可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序等。此外,存储器902可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。输入装置903可用于接收输入的数字或字符信息,以及产生与视频交互设备的用户设置以及功能控制有关的信号输入。
具体在本实施例中,处理器901会按照如下的指令,将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器902中,并由处理器901来运行存储在存储器902中的应用程序,从而实现上述视频交互设备的各种功能。
需要说明的是,在本文中,诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述仅是本公开的具体实施方式,使本领域技术人员能够理解或实现本公开。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本公开的精神或范围的情况下,在其它实施例中实现。因此,本公开将不会被限制于本文所述的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
Claims (11)
1.一种视频交互方法,其特征在于,所述方法包括:
响应于针对第一视频的播放页面上的预设交互控件的拖拽操作,跟随所述拖拽操作的拖拽轨迹展示第一交互动画;
将所述预设交互控件的显示样式更新为预设交互图标;其中,所述预设交互图标与所述第一交互动画的内容相关。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
当监测到所述拖拽操作对应的拖拽结束操作时,基于所述拖拽结束操作对应的位置信息和所述预设交互控件的显示位置信息,确定拖拽返回路径;
沿所述拖拽返回路径展示第二交互动画;其中,所述第二交互动画与所述第一交互动画的内容相关。
3.根据权利要求2所述的方法,其特征在于,所述方法还包括:
当监测到所述第二交互动画展示至所述预设交互控件的显示位置时,在所述预设交互控件的显示位置处展示第三交互动画;其中,所述第三交互动画与所述第二交互动画的内容相关。
4.根据权利要求1所述的方法,其特征在于,所述方法还包括:
响应于作用在第二视频的播放页面上的预设连续点击操作,按照预设展示顺序,依次展示预设动画集合中的交互动画;其中,所述预设动画集合与所述第二视频的视频内容相关;
当监测到所述预设连续点击操作对应的点击结束事件时,控制所述视频播放页面上展示的各个交互动画,以显示位置为起点沿预设轨迹展示至所述视频播放页面的底部位置。
5.根据权利要求4所述的方法,其特征在于,所述响应于作用在第二视频的播放页面上的预设连续点击操作,按照预设展示顺序,依次展示预设动画集合中的交互动画,包括:
响应于作用在第二视频的播放页面上的预设连续点击操作中的第一点击操作,在所述播放页面上展示预设动画集合中的第四交互动画;
响应于所述预设连续点击操作中的第二点击操作,更新所述第四交互动画的显示位置;其中,所述第二点击操作为所述第一点击操作的相邻下一次点击操作。
6.根据权利要求1-5中的任一项所述的方法,其特征在于,所述响应于针对第一视频的播放页面上的预设交互控件的拖拽操作,跟随所述拖拽操作的拖拽轨迹展示第一交互动画之后,方法还包括:
增加所述预设交互控件对应的交互次数值。
7.根据权利要求1所述的方法,其特征在于,所述第一交互动画与所述第一视频的视频内容相关。
8.一种视频交互装置,其特征在于,所述装置包括:
第一展示模块,用于响应于针对第一视频的播放页面上的预设交互控件的拖拽操作,跟随所述拖拽操作的拖拽轨迹展示第一交互动画;
第一更新模块,用于将所述预设交互控件的显示样式更新为预设交互图标;其中,所述预设交互图标与所述第一交互动画的内容相关。
9.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有指令,当所述指令在终端设备上运行时,使得所述终端设备实现如权利要求1-7任一项所述的方法。
10.一种视频交互设备,其特征在于,包括:存储器,处理器,及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时,实现如权利要求1-7任一项所述的方法。
11.一种计算机程序产品,其特征在于,所述计算机程序产品包括计算机程序/指令,所述计算机程序/指令被处理器执行时实现如权利要求1-7任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211124893.1A CN115390729A (zh) | 2022-09-15 | 2022-09-15 | 一种视频交互方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211124893.1A CN115390729A (zh) | 2022-09-15 | 2022-09-15 | 一种视频交互方法、装置、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115390729A true CN115390729A (zh) | 2022-11-25 |
Family
ID=84127048
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211124893.1A Pending CN115390729A (zh) | 2022-09-15 | 2022-09-15 | 一种视频交互方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115390729A (zh) |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106878825A (zh) * | 2017-01-09 | 2017-06-20 | 腾讯科技(深圳)有限公司 | 基于直播的声效展示方法和装置 |
CN112988002A (zh) * | 2021-03-30 | 2021-06-18 | 武汉悦学帮网络技术有限公司 | 一种绘本处理方法、装置、电子设备及存储介质 |
CN113407277A (zh) * | 2021-06-18 | 2021-09-17 | 咪咕动漫有限公司 | 显示元素颜色设置方法、装置、设备及计算机程序 |
WO2021219002A1 (zh) * | 2020-04-30 | 2021-11-04 | 海信视像科技股份有限公司 | 显示设备 |
CN114356155A (zh) * | 2020-09-30 | 2022-04-15 | 北京字跳网络技术有限公司 | 一种基于视频的交互方法、装置、设备及存储介质 |
CN114579229A (zh) * | 2022-02-14 | 2022-06-03 | 众安科技(国际)集团有限公司 | 信息呈现方法及装置 |
CN115035216A (zh) * | 2022-05-12 | 2022-09-09 | 掌阅科技股份有限公司 | 内容显示方法、电子设备及存储介质 |
-
2022
- 2022-09-15 CN CN202211124893.1A patent/CN115390729A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106878825A (zh) * | 2017-01-09 | 2017-06-20 | 腾讯科技(深圳)有限公司 | 基于直播的声效展示方法和装置 |
WO2021219002A1 (zh) * | 2020-04-30 | 2021-11-04 | 海信视像科技股份有限公司 | 显示设备 |
CN114356155A (zh) * | 2020-09-30 | 2022-04-15 | 北京字跳网络技术有限公司 | 一种基于视频的交互方法、装置、设备及存储介质 |
CN112988002A (zh) * | 2021-03-30 | 2021-06-18 | 武汉悦学帮网络技术有限公司 | 一种绘本处理方法、装置、电子设备及存储介质 |
CN113407277A (zh) * | 2021-06-18 | 2021-09-17 | 咪咕动漫有限公司 | 显示元素颜色设置方法、装置、设备及计算机程序 |
CN114579229A (zh) * | 2022-02-14 | 2022-06-03 | 众安科技(国际)集团有限公司 | 信息呈现方法及装置 |
CN115035216A (zh) * | 2022-05-12 | 2022-09-09 | 掌阅科技股份有限公司 | 内容显示方法、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP6235636B2 (ja) | 触覚効果を与えるシステム及び方法 | |
TWI698122B (zh) | 一種彈幕展示方法及客戶端 | |
US20150106856A1 (en) | Media player system for product placements | |
US20140178047A1 (en) | Gesture drive playback control for chromeless media players | |
CN113286201B (zh) | 推荐信息展示方法、装置、电子设备和存储介质 | |
CN107728905B (zh) | 一种弹幕显示方法、装置及存储介质 | |
US20150100885A1 (en) | Video streaming on a mobile device | |
CN111782128A (zh) | 用于在用户界面中导航的列界面 | |
EP4390642A1 (en) | Page processing method and apparatus, device, and storage medium | |
KR20140025494A (ko) | 에지 제스처 기법 | |
US9946438B2 (en) | Maximum value displayed content feature | |
KR20140025493A (ko) | 에지 제스처 기법 | |
US10382808B2 (en) | System and method for digital television operation and control | |
WO2023134470A1 (zh) | 页面控制方法、装置、设备以及存储介质 | |
CN113645496B (zh) | 一种视频处理方法、装置、设备及存储介质 | |
US20200257435A1 (en) | Dynamically Updating User Interface Elements | |
WO2024099217A1 (zh) | 一种多媒体内容显示方法、装置、设备及存储介质 | |
WO2024099453A1 (zh) | 用于用户交互的方法、装置、设备和存储介质 | |
CN112631814B (zh) | 游戏剧情对白播放方法和装置、存储介质、电子设备 | |
WO2024055921A1 (zh) | 一种视频处理方法、装置、设备及存储介质 | |
CN115390729A (zh) | 一种视频交互方法、装置、设备及存储介质 | |
US20230054388A1 (en) | Method and apparatus for presenting audiovisual work, device, and medium | |
CN115480687A (zh) | 一种视频交互方法、装置、设备及存储介质 | |
CA2829048A1 (en) | Computer device, control method, and storage medium | |
CN115623272A (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 |