CN116934917A - 一种媒体内容切换方法和相关装置 - Google Patents
一种媒体内容切换方法和相关装置 Download PDFInfo
- Publication number
- CN116934917A CN116934917A CN202210361533.7A CN202210361533A CN116934917A CN 116934917 A CN116934917 A CN 116934917A CN 202210361533 A CN202210361533 A CN 202210361533A CN 116934917 A CN116934917 A CN 116934917A
- Authority
- CN
- China
- Prior art keywords
- geometric
- media content
- switching
- picture frame
- display area
- 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 80
- 230000008569 process Effects 0.000 claims abstract description 36
- 239000012634 fragment Substances 0.000 claims description 45
- 239000006185 dispersion Substances 0.000 claims description 31
- 238000003860 storage Methods 0.000 claims description 18
- 230000036961 partial effect Effects 0.000 claims description 12
- 238000013507 mapping Methods 0.000 claims description 9
- 238000004590 computer program Methods 0.000 claims description 6
- 230000007704 transition Effects 0.000 abstract description 14
- 238000010586 diagram Methods 0.000 description 21
- 230000000007 visual effect Effects 0.000 description 8
- 230000033001 locomotion Effects 0.000 description 7
- 230000006870 function Effects 0.000 description 6
- 238000012545 processing Methods 0.000 description 6
- 230000009466 transformation Effects 0.000 description 4
- 230000003993 interaction Effects 0.000 description 3
- 230000004044 response Effects 0.000 description 3
- 238000009826 distribution Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 238000005562 fading Methods 0.000 description 2
- 238000004519 manufacturing process Methods 0.000 description 2
- 238000005192 partition Methods 0.000 description 2
- 230000002829 reductive effect Effects 0.000 description 2
- 230000011664 signaling Effects 0.000 description 2
- 238000013519 translation Methods 0.000 description 2
- 238000012800 visualization Methods 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000002860 competitive effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000000670 limiting effect Effects 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 230000002085 persistent effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/20—3D [Three Dimensional] animation
- G06T13/40—3D [Three Dimensional] animation of characters, e.g. humans, animals or virtual beings
-
- A—HUMAN NECESSITIES
- A63—SPORTS; GAMES; AMUSEMENTS
- A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
- A63F13/00—Video games, i.e. games using an electronically generated display having two or more dimensions
- A63F13/50—Controlling the output signals based on the game progress
- A63F13/52—Controlling the output signals based on the game progress involving aspects of the displayed game scene
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T19/00—Manipulating 3D models or images for computer graphics
- G06T19/20—Editing of 3D images, e.g. changing shapes or colours, aligning objects or positioning parts
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2200/00—Indexing scheme for image data processing or generation, in general
- G06T2200/04—Indexing scheme for image data processing or generation, in general involving 3D image data
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Multimedia (AREA)
- Architecture (AREA)
- Computer Graphics (AREA)
- Computer Hardware Design (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Processing Or Creating Images (AREA)
Abstract
本申请公开了一种媒体内容切换方法和相关装置,在通过显示区域播放第一媒体内容中的第一画面帧时获取内容切换操作,该内容切换操作用于指示将播放的第一媒体内容切换为第二媒体内容,根据第一画面帧确定切换动画中的第一几何图形的图形纹理,通过显示区域播放切换动画,在切换动画播放完成后,取消显示切换动画,通过显示区域从第二画面帧开始播放第二媒体内容。第二几何图形的图形纹理根据第二媒体内容中待播放的第二画面帧确定,在切换动画的播放过程中,通过第一几何图形的位置引导第一画面帧离开显示区域,通过第二几何图形的位置引导第二画面帧进入显示区域,切换动画使媒体文件的切换过程中画面过渡自然流畅,提高用户的观影体验。
Description
技术领域
本申请涉及数据处理领域,特别是涉及一种媒体内容切换方法和相关装置。
背景技术
随着媒体内容的发展,媒体内容的显示场景越来越多样化,媒体内容可以为视频文件,也可以为其他可供观看的静态视图或动态视图,例如在游戏场景中,玩家可以控制虚拟对象在游戏场景中移动,也可以观看动画视频来获知虚拟对象的相关信息,相应的媒体文件可以为动画视频,也可以为包括对象的场景视图。
媒体内容在播放时,从一个媒体内容被切换到另一个媒体内容的过程中,通常采用静止画面、加载画面或黑白屏等过渡视觉效果,使用户可以感知到媒体文件的切换和待播放的媒体文件的加载,这种切换过程中画面过渡不够自然流畅,影响用户的观影体验。
发明内容
为了解决上述技术问题,本申请提供了一种媒体内容切换方法和相关装置,在第一画面帧的显示和第二画面帧的显示之间,增加了用于指示第一画面帧离开显示区域和第二画面帧进入显示区域的切换动画,使媒体文件的切换过程中画面过渡自然流畅,提高用户的观影体验。
本申请实施例公开了如下技术方案:
本申请实施例提供了一种媒体内容切换方法,所述方法包括:
在通过显示区域播放第一媒体内容时获取内容切换操作,所述内容切换操作用于指示将播放的所述第一媒体内容切换为第二媒体内容;
根据获取所述内容切换操作时播放的所述第一媒体内容中的第一画面帧,确定切换动画中的第一几何图形的图形纹理;
通过所述显示区域播放所述切换动画,在播放过程中,通过所述第一几何图形的位置引导所述第一画面帧离开所述显示区域;所述切换动画还包括第二几何图形,所述第二几何图形的图形纹理根据所述第二媒体内容中待播放的第二画面帧确定,通过所述第二几何图形的位置引导所述第二画面帧进入所述显示区域;
在所述切换动画播放完成后,取消显示所述切换动画,并通过所述显示区域从所述第二画面帧开始播放所述第二媒体内容。
本申请实施例提供了一种媒体内容切换装置,所述装置包括:
内容切换操作获取单元,用于在通过显示区域播放第一媒体内容时获取内容切换操作,所述内容切换操作用于指示将播放的所述第一媒体内容切换为第二媒体内容;
第一图形纹理确定单元,用于根据获取所述内容切换操作时播放的所述第一媒体内容中的第一画面帧,确定切换动画中的第一几何图形的图形纹理;
切换动画播放单元,用于通过所述显示区域播放所述切换动画,在播放过程中,通过所述第一几何图形的位置引导所述第一画面帧离开所述显示区域;所述切换动画还包括第二几何图形,所述第二几何图形的图形纹理根据所述第二媒体内容中待播放的第二画面帧确定,通过所述第二几何图形的位置引导所述第二画面帧进入所述显示区域;
第二媒体内容播放单元,用于在所述切换动画播放完成后,取消显示所述切换动画,并通过所述显示区域从所述第二画面帧开始播放所述第二媒体内容。
又一方面,本申请实施例提供了一种计算机设备,所述计算机设备包括处理器以及存储器:
所述存储器用于存储程序代码,并将所述程序代码传输给所述处理器;
所述处理器用于根据所述程序代码中的指令执行上述方面所述的方法。
又一方面,本申请实施例提供了一种计算机可读存储介质,所述计算机可读存储介质用于存储计算机程序,所述计算机程序用于执行上述方面所述的方法。
又一方面,本申请实施例提供了一种包括指令的计算机程序产品,当其在计算机上运行时,使得所述计算机执行上述方面所述的方法。
由上述技术方案可以看出,在通过显示区域播放第一媒体内容中的第一画面帧时获取内容切换操作,该内容切换操作用于指示将播放的第一媒体内容切换为第二媒体内容,根据第一画面帧确定切换动画中的第一几何图形的图形纹理,之后通过显示区域播放切换动画,在切换动画播放完成后,取消显示切换动画,并通过显示区域从第二画面帧开始播放第二媒体内容。其中,切换动画还包括第二几何图形,第二几何图形的图形纹理根据第二媒体内容中待播放的第二画面帧确定,在切换动画的播放过程中,通过第一几何图形的位置引导第一画面帧离开显示区域,通过第二几何图形的位置引导第二画面帧进入显示区域,即实时在第一画面帧的显示和第二画面帧的显示之间,增加了用于指示第一画面帧离开显示区域和第二画面帧进入显示区域的切换动画,第二媒体内容在切换动画播放过程中加载,相比于静止画面、加载画面或黑白屏等过渡画面,切换动画使媒体文件的切换过程中画面过渡自然流畅,提高用户的观影体验。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的一种实际应用场景中媒体内容切换方法的示意图;
图2为本申请实施例提供的一种媒体内容切换方法的信令图;
图3为本申请实施例提供的一种显示图层的位置关系示意图;
图4为本申请实施例提供的一种第一画面帧的示意图;
图5为本申请实施例提供的一种第一碎片几何体的示意图;
图6为本申请实施例提供的一种第二画面帧的示意图;
图7为本申请实施例提供的一种第二碎片几何体的示意图;
图8为本申请实施例提供的另一种显示图层的位置关系示意图;
图9为本申请实施例提供的另一种第二碎片几何体的示意图;
图10为本申请实施例提供的一种媒体内容切换装置的结构框图;
图11为本申请实施例提供的一种终端设备的结构图;
图12为本申请实施例提供的一种服务器的结构图。
具体实施方式
下面结合附图,对本申请的实施例进行描述。
媒体内容在播放时,从一个媒体内容被切换到另一个媒体内容的过程中,通常采用静止画面、加载画面或黑白屏等过渡视觉效果,使用户可以感知到媒体文件的切换和待播放的媒体文件的加载,这种切换过程中画面过渡不够自然流畅,影响用户的观影体验。
为了解决上述技术问题,本申请实施例提供了一种媒体内容切换方法,在第一画面帧的显示和第二画面帧的显示之间,增加了用于指示第一画面帧离开显示区域和第二画面帧进入显示区域的切换动画,使媒体文件的切换过程中画面过渡自然流畅,提高用户的观影体验。
本申请实施例所提供的媒体内容切换方法可以通过计算机设备实施,该计算机设备可以是终端设备或服务器,其中,服务器可以是独立的物理服务器,也可以是多个物理服务器构成的服务器集群或者分布式***,还可以是提供云计算服务的云服务器。终端设备包括但不限于手机、电脑、智能语音交互设备、智能家电、车载终端等。终端设备以及服务器可以通过有线或无线通信方式进行直接或间接地连接,本申请在此不做限制。
为了便于理解本申请实施例提供的技术方案,接下来将结合一种实际应用场景,对本申请实施例提供的一种媒体内容切换方法进行介绍。
参考图1,图1为本申请实施例提供的一种实际应用场景中媒体内容切换方法的示意图,在该实际应用场景中,包括服务器和终端设备,终端设备中安装有一款竞技游戏的应用程序,该应用程序对应的服务器和终端设备之间可以通过网络进行交互,终端设备例如为手机。
在通过显示区域10播放第一媒体内容中的第一画面帧时获取内容切换操作,该内容切换操作用于指示将播放的第一媒体内容切换为第二媒体内容,根据第一画面帧确定切换动画中的第一几何图形的图形纹理。
之后通过显示区域10播放切换动画,在切换动画的播放过程中,通过第一几何图形的位置引导第一画面帧离开显示区域10,第一几何图形例如包括多个第一碎片几何体110,可以通过第一碎片几何体110的移动,使第一几何图形从第一完整态变化为第一分散态,参见图1A,第一几何图形可以进一步分散,参见图1B,引导第一画面帧离开显示区域10。
切换动画还包括第二几何图形,第二几何图形的图形纹理根据第二媒体内容中待播放的第二画面帧确定,通过第二几何图形的位置引导第二画面帧进入显示区域10,参见图1C,第二几何图形例如包括多个第二碎片几何体120,可以通过第二碎片几何体120的移动,使第二几何图形从第二分散态变化为第二完整态,引导第二画面帧进入显示区域10。
在切换动画播放完成后,取消显示切换动画,并通过显示区域10从第二画面帧开始播放第二媒体内容。即在第一画面帧的显示和第二画面帧的显示之间,增加了用于指示第一画面帧离开显示区域10和第二画面帧进入显示区域10的切换动画,第二媒体内容在切换动画播放过程中加载,相比于静止画面、加载画面或黑白屏等过渡画面,切换动画使媒体文件的切换过程中画面过渡自然流畅,提高用户的观影体验。
接下来,将结合附图,对本申请实施例提供的一种媒体内容切换方法进行介绍。
参见图2,图2为本申请实施例提供的一种媒体内容切换方法的信令图,该方法包括:
S101,在通过显示区域播放第一媒体内容时获取内容切换操作。
本申请实施例中,可以通过显示区域播放第一媒体内容,在播放第一媒体内容时可以获取内容切换操作,内容切换操作用于指示将待播放的第一媒体内容切换为第二媒体内容,即可以利用内容切换操作指示媒体内容的切换。其中媒体内容可以为视频内容,例如游戏场景中的游戏角色介绍视频,媒体内容也可以为游戏环境中的第一游戏场景。例如,第一媒体内容为第一视频内容,第二媒体内容为第二视频内容;或第一媒体内容为第一游戏场景,第二媒体内容为第二游戏场景。
显示区域可以为用户观看的显示屏幕所在区域,通过显示区域播放第一媒体内容时,用户观看的显示屏幕全屏播放第一媒体内容;显示区域也可以为播放媒体文件的应用程序所在的显示区域,通过显示区域播放第一媒体内容时,该应用程序所在的显示区域中的全部显示区域用于播放第一媒体内容;显示区域还可以为播放媒体文件的应用程序中目标道具的显示屏幕所在区域,例如游戏环境中目标道具的显示屏幕所在区域,通过显示区域播放第一媒体内容时,该目标道具的显示屏幕所在区域用于播放第一媒体内容,其中目标道具可以为电视、镜子、广播屏幕等。
本申请实施例中,在媒体内容是视频内容时,可以预先为显示区域创建两个视频容器:第一视频容器和第二视频容器,并为第一视频容器配置第一视频内容,在通过显示区域展示第一视频内容时,控制第一视频容器中的第一视频内容显示并播放,相应的,在根据内容切换操作确定第二视频内容后,可以为第二视频容器配置第二视频内容,在需要通过显示区域展示第二视频内容时,控制第二视频容器中的第二视频内容显示并播放。其中,第一视频容器中的第一视频内容显示并播放时,第二视频容器中的视频内容可以不进行加载和播放,以节约带宽。实际操作中,在根据内容切换操作确定第二视频内容后,可以为第二视频容器配置第二视频内容,并开始第二视频容器中的第二视频内容的加载,在节约带宽的基础上不影响用户的正常观影。
具体实施时,可以使用<video>标签创建视频容器,<video>是HTML5规定的一种通过video元素来播放视频的标注方法,video元素可以用来播放视频,<video>标签是用来定义视频的标签,通过创建视频容器并为视频容器配置video元素,可以在显示区域中展示播放的视频。
在显示区域中可以包括第一图层,第一图层用于显示第一媒体内容,这样通过显示区域播放第一媒体内容,可以具体为通过显示区域中的第一图层播放第一媒体内容,取消对第一媒体内容的播放,可以通过取消第一图层的方式实现。在显示区域中可以包括第二图层,第二图层用于显示第二媒体内容,这样通过显示区域播放第二媒体内容,可以具体为通过显示区域中的第二图层播放第二媒体内容,取消对第二媒体内容的播放,可以通过取消第二图层的方式实现。其中,在显示区域的显示方向上,第一图层处于第二图层之上,参见图3,为本申请实施例中一种显示图层的位置关系示意图,第一图层中第一媒体内容在播放过程中,覆盖第二图层,第二图层中的图像不会被用户感知,因此可以不进行第二图层的图像的加载和显示,以节省带宽。
在一些可能的实施方式中,第二媒体内容可以为播放顺序中第一媒体内容的下一个媒体内容,在通过显示区域将第一媒体内容播放完成时,可以基于播放顺序确定内容切换操作,并通过内容切换操作指示将第一视频内容切换为第二视频内容,具体的,可以将基于播放顺序生成的媒体内容切换指令作为内容切换操作。
在另一些可能的实施方式中,第二媒体内容可以根据触控操作确定,触控操作例如对显示区域中的切换控件的选择操作,或在显示区域中满足预设条件的点击或滑动操作,在获取到触控操作之前,或者触控操作的输入过程中,第一媒体内容正常播放,无需暂停,不会影响用户对第一媒体内容的观影。举例来说,第一媒体内容为第一视频内容,第二媒体内容为第二视频内容,在通过显示区域播放第一视频内容时,若获取将第一视频内容切换为第二视频内容的触控操作,将触控操作作为内容切换操作,并通过内容切换操作指示将第一视频内容切换为第二视频内容。具体实施时,可以利用事件侦听器捕获并判断来自用户的触控操作,在确定获取到触控操作时确定获取到内容切换操作。
在又一些可能的实施方式中,第二媒体内容可以根据游戏道具确定,例如第一媒体内容为游戏环境中的第一游戏场景,第二媒体内容可以为游戏环境中的第二游戏场景,游戏道具为用于实现场景转换的道具,从而基于游戏道具实现第一游戏场景向第二游戏场景的切换。在通过显示区域展示第一游戏场景时,若获取将第一游戏场景切换为第二游戏场景的游戏场景切换指令,将游戏场景切换指令作为内容切换操作,并通过内容切换操作指示将第一游戏场景切换为第二游戏场景,游戏场景切换指令是基于游戏环境中的游戏道具生成的。具体实施时,可以利用事件侦听器捕获并判断来自用户的对游戏道具的选择操作,在确定获取到针对游戏道具的选择操作时确定获取到内容切换操作。
在还一些可能的实施方式中,在显示区域为目标道具的显示屏幕所在区域时,第二媒体内容可以根据预设条件或预设道具确定,在目标道具为游戏环境中的道具时,预设条件也为游戏环境中的预设条件,例如广告视频的切换条件等,预设道具也可以为游戏环境中的游戏道具,用于对目标道具的播放进行控制,例如目标道具为电视,游戏道具可以为该电视的遥控器或为该电视设置的按钮等。举例来说,第一媒体内容为目标道具展示的第一视频内容,第二媒体内容为目标道具展示的第二视频内容,在通过显示区域展示第一视频内容时,若获取将第一视频内容切换为第二视频内容的视频内容切换指令,将视频内容切换指令作为内容切换操作,视频内容切换指令是基于游戏环境中的预设条件或游戏道具生成的。具体实施时,可以利用事件侦听器捕获并判断来自用户的对游戏道具的选择操作,在确定获取到针对游戏道具的选择操作时确定获取到内容切换操作。
S102,根据获取内容切换操作时播放的第一媒体内容中的第一画面帧,确定切换动画中的第一几何图形的图形纹理。
在通过显示区域播放第一媒体内容时可以获取内容切换操作,将获取内容切换操作时正在播放的第一媒体内容的画面帧,确定为第一媒体内容中的第一画面帧,获取内容切换操作的时刻可以由用户确定,即第一画面帧可以为第一媒体内容中的任意时刻的视频帧,使切换动画更加多样化,在不同时刻切换媒体内容可以获得不同的视觉感受。参见图4,为本申请实施例提供的一种第一画面帧的示意图,第一媒体内容为第一视频内容,第一视频内容是游戏环境中用于进行游戏角色的介绍视频内容。
在获取到内容切换操作时,说明用户指示将第一媒体内容切换为第二媒体内容,因此可以暂停第一媒体内容的显示,例如可以从第一画面帧暂停第一媒体内容的显示。在获取内容切换操作后,可以取消对第一媒体内容的播放,在显示区域包括第一图层并利用第一图层播放第一媒体内容时,可以通过取消第一图层的方式取消第一媒体内容的播放。当然,在获取到内容操作时,可以根据内容切换操作确定第二媒体内容,并进行第二内容的加载。
在获取到第一媒体内容中的第一画面帧后,可以根据第一画面帧确定切换动画中的第一几何图形的图形纹理,第一几何图形可以为二维图形,也可以为三维图形。在第一几何图形为二维图形时,第一几何图形可以包括多个二维图形,也可以包括一个二维图形;在第一几何图形为三维图形时,第一几何图形可以包括多个第一碎片几何体,也可以包括一个三维结构,其中三位结构可以为球形、棱柱形、棱锥形等。
在第一几何图形包括多个二维图形时,多个二维图形可以拼接为第一几何图形的第一完整态。第一几何图形的图形纹理可以为第一画面帧,多个二维图形中的每个二维图形的子纹理为第一画面帧的部分图像,这样多个二维图形拼接为第一几何图形的第一完整态时,多个二维图形的子纹理拼接为第一画面帧的完整图像,第一几何图形中的每个二维图形的显示位置和该二维图形的子纹理对应的第一画面帧的部分图像的显示位置一致。
具体的,在第一几何图形为二维图形时,根据第一画面帧确定第一几何图形的图形纹理,可以具体为,根据第一几何图形所包括几何顶点的第一二维顶点位置,确定第一画面帧中与第一二维顶点位置对应的第一像素位置,根据第一像素位置确定第一画面帧中与第一几何图形对应的第一像素区域,基于第一像素区域与第一几何图形的映射关系,生成第一几何图形的二维纹理,通过将第一几何图形的二维纹理绘制在二维的第一几何图形上,得到第一几何图形的图形纹理。在第一几何图形包括多个二维图形时,第一几何图形所包括几何顶点的第一二维顶点位置,为第一几何体在第一完整态下多个二维图形分别对应的几何体顶点的第一二维顶点坐标,第一画面帧中与第一二维顶点位置对应的第一像素位置,为第一画面帧中与二维图形的第一二维顶点位置分别对应的第一像素位置。
在第一几何图形包括多个第一碎片几何体时,多个第一碎片几何体可以拼接为第一几何图形的第一完整态,参见图5,为本申请实施例提供的一种第一碎片几何体的示意图,第一碎片几何体可以拼接为第一几何图形的第一完整态。第一几何图形的图形纹理可以为第一画面帧,多个第一碎片几何体中的每个第一碎片几何体的子纹理为第一画面帧的部分图像,这样多个第一碎片几何体拼接为第一几何图形的第一完整态时,多个第一碎片几何体的子纹理拼接为第一画面帧的完整图像,第一几何图形中的每个第一碎片几何体的显示位置和该第一碎片几何体的子纹理对应的第一画面帧的部分图形的显示位置一致。
具体的,在第一几何图形为三维图形时,根据第一画面帧确定第一几何图形的图形纹理,可以具体为,根据第一几何图形所包括几何顶点的第一三维顶点位置,确定第一画面帧中与第一三维顶点位置对应的第一像素位置,根据第一像素位置确定第一画面帧中与第一几何图形对应的第一像素区域,基于第一像素区域与第一几何图形的映射关系,生成第一几何图形的二维纹理,通过将第一几何图形的二维纹理绘制在三维的第一几何图形上,得到第一几何图形的图形纹理。
在第一几何图形包括多个第一碎片几何体时,第一几何图形所包括几何顶点的第一三维顶点位置,为第一几何体在第一完整态下多个第一碎片几何体分别对应的几何体顶点的第一三维顶点坐标,第一画面帧中与第一三维顶点位置对应的第一像素位置,为第一画面帧中与第一碎片几何体的第一三维顶点位置分别对应的第一像素位置。即根据第一几何图形所包括几何顶点的第一三维顶点位置,确定第一画面帧中与第一三维顶点位置对应的第一像素位置,可以具体为,确定第一几何图形在第一完整态下多个第一碎片几何体分别对应的几何体顶点的第一三维顶点位置,确定第一画面帧中与第一碎片几何体的第一三维顶点位置分别对应的第一像素位置。
具体实施时,可以通过三维图形(Web 3D)引擎确定第一几何图形,Web3D引擎例如可以为Threejs引擎,Threejs引擎是一款运行在浏览器中的免费且开源的Web 3D引擎,用于在Web中创建各种三维场景,Threejs是通过对WebGL接口的封装与简化而形成的一个易用的3D图形库,包括了摄影机、光影、材质等各种用于构建3D世界的对象,无需对第一媒体文件进行特效加工,节约切换画面的制作时间,也无需使用对第一媒体文件进行特效加工的计算资源,节省计算资源的同时也降低切换画面的制作成本。Threejs引擎中封装有视频纹理创建模块Video Texture,用于创建根据视频形成纹理贴图的纹理对象,纹理贴图是一种应用于物理表面的图案或图像,可以改变物体表面的颜色、亮度和其他外观等。
利用Video Texture可以获取第一画面帧的内容,从而利用第一画面帧形成第一几何图形的图形纹理,通过代码可以使用Threejs引擎创建视频纹理,具体的,通过如下代码可以获取第一画面帧作为视频对象:
“const video=document.getElementById(“video”);”。
通过如下代码可以将作为视频对象的第一画面帧作为视频纹理:
“const video=new THREE.VideoTexture(video);”。
在第一几何图形包括多个第一碎片几何体时,可以根据先根据需要创建第一碎片几何体,而后为第一碎片几何体确定子纹理,从而为第一几何图形确定图形纹理,例如第一碎片几何体用于模拟镜面破碎的视觉效果,因此第一碎片几何体的厚度较薄,参见图5。
第一碎片几何体的几何形状可以预先配置,通过为第一碎片几何体配置顶点数据,即可确定第一碎片几何体的几何参数,顶点数据可以由三维空间坐标系中的第一三维顶点位置表示,三维空间坐标系可以通过X、Y、Z轴构成,利用几何参数可以较方便的创建出第一碎片几何体。
第一画面帧为二维图像,可以为该二维图像配置平面坐标系,包括横坐标U和纵坐标V,U代表像素点在横向坐标上的分布,V代表像素点在纵向坐标上的分布,二维图像的像素点对应的坐标的取值范围可以为[0,1],表示某个像素点距离该二维图像原点(0,0)的百分比距离,如U坐标值为0.3表示该点在距离原点30%的位置。通过二维图像的平面坐标系,可以表示二维图像中的各个像素点的位置,进而建立各个像素点的位置和像素信息的对应关系,以便根据二维图像的像素点位置确定该点的像素信息。
在确定第一碎片几何体的几何形状后,可以确定第一几何图形在第一完整态下多个第一碎片几何体分别对应的几何体顶点的第一三维顶点位置,确定第一画面帧中与第一碎片几何体的第一三维顶点位置分别对应的第一像素位置。其中,第一像素位置为第一像素点的位置,可以利用第一像素点的坐标表示。
在确定第一像素位置之后,可以根据第一像素位置确定第一画面帧中与第一几何图形对应的第一像素区域,基于第一像素区域与第一几何图形的映射关系,可以将第一像素区域中的各个像素点的像素信息对应到第一几何图形的表面的每个点上,从而生成第一几何图形的二维纹理,通过将第一几何图形的二维纹理绘制在三维的第一几何图形上,得到第一几何图形的图形纹理,类似于将二维纹理平铺在三维的第一几何图形上,作为三维的第一几何图形的外观,在需要修改三维的第一几何图形的外观时,仅需要修改二维纹理即可,便于第一几何图形的外观的修改和操作。
S103,通过显示区域播放切换动画,切换动画中包括第一几何图形和第二几何图形。
本申请实施例中,可以通过显示区域播放切换动画,切换动画中包括第一几何图形和第二几何图形,第一几何图形的图形纹理根据第一画面帧确定,第二几何图形的图形纹理根据第二媒体内容中的待播放的第二画面帧确定,在切换动画的播放过程中,通过第一几何图形的位置引导第一画面帧离开显示区域,通过第二几何图形的位置引导第二画面帧进入显示区域,使媒体文件的切换过程中画面过渡自然流程,提高用户的观影体验。
第二媒体内容中待播放的第二画面帧可以为第二媒体内容的第一个画面帧,即第二媒体内容从头开始播放,第二媒体内容中待播放的第二画面帧也可以为第二媒体内容的未播放画面帧的第一个画面帧,即第二媒体内容从未播放的部分开始播放,使第一媒体内容向第二媒体内容的切换可以适用于更多场景。参见图6,为本申请实施例提供的一种第二画面帧的示意图,第二媒体内容为第二视频内容,第二视频内容是游戏环境中用于进行游戏角色的介绍视频内容,第一视频内容中的游戏角色和第二视频内容中的游戏角色可以为同一角色,也可以为不同角色。
本申请实施例中,可以预先存储多个媒体内容的待播放的画面帧,即第二画面帧可以预先存储在存储空间中,根据内容切换操作可以从存储空间中查找第二画面帧,第二几何图形的图形纹理可以在播放切换动画之前确定;第二画面帧也可以在第二媒体内容加载完成后获取到,则第二几何图形的图形纹理可以在切换动画的播放过程中确定。具体的,响应于第二媒体内容加载完成的通知,可以获取第二媒体内容中待播放的第二画面帧,第二媒体内容加载完成的通知可以为video标签发出的canplay事件,该事件在确定第二媒体内容加载完成后产生。
在获取到第二媒体内容中待播放的第二画面帧后,可以根据第二画面帧确定第二几何图形的图形纹理。第二几何图形可以为二维图形,也可以为三维图形。在第二几何图形为二维图形时,第二几何图形可以包括多个二维图形,也可以包括一个二维图形;在第二几何图形为三维图形时,第二几何图形可以包括多个第二碎片几何体,也可以包括一个三维结构,其中三位结构可以为球形、棱柱形、棱锥形等。
在第二几何图形包括多个二维图形时,多个二维图形可以拼接为第二几何图形的第二完整态。第二几何图形的图形纹理可以为第二画面帧,多个二维图形中的每个二维图形的子纹理为第二画面帧的部分图像,这样多个二维图形拼接为第二几何图形的第二完整态时,多个二维图形的子纹理拼接为第二画面帧的完整图像,第二几何图形中的每个二维图形的显示位置和该二维图形的子纹理对应的第二画面帧的部分图像的显示位置一致。
具体的,在第二几何图形为二维图形时,根据第二画面帧确定第二几何图形的图形纹理,可以具体为,根据第二几何图形所包括几何顶点的第二二维顶点位置,确定第二画面帧中与第二二维顶点位置对应的第二像素位置,根据第二像素位置确定第二画面帧中与第二几何图形对应的第二像素区域,基于第二像素区域与第二几何图形的映射关系,生成第二几何图形的二维纹理,通过将第二几何图形的二维纹理绘制在二维的第二几何图形上,得到第二几何图形的图形纹理。在第二几何图形包括多个二维图形时,第二几何图形所包括几何顶点的第二二维顶点位置,为第二几何体在第二完整态下多个二维图形分别对应的几何体顶点的第二二维顶点坐标,第二画面帧中与第二二维顶点位置对应的第二像素位置,为第二画面帧中与二维图形的第二二维顶点位置分别对应的第二像素位置。
在第二几何图形包括多个第二碎片几何体时,多个第二碎片几何体可以拼接为第二几何图形的第二完整态,参见图7,为本申请实施例提供的一种第二碎片几何体的示意图,第二碎片几何体可以拼接为第二几何图形的第二完整态。第二几何图形的图形纹理可以为第二画面帧,多个第二碎片几何体中的每个第二碎片几何体的子纹理为第二画面帧的部分图像,这样多个第二碎片几何体拼接为第二几何图形的第二完整态时,多个第二碎片几何体的子纹理拼接为第二画面帧的完整图像,第二几何图形中的每个第二碎片几何体的显示位置和该第二碎片几何体的子纹理对应的第二画面帧的部分图像的显示位置一致。
具体的,在第二几何图形为三维图形时,根据第二画面帧确定第二几何图形的图形纹理,可以具体为,根据第二几何图形所包括几何顶点的第二三维顶点位置,确定第二画面帧中与第二三维顶点位置对应的第二像素位置,根据第二像素位置确定第二画面帧中与第二几何图形对应的第二像素区域,基于第二像素区域与第二几何图形的映射关系,生成第二几何图形的二维纹理,通过将第二几何图形的二维纹理绘制在三维的第二几何图形上,得到第二几何图形的图形纹理。
在第二几何图形包括多个第二碎片几何体时,第二几何图形所包括几何顶点的第二三维顶点位置,为第二几何体在第二完整态下多个第二碎片几何体分别对应的几何体顶点的第二三维顶点坐标,第二画面帧中与第二三维顶点位置对应的第二像素位置,为第二画面帧中与第二碎片几何体的第二三维顶点位置分别对应的第二像素位置。即根据第二几何图形所包括几何顶点的第二三维顶点位置,确定第二画面帧中与第二三维顶点位置对应的第二像素位置,可以具体为,确定第二几何图形在第二完整态下多个第二碎片几何体分别对应的几何体顶点的第二三维顶点位置,确定第二画面帧中与第二碎片几何体的第二三维顶点位置分别对应的第二像素位置。
在第二几何图形包括多个第二碎片几何体时,可以根据先根据需要创建第二碎片几何体,而后为第二碎片几何体确定子纹理,从而为第二几何图形确定图形纹理,例如第二碎片几何体用于模拟镜面破碎的视觉效果,因此第二碎片几何体的厚度较薄,参见图7。
具体实施时,可以通过Web 3D引擎确定第二几何图形以及第二几何图形的图形纹理的过程,可以参考利用Web 3D引擎确定第一几何图形以及第一几何图形的图形纹理的过程,在此不做赘述。
在确定第一几何图形的图形纹理后,可以播放切换动画,若第二几何图形的图形纹理在播放切换动画之前确定,可以在切换动画的开始阶段展示第二几何图形,或在切换动画的播放过程中为切换动画增加第二几何图形,若第二几何图形的图形纹理在播放切换动画之后确定,可以在切换动画的播放过程中为切换动画增加第二几何图形。其中,为切换动画增加第二几何图形时,第一几何图形可以离开显示区域,也可以完全显示在显示区域,或部分显示在显示区域。
显示区域中可以包括第三图层,第三图层用于显示切换动画,在显示区域的显示方向上,第三图层处于第二图层之上,通过显示区域播放切换动画,可以具体为,通过显示区域中的第三图层播放切换动画,在显示区域播放切换动画时,用于显示第一媒体内容的第一图层可以被取消使第一媒体内容被取消显示,参见图8,为本申请实施例提供的另一种显示图层的位置关系示意图,第三图层中切换动画在显示过程中,覆盖第二图层,第二图层中的第二媒体内容不会被用户感知,因此可以进行第二图层的第二媒体内容的加载,不影响切换动画的播放,使用户不会感知到第二媒体内容的加载,提高用户体验。
在切换动画的播放过程中,可以通过第一几何图形的位置引导第一画面帧离开显示区域,第一几何图形的位置可以发生变换,通过第一几何图形的位置变换引导第一画面帧离开显示区域,第一几何图形的位置也可以不发生变换,通过第一几何图形的可视区域的变换引导第一画面帧离开显示区域;通过第二几何图形的位置引导第二画面帧进入显示区域,第二几何图形的位置可以发生变换,通过第二几何图形的位置变换引导第二画面帧离开显示区域,第二几何图形的位置也可以不发生变换,通过第二几何图形的可视区域的变换引导第二画面帧离开进入区域。
在第一几何图形为二维图形或为三维结构时,可以通过控制第一几何图形从与第一画面帧相同的显示位置开始,通过旋转、平移、翻转、缩放、淡化、弹跳或分区淡化的形式离开显示区域。
在第一几何图形包括多个二维图形时,可以通过将第一几何图形从第一完整态变化为多个二维图形间处于分散状态的第一分散态,以根据第一分散态下多个二维图形的位置分散趋势引导第一画面帧离开显示区域。
在第一几何图形包括多个第一碎片几何体时,可以通过将第一几何图形从第一完整态变化为多个第一碎片几何体间处于分散状态的第一分散态,以根据第一分散态下多个第一碎片几何体的位置分散趋势引导第一画面帧离开显示区域,参见图1A和1B,其中多个第一碎片几何体间处于分散状态,形成第一几何图形的第一分散态。
在第二几何图形为二维图形或为三维结构时,可以通过控制第二几何图形从进入显示区域后,通过旋转、平移、翻转、缩放、显现、弹跳或分区显现的形式,转化为在与第二画面帧相同的显示位置显示。
在第二几何图形的图形纹理为第二图形帧时,在切换动画中,第二几何图形在显示方向上被覆盖于第一几何图形的下方,在通过多个第一碎片几何体的位置分散趋势引导第一画面帧离开显示区域的过程中,基于第二几何图形的可视区域的扩大引导第二画面帧进入显示区域。其中,第二几何图形可以为二维图形,第二几何图形的显示位置和第二画面帧的显示位置可以一致。也就是说,第二几何图形可以作为第一几何图形的背景,在第一碎片几何体的移动过程中,第二几何图形的可视区域扩大,从而逐渐显现,指示第二画面帧进入显示区域。
在第二几何图形包括多个二维图形时,可以通过将第二几何图形从第二完整态变化为多个二维图形间处于分散状态的第二分散态,以根据第二分散态下多个二维图形的位置分散趋势引导第二画面帧离开显示区域。
在第二几何图形包括多个第二碎片几何体时,可以通过将第二几何图形从第二分散态变化为第二完整态,以根据第二分散态下多个第二碎片几何体的位置聚拢趋势引导第二画面帧离开显示区域,其中,第二分散态下多个第二碎片几何体间处于分散状态,第二几何图形的第二完整态由多个第二碎片几何体拼接得到,参见图9,为本申请实施例提供的另一种第二碎片几何体的示意图,其中多个第二碎片几何体间处于分散状态,形成第二几何图形的第二分散态。
作为一种示例,第一几何图形包括多个第一碎片几何体,第二几何图形包括多个第二碎片几何体,在切换动画播放的第一阶段,第一几何图形从第一完整态(图5所示)变化为第一分散态(图1A和图1B所示),呈现为第一碎片几何体的碎裂运动,且第一碎片几何体的碎裂程度在加剧(从图1A到图1B),在切换动画播放的第二阶段,第二几何图形从第二分散态(图9和图1C所示)变化为第二完整态(图7所示),呈现为第二碎片几何体的聚合运动,且第二碎片几何体的聚合程度在加剧(从图9到图1C),其中,第一碎片几何体和第二碎片几何体可以具有相同的几何形状,也可以具有不同的几何形状,第二碎片几何体被增加时的显示位置可以为第一碎片几何体离开显示区域时的位置,也可以为显示区域中的其他位置。
在第二几何图形的第二分散态出现之前,还可以使第一碎片几何体持续运动,第一碎片几何体的持续运动可以根据需要的视觉需求模拟得到,例如模拟第一碎片几何体在时空隧道中穿梭。实际操作中,若第二目标帧在第二媒体内容完成加载之后获取到,则第二几何图形的图形纹理也需要在第二媒体内容完成加载之后确定,第二几何图形从第二分散态变化为第二完整态也在第二媒体内容完成加载之后,设置第一碎片几何体持续运动的方案,可以避免第一碎片几何体间达到第一几何图形的第一分散态后,第二几何图形的图形纹理尚未确定的情况下出现的显示卡顿。
S104,在切换动画播放完成后,取消显示切换动画,并通过显示区域从第二画面帧开始播放第二媒体内容。
在切换动画中,第二几何图形的位置指示第二画面帧进入显示区域,例如第二碎片几何体从第二分散态变化为第二完整态,在切换动画播放完成后,可以取消显示切换动画,并通过显示区域从第二画面帧开始播放第二媒体内容,实现了从第一媒体内容向第二媒体内容的切换,切换动画的播放使媒体内容的切换更加自然流畅,提高用户的观影体验。由于在切换动画的播放过程中完成了第二媒体内容的加载,因此无需用户额外的等待加载时间即可进行第二媒体内容的播放,且由于切换动画是基于内容切换操作形成并播放的,无需用户额外的交互,减少***的响应次数的同时也减少用户的操作。
具体的,在第二媒体内容通过第二图层显示,切换动画通过第三图层显示时,可以在切换动画播放完成后,通过取消第三图层的方式取消对切换动画的播放,并通过显示区域中的第二图层从第二画面帧开始播放第二媒体内容。在第二图层中的第二媒体内容加载完成后,可以暂停第二媒体内容的播放,使第二媒体内容可以从第二目标帧开始播放。
在通过第二碎片几何体从第二分散态变化为第二完整态引导第二目标帧进入显示区域的情况下,切换动画的最后一帧为第二几何图形的第二完整态,第二几何图形的图形纹理为第二目标帧,第二媒体内容的从第二目标帧开始播放,即第二媒体内容中被播放的第一帧为第二目标帧,即切换动画的最后一帧和第二媒体内容待播放的画面帧为相同图像,使切换动画至第二媒体内容的切换更平滑,过渡更为合理。
在前述实施例的基础上,图10为本申请实施例提供的一种媒体内容切换装置的装置结构图,所述媒体内容切换装置1300包括:
内容切换操作获取单元1301,用于在通过显示区域播放第一媒体内容时获取内容切换操作,所述内容切换操作用于指示将播放的所述第一媒体内容切换为第二媒体内容;
第一图形纹理确定单元1302,用于根据获取所述内容切换操作时播放的所述第一媒体内容中的第一画面帧,确定切换动画中的第一几何图形的图形纹理;
切换动画播放单元1303,用于通过所述显示区域播放所述切换动画,在播放过程中,通过所述第一几何图形的位置引导所述第一画面帧离开所述显示区域;所述切换动画还包括第二几何图形,所述第二几何图形的图形纹理根据所述第二媒体内容中待播放的第二画面帧确定,通过所述第二几何图形的位置引导所述第二画面帧进入所述显示区域;
第二媒体内容播放单元1304,用于在所述切换动画播放完成后,取消显示所述切换动画,并通过所述显示区域从所述第二画面帧开始播放所述第二媒体内容。
可选的,所述第一几何图形包括多个第一碎片几何体,所述第一几何图形的图形纹理为所述第一画面帧,每个所述第一碎片几何体的子纹理为所述第一画面帧的部分图像,所述多个第一碎片几何体拼接为所述第一几何图形的第一完整态;所述通过所述第一几何图形的位置引导所述第一画面帧离开所述显示区域,包括:
通过将所述第一几何图形从所述第一完整态变化为所述多个第一碎片几何体间处于分散状态的第一分散态,以根据所述第一分散态下所述多个第一碎片几何体的位置分散趋势引导所述第一画面帧离开所述显示区域。
可选的,所述第二几何图形包括多个第二碎片几何体,所述第二几何图形的图形纹理为所述第二画面帧,每个所述第二碎片几何体的子纹理为所述第二画面帧的部分图像,所述通过所述第二几何图形的位置引导所述第二画面帧进入所述显示区域,包括:
通过将所述第二几何图形从第二分散态变化为第二完整态,以根据所述第二分散态下所述多个第二碎片几何体的位置聚拢趋势引导所述第二画面帧离开所述显示区域;
其中,所述第二分散态下所述多个第二碎片几何体间处于分散状态,所述第二几何图形的第二完整态由所述多个第二碎片几何体拼接得到。
可选的,所述第二几何图形的图形纹理为所述第二画面帧,在所述切换动画中,所述第二几何图形在显示方向上被覆盖于所述第一几何图形的下方,所述通过所述第二几何图形的位置引导所述第二画面帧进入所述显示区域,包括:
在通过所述多个第一碎片几何体的位置分散趋势引导所述第一画面帧离开所述显示区域的过程中,基于所述第二几何图形的可视区域的扩大引导所述第二画面帧进入所述显示区域。
可选的,所述装置还包括:
第二画面帧获取单元,用于在所述通过所述第二几何图形的位置引导所述第二画面帧进入所述显示区域之前,响应于所述第二媒体内容加载完成的通知,获取所述第二媒体内容中待播放的所述第二画面帧;
根据所述第二画面帧,确定第二几何图形的图形纹理。
可选的,所述第二媒体内容为播放顺序中所述第一媒体内容的下一个媒体内容,所述内容切换操作获取单元具体用于:
在通过显示区域将所述第一媒体内容播放完成时,将基于所述播放顺序生成的媒体内容切换指令作为所述内容切换操作;
其中,所述第二画面帧为所述第二媒体内容的第一个画面帧,或者为播放历史中所述第二媒体内容的未播放画面帧的第一个画面帧。
可选的,所述第一媒体内容为第一视频内容,所述第二媒体内容为第二视频内容,所述内容切换操作获取单元具体用于:
在通过显示区域播放所述第一视频内容时,若获取将所述第一视频内容切换为第二视频内容的触控操作,将所述触控操作作为所述内容切换操作。
可选的,所述第一媒体内容为游戏环境中的第一游戏场景,所述第二媒体内容为所述游戏环境中的第二游戏场景,所述内容切换操作获取单元具体用于:
在通过显示区域展示所述第一游戏场景时,若获取将所述第一游戏场景切换为第二游戏场景的游戏场景切换指令,将所述游戏场景切换指令作为所述内容切换操作,所述游戏场景切换指令是基于所述游戏环境中的游戏道具生成的。
可选的,所述显示区域为游戏环境中目标道具的显示屏幕所在区域,所述第一媒体内容为所述目标道具展示的第一视频内容,所述第二媒体内容为所述目标道具展示的第二视频内容,所述内容切换操作获取单元具体用于:
在通过所述显示区域展示所述第一视频内容时,若获取将所述第一视频内容切换为第二视频内容的视频内容切换指令,将所述视频内容切换指令作为所述内容切换操作,所述视频内容切换指令是基于所述游戏环境中的预设条件或游戏道具生成的。
可选的,所述第一几何图形为三维图形,所述第一图形纹理确定单元,包括:
第一像素位置确定单元,用于根据所述第一几何图形所包括几何顶点的第一三维顶点位置,确定所述第一画面帧中与所述第一三维顶点位置对应的第一像素位置;
第一像素区域确定单元,用于根据所述第一像素位置确定所述第一画面帧中与所述第一几何图形对应的第一像素区域;
第一纹理生成单元,用于基于所述第一像素区域与所述第一几何图形的映射关系,生成所述第一几何图形的二维纹理;
第一绘制单元,用于通过将所述第一几何图形的二维纹理绘制在三维的所述第一几何图形上,得到所述第一几何图形的图形纹理;
所述第二几何图形为三维图形,则所述装置还包括:
第二像素位置确定单元,用于根据所述第二几何图形所包括几何顶点的第二三维顶点位置,确定所述第二画面帧中与所述第二三维顶点位置对应的第二像素位置;
第二像素区域确定单元,用于根据所述第二像素位置确定所述第二画面帧中与所述第二几何图形对应的第二像素区域;
第二纹理生成单元,用于基于所述第二像素区域与所述第二几何图形的映射关系,生成所述第二几何图形的二维纹理;
第二绘制单元,用于通过将所述第二几何图形的二维纹理绘制在三维的所述第二几何图形上,得到所述第二几何图形的图形纹理。
可选的,若所述第一几何图形包括多个第一碎片几何体,所述第一像素区域确定单元,包括:
第一顶点位置确定单元,用于确定所述第一几何图形在第一完整态下所述多个第一碎片几何体分别对应的几何体顶点的第一三维顶点位置;所述第一几何图形的第一完整态由所述多个第一碎片几何体拼接得到;
第一像素区域确定子单元,用于确定所述第一画面帧中与所述第一碎片几何体的第一三维顶点位置分别对应的第一像素位置;
若所述第二几何图形包括多个第二碎片几何体,所述第二像素位置确定单元,包括:
第二顶点位置确定单元,用于确定所述第二几何图形在第二完整态下所述多个第二碎片几何体分别对应的几何体顶点的第二三维顶点位置;所述第二几何图形的第二完整态由所述多个第二碎片几何体拼接得到;
第二像素区域确定子单元,用于确定所述第二画面帧中与所述第二碎片几何体的第二三维顶点位置分别对应的第二像素位置。
可选的,在所述显示区域中包括第一图层,所述第一图层用于显示所述第一媒体内容,所述装置还包括:
暂停单元,用于在所述在通过显示区域播放第一媒体内容时获取内容切换操作后,暂停所述第一媒体内容并获取所述第一画面帧;
播放取消单元,用于通过取消所述第一图层的方式取消对所述第一媒体内容的播放。
可选的,在所述显示区域中还包括第二图层和第三图层,所述第二图层用于显示第二媒体内容,所述第三图层用于显示切换动画,在所述显示区域的显示方向上,所述第一图层和所述第三图层处于所述第二图层之上;
所述切换动画播放单元具体用于:
通过所述显示区域中的所述第三图层播放所述切换动画;
所述第二媒体内容播放单元具体用于:
在所述切换动画播放完成后,通过取消所述第三图层的方式取消对所述切换动画的播放,并通过所述显示区域中的所述第二图层从所述第二画面帧开始播放所述第二媒体内容。
由此可见,在通过显示区域播放第一媒体内容中的第一画面帧时获取内容切换操作,该内容切换操作用于指示将播放的第一媒体内容切换为第二媒体内容,根据第一画面帧确定切换动画中的第一几何图形的图形纹理,之后通过显示区域播放切换动画,在切换动画播放完成后,取消显示切换动画,并通过显示区域从第二画面帧开始播放第二媒体内容。其中,切换动画还包括第二几何图形,第二几何图形的图形纹理根据第二媒体内容中待播放的第二画面帧确定,在切换动画的播放过程中,通过第一几何图形的位置引导第一画面帧离开显示区域,通过第二几何图形的位置引导第二画面帧进入显示区域,即实时在第一画面帧的显示和第二画面帧的显示之间,增加了用于指示第一画面帧离开显示区域和第二画面帧进入显示区域的切换动画,第二媒体内容在切换动画播放过程中加载,相比于静止画面、加载画面或黑白屏等过渡画面,切换动画使媒体文件的切换过程中画面过渡自然流畅,提高用户的观影体验。
本申请实施例还提供了一种计算机设备,该计算机设备为前述介绍的计算机设备,可以包括终端设备或服务器,前述的媒体内容切换装置可以配置在该计算机设备中。下面结合附图对该计算机设备进行介绍。
若该计算机设备为终端设备,请参见图11所示,本申请实施例提供了一种终端设备,以终端设备为手机为例:
图11示出的是与本申请实施例提供的终端设备相关的手机的部分结构的框图。参考图11,手机包括:射频(Radio Frequency,简称RF)电路1410、存储器1420、输入单元1430、显示单元1440、传感器1450、音频电路1460、无线保真(简称WiFi)模块1470、处理器1480、以及电源1490等部件。本领域技术人员可以理解,图11中示出的手机结构并不构成对手机的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
下面结合图11对手机的各个构成部件进行具体的介绍:
RF电路1410可用于收发信息或通话过程中,信号的接收和发送,特别地,将基站的下行信息接收后,给处理器1480处理;另外,将设计上行的数据发送给基站。
存储器1420可用于存储软件程序以及模块,处理器1480通过运行存储在存储器1420的软件程序以及模块,从而执行手机的各种功能应用以及数据处理。存储器1420可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作***、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器1420可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
输入单元1430可用于接收输入的数字或字符信息,以及产生与手机的用户设置以及功能控制有关的键信号输入。具体地,输入单元1430可包括触控面板1431以及其他输入设备1432。
显示单元1440可用于显示由用户输入的信息或提供给用户的信息以及手机的各种菜单。显示单元1440可包括显示面板1441。
手机还可包括至少一种传感器1450,比如光传感器、运动传感器以及其他传感器。
音频电路1460、扬声器1461,传声器1462可提供用户与手机之间的音频接口。
WiFi属于短距离无线传输技术,手机通过WiFi模块1470可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。
处理器1480是手机的控制中心,利用各种接口和线路连接整个手机的各个部分,通过运行或执行存储在存储器1420内的软件程序和/或模块,以及调用存储在存储器1420内的数据,执行手机的各种功能和处理数据。
手机还包括给各个部件供电的电源1490(比如电池)。
在本实施例中,该终端设备所包括的处理器1480还具有以下功能:
在通过显示区域播放第一媒体内容时获取内容切换操作,所述内容切换操作用于指示将播放的所述第一媒体内容切换为第二媒体内容;
根据获取所述内容切换操作时播放的所述第一媒体内容中的第一画面帧,确定切换动画中的第一几何图形的图形纹理;
通过所述显示区域播放所述切换动画,在播放过程中,通过所述第一几何图形的位置引导所述第一画面帧离开所述显示区域;所述切换动画还包括第二几何图形,所述第二几何图形的图形纹理根据所述第二媒体内容中待播放的第二画面帧确定,通过所述第二几何图形的位置引导所述第二画面帧进入所述显示区域;
在所述切换动画播放完成后,取消显示所述切换动画,并通过所述显示区域从所述第二画面帧开始播放所述第二媒体内容。
若计算机设备为服务器,本申请实施例还提供一种服务器,请参见图12所示,图12为本申请实施例提供的服务器1500的结构图,服务器1500可因配置或性能不同而产生比较大的差异,可以包括一个或一个以***处理器(Central Processing Units,简称CPU)1522(例如,一个或一个以上处理器)和存储器1532,一个或一个以上存储应用程序1542或数据1544的存储介质1530(例如一个或一个以上海量存储设备)。其中,存储器1532和存储介质1530可以是短暂存储或持久存储。存储在存储介质1530的程序可以包括一个或一个以上模块(图示没标出),每个模块可以包括对服务器中的一系列指令操作。更进一步地,中央处理器1522可以设置为与存储介质1530通信,在服务器1500上执行存储介质1530中的一系列指令操作。
服务器1500还可以包括一个或一个以上电源1526,一个或一个以上有线或无线网络接口1550,一个或一个以上输入输出接口1558,和/或,一个或一个以上操作***1541,例如Windows ServerTM,Mac OS XTM,UnixTM,LinuxTM,FreeBSDTM等等。
上述实施例中由服务器所执行的步骤可以基于图12所示的服务器结构。
另外,本申请实施例还提供了一种存储介质,所述存储介质用于存储计算机程序,所述计算机程序用于执行上述实施例提供的方法。
本申请实施例还提供了一种包括指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述实施例提供的方法。
本领域普通技术人员可以理解:实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成,前述程序可以存储于一计算机可读取存储介质中,该程序在执行时,执行包括上述方法实施例的步骤;而前述的存储介质可以是下述介质中的至少一种:只读存储器(英文:Read-only Memory,缩写:ROM)、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
需要说明的是,本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于设备及***实施例而言,由于其基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。以上所描述的设备及***实施例仅仅是示意性的,其中作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
以上所述,仅为本申请的一种具体实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到的变化或替换,都应涵盖在本申请的保护范围之内。而且本申请在上述各方面提供的实现方式的基础上,还可以进行进一步组合以提供更多实现方式。因此,本申请的保护范围应该以权利要求的保护范围为准。
Claims (17)
1.一种媒体内容切换方法,其特征在于,所述方法包括:
在通过显示区域播放第一媒体内容时获取内容切换操作,所述内容切换操作用于指示将播放的所述第一媒体内容切换为第二媒体内容;
根据获取所述内容切换操作时播放的所述第一媒体内容中的第一画面帧,确定切换动画中的第一几何图形的图形纹理;
通过所述显示区域播放所述切换动画,在播放过程中,通过所述第一几何图形的位置引导所述第一画面帧离开所述显示区域;所述切换动画还包括第二几何图形,所述第二几何图形的图形纹理根据所述第二媒体内容中待播放的第二画面帧确定,通过所述第二几何图形的位置引导所述第二画面帧进入所述显示区域;
在所述切换动画播放完成后,取消显示所述切换动画,并通过所述显示区域从所述第二画面帧开始播放所述第二媒体内容。
2.根据权利要求1所述的方法,其特征在于,所述第一几何图形包括多个第一碎片几何体,所述第一几何图形的图形纹理为所述第一画面帧,每个所述第一碎片几何体的子纹理为所述第一画面帧的部分图像,所述多个第一碎片几何体拼接为所述第一几何图形的第一完整态;所述通过所述第一几何图形的位置引导所述第一画面帧离开所述显示区域,包括:
通过将所述第一几何图形从所述第一完整态变化为所述多个第一碎片几何体间处于分散状态的第一分散态,以根据所述第一分散态下所述多个第一碎片几何体的位置分散趋势引导所述第一画面帧离开所述显示区域。
3.根据权利要求2所述的方法,其特征在于,所述第二几何图形包括多个第二碎片几何体,所述第二几何图形的图形纹理为所述第二画面帧,每个所述第二碎片几何体的子纹理为所述第二画面帧的部分图像,所述通过所述第二几何图形的位置引导所述第二画面帧进入所述显示区域,包括:
通过将所述第二几何图形从第二分散态变化为第二完整态,以根据所述第二分散态下所述多个第二碎片几何体的位置聚拢趋势引导所述第二画面帧离开所述显示区域;
其中,所述第二分散态下所述多个第二碎片几何体间处于分散状态,所述第二几何图形的第二完整态由所述多个第二碎片几何体拼接得到。
4.根据权利要求2所述的方法,其特征在于,所述第二几何图形的图形纹理为所述第二画面帧,在所述切换动画中,所述第二几何图形在显示方向上被覆盖于所述第一几何图形的下方,所述通过所述第二几何图形的位置引导所述第二画面帧进入所述显示区域,包括:
在通过所述多个第一碎片几何体的位置分散趋势引导所述第一画面帧离开所述显示区域的过程中,基于所述第二几何图形的可视区域的扩大引导所述第二画面帧进入所述显示区域。
5.根据权利要求1所述的方法,其特征在于,在所述通过所述第二几何图形的位置引导所述第二画面帧进入所述显示区域之前,所述方法还包括:
响应于所述第二媒体内容加载完成的通知,获取所述第二媒体内容中待播放的所述第二画面帧;
根据所述第二画面帧,确定第二几何图形的图形纹理。
6.根据权利要求1所述的方法,其特征在于,所述第二媒体内容为播放顺序中所述第一媒体内容的下一个媒体内容,所述在通过显示区域播放第一媒体内容时获取内容切换操作,包括:
在通过显示区域将所述第一媒体内容播放完成时,将基于所述播放顺序生成的媒体内容切换指令作为所述内容切换操作;
其中,所述第二画面帧为所述第二媒体内容的第一个画面帧,或者为播放历史中所述第二媒体内容的未播放画面帧的第一个画面帧。
7.根据权利要求1所述的方法,其特征在于,所述第一媒体内容为第一视频内容,所述第二媒体内容为第二视频内容,所述在通过显示区域播放第一媒体内容时获取内容切换操作,包括:
在通过显示区域播放所述第一视频内容时,若获取将所述第一视频内容切换为第二视频内容的触控操作,将所述触控操作作为所述内容切换操作。
8.根据权利要求1所述的方法,其特征在于,所述第一媒体内容为游戏环境中的第一游戏场景,所述第二媒体内容为所述游戏环境中的第二游戏场景,所述在通过显示区域播放第一媒体内容时获取内容切换操作,包括:
在通过显示区域展示所述第一游戏场景时,若获取将所述第一游戏场景切换为第二游戏场景的游戏场景切换指令,将所述游戏场景切换指令作为所述内容切换操作,所述游戏场景切换指令是基于所述游戏环境中的游戏道具生成的。
9.根据权利要求1所述的方法,其特征在于,所述显示区域为游戏环境中目标道具的显示屏幕所在区域,所述第一媒体内容为所述目标道具展示的第一视频内容,所述第二媒体内容为所述目标道具展示的第二视频内容,所述在通过显示区域播放第一媒体内容时获取内容切换操作,包括:
在通过所述显示区域展示所述第一视频内容时,若获取将所述第一视频内容切换为第二视频内容的视频内容切换指令,将所述视频内容切换指令作为所述内容切换操作,所述视频内容切换指令是基于所述游戏环境中的预设条件或游戏道具生成的。
10.根据权利要求1-9任一项所述的方法,其特征在于,所述第一几何图形为三维图形,所述根据获取所述内容切换操作时播放的所述第一媒体内容中的第一画面帧,确定切换动画中的第一几何图形的图形纹理,包括:
根据所述第一几何图形所包括几何顶点的第一三维顶点位置,确定所述第一画面帧中与所述第一三维顶点位置对应的第一像素位置;
根据所述第一像素位置确定所述第一画面帧中与所述第一几何图形对应的第一像素区域;
基于所述第一像素区域与所述第一几何图形的映射关系,生成所述第一几何图形的二维纹理;
通过将所述第一几何图形的二维纹理绘制在三维的所述第一几何图形上,得到所述第一几何图形的图形纹理;
所述第二几何图形为三维图形,根据所述第二媒体内容中待播放的第二画面帧确定所述切换动画中的第二几何图形的图形纹理,包括:
根据所述第二几何图形所包括几何顶点的第二三维顶点位置,确定所述第二画面帧中与所述第二三维顶点位置对应的第二像素位置;
根据所述第二像素位置确定所述第二画面帧中与所述第二几何图形对应的第二像素区域;
基于所述第二像素区域与所述第二几何图形的映射关系,生成所述第二几何图形的二维纹理;
通过将所述第二几何图形的二维纹理绘制在三维的所述第二几何图形上,得到所述第二几何图形的图形纹理。
11.根据权利要求10所述的方法,其特征在于,若所述第一几何图形包括多个第一碎片几何体,所述根据所述第一几何图形所包括几何顶点的第一三维顶点位置,确定所述第一画面帧中与所述第一三维顶点位置对应的第一像素位置,包括:
确定所述第一几何图形在第一完整态下所述多个第一碎片几何体分别对应的几何体顶点的第一三维顶点位置;所述第一几何图形的第一完整态由所述多个第一碎片几何体拼接得到;
确定所述第一画面帧中与所述第一碎片几何体的第一三维顶点位置分别对应的第一像素位置;
若所述第二几何图形包括多个第二碎片几何体,所述根据所述第二几何图形所包括几何顶点的第二三维顶点位置,确定所述第二画面帧中与所述第二三维顶点位置对应的第二像素位置,包括:
确定所述第二几何图形在第二完整态下所述多个第二碎片几何体分别对应的几何体顶点的第二三维顶点位置;所述第二几何图形的第二完整态由所述多个第二碎片几何体拼接得到;
确定所述第二画面帧中与所述第二碎片几何体的第二三维顶点位置分别对应的第二像素位置。
12.根据权利要求1-9任一项所述的方法,其特征在于,在所述显示区域中包括第一图层,所述第一图层用于显示所述第一媒体内容,在所述在通过显示区域播放第一媒体内容时获取内容切换操作后,所述方法还包括:
暂停所述第一媒体内容并获取所述第一画面帧;
通过取消所述第一图层的方式取消对所述第一媒体内容的播放。
13.根据权利要求12所述的方法,其特征在于,在所述显示区域中还包括第二图层和第三图层,所述第二图层用于显示第二媒体内容,所述第三图层用于显示切换动画,在所述显示区域的显示方向上,所述第一图层和所述第三图层处于所述第二图层之上;
所述通过所述显示区域播放所述切换动画,包括:
通过所述显示区域中的所述第三图层播放所述切换动画;
所述在所述切换动画播放完成后,取消显示所述切换动画,并通过所述显示区域从所述第二画面帧开始播放所述第二媒体内容,包括:
在所述切换动画播放完成后,通过取消所述第三图层的方式取消对所述切换动画的播放,并通过所述显示区域中的所述第二图层从所述第二画面帧开始播放所述第二媒体内容。
14.一种媒体内容切换装置,其特征在于,所述装置包括:
内容切换操作获取单元,用于在通过显示区域播放第一媒体内容时获取内容切换操作,所述内容切换操作用于指示将播放的所述第一媒体内容切换为第二媒体内容;
第一图形纹理确定单元,用于根据获取所述内容切换操作时播放的所述第一媒体内容中的第一画面帧,确定切换动画中的第一几何图形的图形纹理;
切换动画播放单元,用于通过所述显示区域播放所述切换动画,在播放过程中,通过所述第一几何图形的位置引导所述第一画面帧离开所述显示区域;所述切换动画还包括第二几何图形,所述第二几何图形的图形纹理根据所述第二媒体内容中待播放的第二画面帧确定,通过所述第二几何图形的位置引导所述第二画面帧进入所述显示区域;
第二媒体内容播放单元,用于在所述切换动画播放完成后,取消显示所述切换动画,并通过所述显示区域从所述第二画面帧开始播放所述第二媒体内容。
15.一种计算机设备,其特征在于,所述计算机设备包括处理器以及存储器:
所述存储器用于存储程序代码,并将所述程序代码传输给所述处理器;
所述处理器用于根据所述程序代码中的指令执行权利要求1-13中任意一项所述的媒体内容切换方法。
16.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质用于存储计算机程序,所述计算机程序用于执行权利要求1-13中任意一项所述的媒体内容切换方法。
17.一种包括指令的计算机程序产品,当其在计算机上运行时,使得所述计算机执行权利要求1-13任意一项所述的媒体内容切换方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210361533.7A CN116934917A (zh) | 2022-04-07 | 2022-04-07 | 一种媒体内容切换方法和相关装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210361533.7A CN116934917A (zh) | 2022-04-07 | 2022-04-07 | 一种媒体内容切换方法和相关装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116934917A true CN116934917A (zh) | 2023-10-24 |
Family
ID=88377894
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210361533.7A Pending CN116934917A (zh) | 2022-04-07 | 2022-04-07 | 一种媒体内容切换方法和相关装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116934917A (zh) |
-
2022
- 2022-04-07 CN CN202210361533.7A patent/CN116934917A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109993823B (zh) | 阴影渲染方法、装置、终端及存储介质 | |
US12022160B2 (en) | Live streaming sharing method, and related device and system | |
WO2021258994A1 (zh) | 虚拟场景的显示方法、装置、设备及存储介质 | |
TWI732240B (zh) | 視頻檔案的生成方法、裝置及儲存媒體 | |
JP2022524889A (ja) | 画像レンダリング方法、装置、機器及びコンピュータプログラム | |
CN108108140B (zh) | 一种多屏协同显示方法及存储装置及支持3d显示的设备 | |
US11880999B2 (en) | Personalized scene image processing method, apparatus and storage medium | |
CN109725956B (zh) | 一种场景渲染的方法以及相关装置 | |
US20210042980A1 (en) | Method and electronic device for displaying animation | |
CN112905280B (zh) | 页面显示方法、装置、设备及存储介质 | |
EP4290464A1 (en) | Image rendering method and apparatus, and electronic device and storage medium | |
CN113010249B (zh) | 页面切换方法、装置、设备及介质 | |
CN114201095A (zh) | 直播界面的控制方法、装置、存储介质及电子设备 | |
US20230347240A1 (en) | Display method and apparatus of scene picture, terminal, and storage medium | |
CN111399736A (zh) | 进度条控制方法、装置、设备及可读存储介质 | |
CN112822544A (zh) | 视频素材文件生成方法、视频合成方法、设备及介质 | |
CN116934917A (zh) | 一种媒体内容切换方法和相关装置 | |
CN113407141B (zh) | 界面更新方法、装置、终端和存储介质 | |
CN116962748A (zh) | 连麦直播的视频图像渲染方法、装置及视频直播*** | |
CN107040810A (zh) | 多媒体投射方法、终端及显示设备 | |
KR102087494B1 (ko) | 모바일 실시간 시뮬레이션 게임에서 객체를 표시하는 방법 | |
CN114143588B (zh) | 一种播放控制方法以及电子设备 | |
KR20130103116A (ko) | 컨텐츠 실행 시스템 | |
WO2023169089A1 (zh) | 一种视频播放方法、装置、电子设备、介质和程序产品 | |
CN117055990A (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 |