CN113535033B - 多媒体内容展示的控制方法、装置、电子设备和介质 - Google Patents
多媒体内容展示的控制方法、装置、电子设备和介质 Download PDFInfo
- Publication number
- CN113535033B CN113535033B CN202110893331.2A CN202110893331A CN113535033B CN 113535033 B CN113535033 B CN 113535033B CN 202110893331 A CN202110893331 A CN 202110893331A CN 113535033 B CN113535033 B CN 113535033B
- Authority
- CN
- China
- Prior art keywords
- preset
- page
- interactive picture
- multimedia content
- gesture
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 68
- 230000008859 change Effects 0.000 claims abstract description 92
- 230000001960 triggered effect Effects 0.000 claims abstract description 24
- 230000003993 interaction Effects 0.000 claims abstract description 16
- 230000002452 interceptive effect Effects 0.000 claims description 128
- 230000000694 effects Effects 0.000 claims description 55
- 230000007704 transition Effects 0.000 claims description 52
- 230000004044 response Effects 0.000 claims description 21
- 238000004590 computer program Methods 0.000 claims description 10
- 230000008569 process Effects 0.000 description 16
- 238000010586 diagram Methods 0.000 description 9
- 230000009471 action Effects 0.000 description 5
- 241000533950 Leucojum Species 0.000 description 3
- 239000003086 colorant Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 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/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/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/0483—Interaction with page-structured environments, e.g. book metaphor
-
- 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
-
- 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
-
- 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
Abstract
本公开涉及多媒体技术领域,尤其涉及一种多媒体内容展示的控制方法、装置、电子设备和介质。通过在第一页面显示第一多媒体内容,响应于终端设备以预设姿态变化,从第一页面切换至第二页面,在第二页面显示第二多媒体内容,即通过触发终端设备的姿态变化实现第一页面至第二页面的切换,提高了用户互动的趣味性。
Description
技术领域
本公开涉及多媒体技术领域,尤其涉及一种多媒体内容展示的控制方法、装置、电子设备和介质。
背景技术
随着互联网技术的飞速发展,在多媒体应用程序内展示多媒体内容,已成为一种常见的多媒体内容推广方式。
现有的多媒体应用程序,可以连续向用户推送不同的多媒体流,在推送一些多媒体流时,在多媒体流的推送页面显示锚点,用户可以通过点击锚点进入该多媒体流的扩展页面,进一步地了解该多媒体流的相应内容或者进行进一步地操作。
然而,采用现有技术,用户互动的趣味性不高。
发明内容
为了解决上述技术问题或者至少部分地解决上述技术问题,本公开提供了一种多媒体内容展示的控制方法、装置、电子设备和介质。
本公开第一方面提供一种多媒体内容展示的控制方法,包括:
在第一页面显示第一多媒体内容;
响应于终端设备以预设姿态变化,从所述第一页面切换至第二页面,所述第二页面显示第二多媒体内容,所述第二多媒体内容为所述第一多媒体内容的扩展内容。
可选的,所述响应于终端设备以预设姿态变化,从所述第一页面切换至第二页面,包括:
响应于所述终端设备以预设姿态变化,在所述预设姿态变化满足预设条件的情况下,从所述第一页面切换至所述第二页面。
可选的,所述响应于终端设备以预设姿态变化,从所述第一页面切换至第二页面,包括:
响应于终端设备以预设姿态变化,触发第一互动图片和第二互动图片以预设转场特效进行切换,在所述预设姿态变化满足预设条件的情况下,从所述第一页面切换至所述第二页面。
可选的,所述预设条件包括:
所述预设姿态变化的时长等于第一预设时长;
或者,
所述触发第一互动图片和第二互动图片以预设转场特效进行切换的次数等于预设次数;
或者,
所述预设转场特效对应的进度条到达满条的状态。
可选的,所述响应于终端设备以预设姿态变化,从所述第一页面切换至第二页面之前,还包括:
在所述第一多媒体内容显示第二预设时长后,在所述第一页面显示所述第一互动图片。
可选的,在所述第一页面显示的第一互动图片下面显示提示信息,所述提示信息用于指示触发所述终端设备以预设姿态变化。
可选的,还包括:
响应于对所述第一互动图片或者第二互动图片的触发,从所述第一页面切换至第二页面。
可选的,还包括:
响应于终端设备以预设姿态变化,触发目标互动元素以预设方向移动。
可选的,所述以预设姿态变化包括:沿至少一个预设方向倾斜至预设角度。
可选的,所述沿至少一个预设方向倾斜至预设角度,包括:沿向左方向和向右方向各倾斜至预设角度;
所述第一页面还显示向左方向进度条和向右方向进度条;
所述响应于终端设备以预设姿态变化,触发第一互动图片和第二互动图片以预设转场特效进行切换,包括:
响应于所述终端设备沿向左方向倾斜预设角度,同时所述第一互动图片向左倾斜预设角度,响应于所述终端设备从向左方向倾斜预设角度恢复平面,触发所述第一互动图片以预设转场特效切换至第二互动图片,所述向左方向进度条填充预设进度;
响应于终端设备沿向右方向倾斜预设角度,同时所述第二互动图片向右倾斜预设角度,响应于所述终端设备从向右方向倾斜预设角度恢复平面,触发所述第二互动图片以预设转场特效切换至第一互动图片,所述向右方向进度条填充预设进度;
所述预设条件包括:向左方向进度条和向右方向进度条均处于填满状态。
可选的,所述响应于所述终端设备以预设姿态变化,从所述第一页面切换至所述第二页面之前,还包括:
通过所述终端设备的陀螺仪确定所述终端设备以预设姿态变化。
本公开第二方面提供一种多媒体内容展示的控制装置,包括:
显示模块,用于在第一页面显示第一多媒体内容;
处理模块,用于响应于终端设备以预设姿态变化,从所述第一页面切换至第二页面,所述第二页面显示第二多媒体内容,所述第二多媒体内容为所述第一多媒体内容的扩展内容。
可选的,所述处理模块具体用于响应于所述终端设备以预设姿态变化,在所述预设姿态变化满足预设条件的情况下,从所述第一页面切换至所述第二页面。
可选的,所述处理模块具体用于响应于终端设备以预设姿态变化,触发第一互动图片和第二互动图片以预设转场特效进行切换,在所述预设姿态变化满足预设条件的情况下,从所述第一页面切换至所述第二页面。
可选的,所述预设条件包括:
所述预设姿态变化的时长等于第一预设时长;
或者,
所述触发第一互动图片和第二互动图片以预设转场特效进行切换的次数等于预设次数;
或者,
所述预设转场特效对应的进度条到达满条的状态。
可选的,所述显示模块还用于在所述第一多媒体内容显示第二预设时长后,在所述第一页面显示所述第一互动图片。
可选的,在所述第一页面显示的第一互动图片下面显示提示信息,所述提示信息用于指示触发所述终端设备以预设姿态变化。
可选的,所述处理模块还用于响应于对所述第一互动图片或者第二互动图片的触发,从所述第一页面切换至第二页面。
可选的,所述处理模块还用于响应于终端设备以预设姿态变化,触发目标互动元素以预设方向移动。
可选的,所述以预设姿态变化包括:沿至少一个预设方向倾斜至预设角度。
可选的,所述沿至少一个预设方向倾斜至预设角度,包括:沿向左方向和向右方向各倾斜至预设角度;
所述显示模块还用于在所述第一页面显示向左方向进度条和向右方向进度条;
所述处理模块进一步用于响应于所述终端设备沿向左方向倾斜预设角度,同时所述第一互动图片向左倾斜预设角度,响应于所述终端设备从向左方向倾斜预设角度恢复平面,触发所述第一互动图片以预设转场特效切换至第二互动图片,所述向左方向进度条填充预设进度;响应于终端设备沿向右方向倾斜预设角度,同时所述第二互动图片向右倾斜预设角度,响应于所述终端设备从向右方向倾斜预设角度恢复平面,触发所述第二互动图片以预设转场特效切换至第一互动图片,所述向右方向进度条填充预设进度;
所述预设条件包括:向左方向进度条和向右方向进度条均处于填满状态。
可选的,所述处理模块还用于通过陀螺仪确定所述终端设备以预设姿态变化。
第三方面,本公开还提供一种电子设备,包括:处理器,所述处理器用于执行存储于存储器的计算机程序,所述计算机程序被处理器执行时实现第一方面所述的方法的步骤。
第四方面,本公开还提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现第一方面任一项所述的方法的步骤。
第五方面,本公开还提供一种计算机程序产品,当所述计算机程序产品在计算机上运行时,使得所述计算机执行第一方面任一项所述的方法的步骤。
本公开实施例提供的技术方案与现有技术相比,至少具有如下优点:
通过在第一页面显示第一多媒体内容,响应于终端设备以预设姿态变化,从第一页面切换至第二页面,在第二页面显示第二多媒体内容,即通过触发终端设备的姿态变化实现第一页面至第二页面的切换,提高了用户互动的趣味性。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。
为了更清楚地说明本公开实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本公开提供的一种多媒体内容展示的控制方法的流程示意图;
图2A为本公开提供的一种第一页面的示意图;
图2B为本公开提供的终端设备的一种姿态的示意图;
图2C为本公开提供的终端设备的另一种姿态的示意图;
图2D为本公开提供的一种第二页面的示意图;
图3为本公开提供的另一种多媒体内容展示的控制方法的流程示意图;
图4为本公开提供的再一种多媒体内容展示的控制方法的流程示意图;
图5A为本公开提供的另一种第一页面的示意图;
图5B为本公开提供的终端设备的又一种姿态下的页面示意图;
图5C为本公开提供的终端设备的又一种姿态下的页面示意图;
图5D为本公开提供的另一种第二页面的示意图;
图6为本公开提供的又一种多媒体内容展示的控制方法的流程示意图;
图7为本公开提供的又一种第一页面的示意图;
图8A为本公开提供的又一种第一页面的示意图;
图8B为本公开提供的终端设备的又一种姿态下的页面示意图;
图8C为本公开提供的终端设备的又一种姿态下的页面示意图;
图8D为本公开提供的终端设备的又一种姿态下页面示意图;
图8E为本公开提供的终端设备的又一种姿态下的页面示意图;
图9为本公开提供的又一种多媒体内容展示的控制方法的流程示意图;
图10为本公开提供的又一种第一页面的示意图;
图11为本公开提供的又一种第一页面的示意图;
图12为本本公开提供的一种多媒体内容展示的控制装置的结构示意图。
具体实施方式
为了能够更清楚地理解本公开的上述目的、特征和优点,下面将对本公开的方案进行进一步描述。需要说明的是,在不冲突的情况下,本公开的实施例及实施例中的特征可以相互组合。
在下面的描述中阐述了很多具体细节以便于充分理解本公开,但本公开还可以采用其他不同于在此描述的方式来实施;显然,说明书中的实施例只是本公开的一部分实施例,而不是全部的实施例。
本公开的技术方案可应用于具有显示屏的终端设备,该显示屏可以是触摸屏,也可以不是触摸屏,其中,终端设备可以包括平板、手机、可穿戴电子设备、智能家居设备或者其他终端设备等。该终端设备安装有多媒体应用程序(Application,App),该多媒体应用程序可显示多媒体内容。本公开中的多媒体内容可以是广告、项目介绍、调查问卷或者事件介绍等等,对此,本公开不做限制。
本公开的技术方案在多媒体应用程序播放多媒体内容的过程中,可以通过终端设备的姿态变化来触发从多媒体内容的推送页面切换至多媒体内容的扩展页面,从而,提高用户互动的趣味性。并且,通过终端设备的姿态变化触发页面的切换,可以更精准的表达用户的意图,不容易因误操作触发页面的切换。此外,通过终端设备的姿态变化触发页面的切换,可以实现单手操作,提高页面切换的便利性,尤其是针对大屏终端设备;另外,通过终端设备的姿态变化触发页面的切换,扩大了应用场景,例如,可以应用于非触摸屏的终端设备。
下面以几个实施例为例对本公开的技术方案进行描述。
图1为本公开提供的一种多媒体内容展示的控制方法的流程示意图,本实施例由终端设备执行,如图1所示,本实施例的方法如下:
S101:在第一页面显示第一多媒体内容。
其中,用户在应用多媒体应用程序的过程中,多媒体应用程序会向用户推送多媒体内容,如图2A所示,图2A为本公开提供的一种第一页面示意图。
第一多媒体内容可以是图片也可以视频,对此,本公开不做限制。
第一多媒体内容相当于引导内容,让用户对内容有一个初步的了解,用户如果对第一多媒体内容感兴趣,想要了解第一多媒体内容相关的更多的内容或者进行进一步地操作,也就是想要了解第一多媒体内容的扩展内容,则需要进入扩展内容的展示页面,本公开为了便于描述,将第一多媒体内容的扩展内容描述为第二多媒体内容,将显示第一多媒体内容页面描述为第一页面(如图2A所示),将显示第二多媒体内容的页面描述为第二页面。
S103:响应于终端设备以预设姿态变化,从第一页面切换至第二页面。
其中,第二页面显示第二多媒体内容,第二多媒体内容为第一多媒体内容的扩展内容。
当用户对第一多媒体内容感兴趣时,可以通过触发终端设备以预设姿态变化,从第一页面切换至第二页面。
其中,预设姿态可以是左右倾斜、旋转或者晃动等,对此,本公开不做限制。以左右倾斜为例,当用户将终端向左倾斜,如图2B所示,图2B为本公开提供的终端设备的一种姿态示意图,再反转回来,再向右倾斜如图2C所示,图2C为本公开提供的终端设备的另一种姿态示意图。
可选的,预设姿态可以指某种动作,也可以指满足某种要求的动作。例如:预设姿态可以为左右倾斜,则只要向左或者向右倾斜终端设备即可认为终端设备是以预设姿态变化;再例如,预设姿态也可以是延至少一个预设方向倾斜至预设角度,如,预设姿态可以是终端设备10度以上的左右倾斜,则终端设备向左或者向右10度以上的左右倾斜认为终端设备是以预设姿态变化,否则,不认为终端设备是以预设姿态变化。同样的,旋转也可以限定旋转的方向和/或旋转的速度等;晃动也可以限定晃动的幅度或者晃动的频率等。通过对预设姿态的限定,可以减少用户误操作触发页面的切换。
当用户触发终端设备以预设姿态变化后,响应于终端设备以预设姿态变化,则从第一页面切换至第二页面,在第二页面显示第二多媒体内容,如图2D所示,图2D为本公开提供的一种第二页面示意图。从而,以使用户通过第二页面获知第二多媒体内容。
以广告为例,图2A可以理解为广告的引导页,图2D可以理解为广告的落地页;图2B和图2C是从引导页到落地页切换过程中,终端设备的姿态变化示意图。
本实施例,通过在第一页面显示第一多媒体内容,响应于终端设备以预设姿态变化,从第一页面切换至第二页面,在第二页面显示第二多媒体内容,即通过触发终端设备的姿态变化实现第一页面至第二页面的切换,提高了用户互动的趣味性。
可以理解,在图1所示实施例中,S103的一种可能的实现方式可以为:只要触发终端设备以预设姿态变化,则从第一页面切换至第二页面,例如,只要左右倾斜终端设备,则从第一页面切换至第二页面。
S103的另一种可能的实现方式为S103’:如图3所示,
S103’:响应于终端设备以预设姿态变化,在预设姿态变化满足预设条件的情况下,才从第一页面切换至第二页面。
其中,预设条件包括但不限于如下可能的实现方式:
一种可能的实现方式为:预设姿态变化的时长等于第一预设时长,
可选的,第一预设时长可以是统计一次触发终端设备以预设姿态变化的时长。假设第一预设时长为2s。例如,从终端设备以预设姿态变化开始计时,以预设姿态变化持续2s,则认为预设姿态变化满足预设条件,从第一页面切换至第二页面。
可选的,第一预设时长也可以是预设姿态变化的累计时长。假设第一预设时长为2s。例如,用户在第一页面显示第一多媒体内容的过程中,用户触发了终端设备以预设姿态变化,但是以预设姿态变化仅持续了1s,用户将第一页面上滑或者下滑,滑动到了其他页面;当用户从其他页面再次滑回至第一页面时,用户再次触发了终端设备以预设姿态变化,则此时从1s开始计时,以预设姿态变化再持续1s,则认为预设姿态变化满足预设条件,从第一页面切换至第二页面。
相当于,用户可以通过一次或者多次触发终端设备的以预设姿态变化,使得终端设备以预设姿态变化的总时长等于第一预设时长,则认为以预设姿态变化满足预设条件,从第一页面切换至第二页面。
本实施例,通过响应于终端设备以预设姿态变化,在预设姿态变化满足预设条件的情况下,才从第一页面切换至第二页面,进一步减少了误操作导致的页面切换。并且,要求以预设姿态变化满足预设条件才从第一页面切换至第二页面,提升了用户的互动仪式感,提高互动性,增加了趣味性。
为了进一步地增加趣味性,在图1所示实施例的基础上,进一步地,S103的一种可能的实现方式如:S103’’,如图4所示:
S103’’:响应于终端设备以预设姿态变化,触发第一互动图片和第二互动图片以预设转场特效进行切换,从第一页面切换至第二页面。
其中,第一互动图片和第二互动图片可以是与第一多媒体内容相关的两张不同的图片。也可以是与第一多媒体内容不相关的两张不同的图片,目的是通过第一互动图片和第二互动图片的预设转场特效增加互动的趣味性。
也就是,在终端设备以预设姿态变化的同时,随着终端设备姿态的变化,在第一页面上还显示第一互动图片和第二互动图片以预设转场特效进行切换的动画。如图5A-图5D所示,图5A为本公开提供的另一种第一页面的示意图;图5B为本公开提供的终端设备的又一种姿态下页面示意图,其中包括:第一互动图片501;图5C为本公开提供的终端设备的又一种姿态下的页面示意图,其中包括:第二互动图片502;图5D为本公开提供的另一种第二页面的示意图。
其中,转场特效包括但不限于如下可能的实现方式:
双色或者多色故障线、雪花故障线、目标互动元素以预设方向移动,其中,双线或者多色故障线是指在转场的过程中,在第一互动图片或者第二互动图片周围显示两种或者两种以上颜色的线条;雪花故障线是指在转场过程中,在第一互动图片或者第二互动图片周围显示雪花形状的线条;目标互动元素以预设方向移动是指跟第一多媒体内容相关的一些互动元素,在第一互动图片或者第二互动图片转场的过程中,在空间的平面方向进行移动或者在空间的深度方向进行移动。
本实施例,通过响应于终端设备以预设姿态变化,触发第一互动图片和第二互动图片以预设转场特效进行切换,也就是,随着终端设备姿态的变化,在第一页面上还显示第一页面互动图片和第二页面互动图片以预设转场特效进行切换的动画,进一步地,增加互动的趣味性,提高用户黏度。
在图4所示实施例的基础上,进一步地,S103’’的一种可能的实现方式如S103’’’,如图6所示。
S103’’’:响应于终端设备以预设姿态变化,触发第一互动图片和第二互动图片以预设转场特效进行切换,在预设姿态变化满足预设条件的情况下,从第一页面切换至第二页面。
其中,触发第一互动图片和第二互动图片以预设转场特效进行切换,可以参加图4所示实施例中的详细描述,预设姿态变化满足预设条件可以参见图3所示实施例中的描述。
预设条件除图3所示实施例中的描述的预设条件之外,还可以包括但不限于如下可能的条件:
其中,一种为:触发第一互动图片和第二互动图片以预设转场特效进行切换的次数等于预设次数,以预设姿态为左右倾斜为例,假设:终端设备从平面左倾斜再返回会平面触发一次转场特效,平面到右倾斜再返回平面再次触发一次转场特效,通过多次的来回左右倾斜则可以触发多次转场特效,可以设定预设次数为10次,当触发第一互动图片和第二互动图片以预设转场特效进行切换的次数等于10次时,则认为终端设备以预设姿态变化满足预设条件,从第一页面切换至第二页面。可选的,上述预设次数也可以是累计次数,与累计时长类似,此处不再赘述。
另一种为:在第一页面还显示预设转场特效对应的进度条,如图7所示,图7显示预设转场特效对应的进度条,随着预设转场特效次数的增加,进度条逐渐积满,在进度条到达满条的状态时,则认为终端设备以预设姿态变化满足预设条件,从第一页面切换至第二页面。可选的,上述进度条也可以是累计积满的,与累计时长类似,此处不再赘述。
再一种为:在第一页面还显示向左方向进度条和向右方向进度条,如图8A所示,以预设姿态为沿左方向和向右方向各倾斜至预设角度为例,假设:终端设备从平面向左倾斜至预设角度,第一互动图片向左侧移动倾斜,如图8B所示,终端设备从向左倾斜再返回会平面触发一次转场特效,第一互动图片以预设转场特效切换至第二互动图片,且向左方向进度条填充预设进度,如图8C所示,终端设备继续从平面向右倾斜至预设角度,第二互动图片向右侧移动倾斜,如图8D所示,终端设备从向右倾斜再返回会平面再触发一次转场特效,第二互动图片以预设转场特效切换至第一互动图片,且向右方向进度条填充预设进度,如图8E所示。重复上述操作,直至向左方向进度条和向右方向进度条均处于填满状态,即满足预设条件,第一页面切换至第二页面。可选的,预设进度可以是1/2进度条、1/3进度条、1/N进度条等,根据实际情况可以灵活设置。上述实施例示例性说明了,终端设备的姿态是以先向左倾斜再向右倾斜为一个周期,重复性变化直至满足向左方向进度条和向右方向进度条均填满,在实际应用中,还可以是终端设备以先向右倾斜再向左倾斜为一个周期,重复性变化直至向左方向进度条和向右方向进度条均填满;或者,还可以是终端设备的姿态重复向一侧倾斜,直至该侧对应的进度条填满,再重复向另一侧倾斜,直至另一侧对应的进度条也填满,本实施例对于向左倾斜和向右倾斜的顺序不做具体限制。
本实施例,通过响应于终端设备以预设姿态变化,触发第一互动图片和第二互动图片以预设转场特效进行切换,在预设姿态变化满足预设条件的情况下,从第一页面切换至第二页面,也就是,随着终端设备姿态的变化,在第一页面上还显示第一页面互动图片和第二页面互动图片以预设转场特效进行切换的动画,进一步地增加互动的趣味性,并且,在预设姿态变化满足预设条件的情况下,从第一页面切换至第二页面,提升了用户的互动仪式感,减少了误操作导致的页面切换,提高了用户体验,进一步地提高了用户黏度。
在上述各实施例中,可选的,在第一页面上显示第一页面互动图片和第二页面互动图片以预设转场特效进行切换的动画的同时,第一多媒体内容的播放不停止。
可选的,在上述实施例中,若终端设备的姿态变化未以预设姿态变化,则不触发预设转场特效,但第一互动图片会随着终端设备的姿态变化显示预设显示特效,例如,预设姿态变化为左右倾斜10度以上,只有左右倾斜10度以上才触发预设转场特效,从第一互动图片切换至第二互动图片;如果左右倾斜不到10度,则第一图片随着终端设备姿态的变化显示预设显示特效,预设显示特效例如可以为晃动,即随着终端设备的向左或者向右倾斜触发第一互动图片晃动,晃动的频率可以是固定的,也可以与终端设备倾斜的速度等有关,例如,倾斜的速度越快,晃动的越厉害,倾斜的速度越慢,晃动的越慢。
可选的,在上述各实施例中,在S103之前,还可以包括S102,如图9所示:
S102:在所述第一页面显示第一互动图片。
可选的,可以是在第一多媒体内容开始显示,即在第一页面上显示第一互动图片,如图10所示,图10中包括:第一互动图片901。
也可以是在第一多媒体内容显示第二预设时长后,在第一页面显示第一互动图片。例如,用户通过打开多媒体应用程序之后显示第一页面,或者,通过在多媒体应用程序内滑动显示第一页面,第一页面上显示第一多媒体内容,在第一多媒体内容显示3s之后,在第一页面上显示第一互动图片。
通过显示第一互动图片,用户能够获知可以通过触发终端设备的姿态变化,以触发第一互动图片和第二互动图片的预设转场特效。也就是,可以通过该第一互动图片指示用户该第一页面可以通过终端设备的姿态变化第一互动图片和第二互动图片的预设转场特效。
可选的,为了进一步地更明显的指示用户第一页面可以通过终端设备的姿态变化第一互动图片和第二互动图片的预设转场特效。还可以在第一互动图片下显示提示信息,如图11所示,以指示触发终端设备以预设姿态变化,例如,提示信息可以为:左右倾斜触发特效。
可选的,第一互动图片下显示的提示信息可以仅在用户首次进入第一页面时显示,在非首次进入第一页面时可以不显示,以提高第一页面的简洁性。
可选的,在上述各实施例中,除了通过终端设备以预设姿态变化,从第一页面切换至第二页面外,本公开还提供了其他的方式,例如:可以通过对第一互动图片或者第二互动图片的触发,从第一页面切换至第二页面,例如,点击第一互动页面,则直接从第一页面切换至第二页面,无需终端设备以预设姿态变化;本公开通过提供多种触发页面切换的方式,提高了页面切换的灵活性。
可选的,在上述各实施例中,可以通过终端设备的陀螺仪来确定终端设备以预设姿态变化。
图12为本本公开提供的一种多媒体内容展示的控制装置的结构示意图,如图12所示,包括:显示模块1101和处理模块1102,其中,
显示模块1101,用于在第一页面显示第一多媒体内容;
处理模块1102,用于响应于终端设备以预设姿态变化,从所述第一页面切换至第二页面,所述第二页面显示第二多媒体内容,所述第二多媒体内容为所述第一多媒体内容的扩展内容。
可选的,所述处理模块1102具体用于响应于所述终端设备以预设姿态变化,在所述预设姿态变化满足预设条件的情况下,从所述第一页面切换至所述第二页面。
可选的,所述处理模块1102具体用于响应于终端设备以预设姿态变化,触发第一互动图片和第二互动图片以预设转场特效进行切换,在所述预设姿态变化满足预设条件的情况下,从所述第一页面切换至所述第二页面。
可选的,所述预设条件包括:
所述预设姿态变化的时长等于第一预设时长;
或者,
所述触发第一互动图片和第二互动图片以预设转场特效进行切换的次数等于预设次数;
或者,
所述预设转场特效对应的进度条到达满条的状态。
可选的,所述显示模块1101还用于在所述第一多媒体内容显示第二预设时长后,在所述第一页面显示所述第一互动图片。
可选的,在所述第一页面显示的第一互动图片下面显示提示信息,所述提示信息用于指示触发所述终端设备以预设姿态变化。
可选的,所述处理模块1102还用于响应于对所述第一互动图片或者第二互动图片的触发,从所述第一页面切换至第二页面。
可选的,所述处理模块1102还用于响应于终端设备以预设姿态变化,触发目标互动元素以预设方向移动。
可选的,所述以预设姿态变化包括:沿至少一个预设方向倾斜至预设角度。
可选的,所述沿至少一个预设方向倾斜至预设角度,包括:沿向左方向和向右方向各倾斜至预设角度;
所述显示模块1101还用于在所述第一页面显示向左方向进度条和向右方向进度条;
所述处理模块1102进一步用于响应于所述终端设备沿向左方向倾斜预设角度,同时所述第一互动图片向左倾斜预设角度,响应于所述终端设备从向左方向倾斜预设角度恢复平面,触发所述第一互动图片以预设转场特效切换至第二互动图片,所述向左方向进度条填充预设进度;响应于终端设备沿向右方向倾斜预设角度,同时所述第二互动图片向右倾斜预设角度,响应于所述终端设备从向右方向倾斜预设角度恢复平面,触发所述第二互动图片以预设转场特效切换至第一互动图片,所述向右方向进度条填充预设进度;
所述预设条件包括:向左方向进度条和向右方向进度条均处于填满状态。
可选的,所述处理模块1102还用于通过陀螺仪确定所述终端设备以预设姿态变化。
本实施例的装置对应的可用于执行上述各方法实施例的技术方案,其实现原理和技术效果类似,此处不再赘述。
本公开还提供一种电子设备,包括:处理器,所述处理器用于执行存储于存储器的计算机程序,所述计算机程序被处理器执行时实现上述各方法实施例所述的方法的步骤。
本公开还提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述各方法实施例所述的方法的步骤。
本公开还提供一种计算机程序产品,当所述计算机程序产品在计算机上运行时,使得所述计算机执行上述各方法实施例所述的方法的步骤。
需要说明的是,在本文中,诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述仅是本公开的具体实施方式,使本领域技术人员能够理解或实现本公开。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本公开的精神或范围的情况下,在其它实施例中实现。因此,本公开将不会被限制于本文所述的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
Claims (11)
1.一种多媒体内容展示的控制方法,其特征在于,包括:
在第一页面显示第一多媒体内容;
响应于终端设备以预设姿态变化,触发第一互动图片和第二互动图片以预设转场特效进行切换,在所述预设姿态变化满足预设条件的情况下,从所述第一页面切换至第二页面,所述第二页面显示第二多媒体内容,所述第二多媒体内容为所述第一多媒体内容的扩展内容,所述预设姿态包括左右倾斜或旋转;
所述预设条件包括:所述触发第一互动图片和第二互动图片以预设转场特效进行切换的次数等于预设次数,所述预设次数为累计次数。
2.根据权利要求1所述的方法,其特征在于,所述响应于终端设备以预设姿态变化,从所述第一页面切换至第二页面之前,还包括:
在所述第一多媒体内容显示第二预设时长后,在所述第一页面显示所述第一互动图片。
3.根据权利要求2所述的方法,其特征在于,在所述第一页面显示的第一互动图片下面显示提示信息,所述提示信息用于指示触发所述终端设备以预设姿态变化。
4.根据权利要求1所述的方法,其特征在于,还包括:
响应于对所述第一互动图片或者第二互动图片的触发,从所述第一页面切换至第二页面。
5.根据权利要求1所述的方法,其特征在于,还包括:
响应于终端设备以预设姿态变化,触发目标互动元素以预设方向移动。
6.根据权利要求1所述的方法,其特征在于,所述以预设姿态变化包括:沿至少一个预设方向倾斜至预设角度。
7.根据权利要求6所述的方法,其特征在于,所述沿至少一个预设方向倾斜至预设角度,包括:沿向左方向和向右方向各倾斜至预设角度;
所述第一页面还显示向左方向进度条和向右方向进度条;
所述响应于终端设备以预设姿态变化,触发第一互动图片和第二互动图片以预设转场特效进行切换,包括:
响应于所述终端设备沿向左方向倾斜预设角度,同时所述第一互动图片向左倾斜预设角度,响应于所述终端设备从向左方向倾斜预设角度恢复平面,触发所述第一互动图片以预设转场特效切换至第二互动图片,所述向左方向进度条填充预设进度;
响应于终端设备沿向右方向倾斜预设角度,同时所述第二互动图片向右倾斜预设角度,响应于所述终端设备从向右方向倾斜预设角度恢复平面,触发所述第二互动图片以预设转场特效切换至第一互动图片,所述向右方向进度条填充预设进度;
所述预设条件包括:向左方向进度条和向右方向进度条均处于填满状态。
8.根据权利要求1所述的方法,其特征在于,所述响应于终端设备以预设姿态变化,从所述第一页面切换至所述第二页面之前,还包括:
通过所述终端设备的陀螺仪确定所述终端设备以预设姿态变化。
9.一种多媒体内容展示的控制装置,其特征在于,包括:
显示模块,用于在第一页面显示第一多媒体内容;
处理模块,用于响应于终端设备以预设姿态变化,触发第一互动图片和第二互动图片以预设转场特效进行切换,在所述预设姿态变化满足预设条件的情况下,从所述第一页面切换至第二页面,所述第二页面显示第二多媒体内容,所述第二多媒体内容为所述第一多媒体内容的扩展内容,所述预设姿态包括左右倾斜或旋转;
所述预设条件包括:所述触发第一互动图片和第二互动图片以预设转场特效进行切换的次数等于预设次数,所述预设次数为累计次数。
10.一种电子设备,其特征在于,包括:处理器,所述处理器用于执行存储于存储器的计算机程序,所述计算机程序被处理器执行时实现权利要求1-8任一项所述的方法的步骤。
11.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1-8任一项所述的方法的步骤。
Priority Applications (4)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110893331.2A CN113535033B (zh) | 2021-08-04 | 2021-08-04 | 多媒体内容展示的控制方法、装置、电子设备和介质 |
PCT/CN2022/107799 WO2023011244A1 (zh) | 2021-08-04 | 2022-07-26 | 多媒体内容展示的控制方法、装置、电子设备和介质 |
EP22851958.3A EP4365720A1 (en) | 2021-08-04 | 2022-07-26 | Control method and apparatus for multimedia content display, electronic device, and medium |
US18/397,964 US20240126402A1 (en) | 2021-08-04 | 2023-12-27 | Control method and apparatus for multimedia content display, electronic device, and medium |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110893331.2A CN113535033B (zh) | 2021-08-04 | 2021-08-04 | 多媒体内容展示的控制方法、装置、电子设备和介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113535033A CN113535033A (zh) | 2021-10-22 |
CN113535033B true CN113535033B (zh) | 2023-09-05 |
Family
ID=78090440
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110893331.2A Active CN113535033B (zh) | 2021-08-04 | 2021-08-04 | 多媒体内容展示的控制方法、装置、电子设备和介质 |
Country Status (4)
Country | Link |
---|---|
US (1) | US20240126402A1 (zh) |
EP (1) | EP4365720A1 (zh) |
CN (1) | CN113535033B (zh) |
WO (1) | WO2023011244A1 (zh) |
Families Citing this family (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113535033B (zh) * | 2021-08-04 | 2023-09-05 | 北京字跳网络技术有限公司 | 多媒体内容展示的控制方法、装置、电子设备和介质 |
CN114327214A (zh) * | 2022-01-05 | 2022-04-12 | 北京有竹居网络技术有限公司 | 交互方法、装置、电子设备、存储介质及计算机程序产品 |
CN114489336B (zh) * | 2022-01-21 | 2024-03-29 | 北京有竹居网络技术有限公司 | 多媒体展示方法、装置、可读介质及电子设备 |
CN114706507A (zh) * | 2022-04-27 | 2022-07-05 | 北京达佳互联信息技术有限公司 | 内容显示方法、装置、电子设备及存储介质 |
CN115344152B (zh) * | 2022-07-13 | 2023-09-01 | 北京奇艺世纪科技有限公司 | 界面操作方法、装置、电子设备及可读存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104364748A (zh) * | 2013-05-29 | 2015-02-18 | 华为技术有限公司 | 终端操作模式的切换和呈现方法及终端 |
CN104407785A (zh) * | 2013-12-10 | 2015-03-11 | 贵阳朗玛信息技术股份有限公司 | 一种信息展示方法及装置 |
CN105516618A (zh) * | 2014-09-27 | 2016-04-20 | 北京金山安全软件有限公司 | 一种制作视频的方法、装置及通信终端 |
CN112783591A (zh) * | 2021-01-27 | 2021-05-11 | 北京字跳网络技术有限公司 | 互动方法、装置、电子设备和存储介质 |
Family Cites Families (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103645844A (zh) * | 2013-11-14 | 2014-03-19 | 乐视致新电子科技(天津)有限公司 | 一种页面显示方法及装置 |
KR101748233B1 (ko) * | 2016-11-04 | 2017-06-16 | 서종복 | 하이브리드 골프 가이드 시스템 |
CN108196699B (zh) * | 2017-12-19 | 2021-02-02 | 维沃移动通信有限公司 | 一种页面切换的方法及设备 |
CN108628515B (zh) * | 2018-05-08 | 2020-06-16 | 维沃移动通信有限公司 | 一种多媒体内容的操作方法和移动终端 |
CN113535033B (zh) * | 2021-08-04 | 2023-09-05 | 北京字跳网络技术有限公司 | 多媒体内容展示的控制方法、装置、电子设备和介质 |
CN114489336B (zh) * | 2022-01-21 | 2024-03-29 | 北京有竹居网络技术有限公司 | 多媒体展示方法、装置、可读介质及电子设备 |
-
2021
- 2021-08-04 CN CN202110893331.2A patent/CN113535033B/zh active Active
-
2022
- 2022-07-26 WO PCT/CN2022/107799 patent/WO2023011244A1/zh active Application Filing
- 2022-07-26 EP EP22851958.3A patent/EP4365720A1/en active Pending
-
2023
- 2023-12-27 US US18/397,964 patent/US20240126402A1/en active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104364748A (zh) * | 2013-05-29 | 2015-02-18 | 华为技术有限公司 | 终端操作模式的切换和呈现方法及终端 |
CN104407785A (zh) * | 2013-12-10 | 2015-03-11 | 贵阳朗玛信息技术股份有限公司 | 一种信息展示方法及装置 |
CN105516618A (zh) * | 2014-09-27 | 2016-04-20 | 北京金山安全软件有限公司 | 一种制作视频的方法、装置及通信终端 |
CN112783591A (zh) * | 2021-01-27 | 2021-05-11 | 北京字跳网络技术有限公司 | 互动方法、装置、电子设备和存储介质 |
Also Published As
Publication number | Publication date |
---|---|
EP4365720A1 (en) | 2024-05-08 |
WO2023011244A1 (zh) | 2023-02-09 |
US20240126402A1 (en) | 2024-04-18 |
CN113535033A (zh) | 2021-10-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN113535033B (zh) | 多媒体内容展示的控制方法、装置、电子设备和介质 | |
CN107341018B (zh) | 一种在页面切换后继续显示视图的方法和装置 | |
CN106648399B (zh) | 一种界面显示处理方法、装置及设备 | |
US20080263452A1 (en) | Graphic user interface | |
JP5628300B2 (ja) | アニメーションに使用するための望ましい物理的特徴を伴うグラフィックオブジェクトを生成する方法、装置及びコンピュータプログラム製品 | |
JP2023532253A (ja) | ライブブロードキャストインタラクション方法、装置、可読媒体及び電子デバイス | |
JP2024505022A (ja) | インタラクション方法、装置、電子機器、および記憶媒体 | |
CN107147940B (zh) | 内容轮播的方法、装置、电子设备和存储介质 | |
CN111586452A (zh) | 用于跨设备互动的方法及装置、播放设备 | |
WO2018112928A1 (zh) | 一种信息展示方法、装置及终端设备 | |
CN108228020B (zh) | 一种信息处理方法及终端 | |
US20210405859A1 (en) | Method, device, and storage mediumfor switching among multimedia resources | |
CN104618817A (zh) | 一种播放网站视频的控制方法及装置 | |
CN107169147B (zh) | 数据处理方法、装置和电子设备 | |
WO2023024921A1 (zh) | 视频交互方法、装置、设备及介质 | |
CN111752440A (zh) | 一种多媒体内容展示方法及装置 | |
CN113347483A (zh) | 多媒体文件的展示方法及智能电视 | |
CN113342230A (zh) | 控件显示方法、装置、设备及介质 | |
CN112149025A (zh) | 媒体资源展示方法和装置、存储介质及电子设备 | |
JP2023535639A (ja) | ビデオによるインタラクション方法、装置、デバイス及び記憶媒体 | |
CN108008894B (zh) | 一种内容显示方法、装置和终端设备 | |
CN108664498B (zh) | 一种网页内容的显示方法及终端 | |
CN115119064B (zh) | 一种视频处理方法、装置、设备及存储介质 | |
CN115484490A (zh) | 一种视频处理方法、装置、设备及存储介质 | |
CN110737380B (zh) | 思维导图展示方法、装置、存储介质及电子设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |