CN114222151A - 开播交互动画的显示方法、装置及计算机设备 - Google Patents
开播交互动画的显示方法、装置及计算机设备 Download PDFInfo
- Publication number
- CN114222151A CN114222151A CN202111491663.4A CN202111491663A CN114222151A CN 114222151 A CN114222151 A CN 114222151A CN 202111491663 A CN202111491663 A CN 202111491663A CN 114222151 A CN114222151 A CN 114222151A
- Authority
- CN
- China
- Prior art keywords
- path
- interactive
- animation
- broadcast
- sub
- 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
- 230000002452 interceptive effect Effects 0.000 title claims abstract description 502
- 238000000034 method Methods 0.000 title claims abstract description 96
- 230000003993 interaction Effects 0.000 claims abstract description 117
- 238000004590 computer program Methods 0.000 claims description 14
- 230000008569 process Effects 0.000 description 13
- 238000004891 communication Methods 0.000 description 11
- 238000010586 diagram Methods 0.000 description 11
- 230000006870 function Effects 0.000 description 10
- 238000012545 processing Methods 0.000 description 9
- 230000000694 effects Effects 0.000 description 7
- 230000003068 static effect Effects 0.000 description 7
- 230000004044 response Effects 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000001413 cellular effect Effects 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 230000006399 behavior Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000013461 design 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
- 238000009877 rendering Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- 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/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
- H04N21/21—Server components or server architectures
- H04N21/218—Source of audio or video content, e.g. local disk arrays
- H04N21/2187—Live feed
-
- 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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
-
- 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/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
- H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
-
- 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/47—End-user applications
- H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
- H04N21/47205—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for manipulating displayed content, e.g. interacting with MPEG-4 objects, editing locally
Abstract
本申请涉及网络直播技术领域,提出一种开播交互动画的显示方法、装置及计算机设备,该方法包括:响应于第一互动玩法开启指令,获取互动玩法标识和互动玩法标识对应的开播背景图像;其中,开播背景图像中显示有若干个目标像素块,基于目标像素块形成开播背景图像中的开播交互图形;将开播背景图像显示在客户端中;根据目标像素块的位置信息,生成开播交互动画路径;响应于在开播交互图形上的悬停触发指令,获取开播交互动画路径的显示数据,根据开播交互动画路径和开播交互动画路径的显示数据,在开播背景图像上显示开播交互动画。相对于现有技术,本申请能够有效提升用户的界面交互体验,避免用户流失。
Description
技术领域
本申请实施例涉及网络直播技术领域,尤其涉及一种开播交互动画的显示方法、装置及计算机设备。
背景技术
随着网络直播技术的飞速发展,越来越多的互动玩法可以在直播间内实现,例如:相亲交友互动,知识问答互动以及读书分享互动等,多种类型的互动玩法能够吸引更多的用户参与到网络直播过程中,也极大程度地提高了用户的直播互动体验。
目前,在各种互动玩法开启前,会在客户端中呈现开播背景图像,由于开播背景图像是一个静态图像,因此,无法通过该开播背景图像提高用户的界面交互体验,容易导致用户流失。
发明内容
本申请实施例提供了一种开播交互动画的显示方法、装置及计算机设备,可以解决开播界面交互体验差而导致的用户流失的技术问题,该技术方案如下:
第一方面,本申请实施例提供了一种开播交互动画的显示方法,包括步骤:
响应于服务器发送的第一互动玩法开启指令,获取互动玩法标识和互动玩法标识对应的开播背景图像;其中,开播背景图像中显示有若干个目标像素块,基于目标像素块形成开播背景图像中的开播交互图形;
将互动玩法标识对应的开播背景图像显示在客户端中;
获取目标像素块在开播背景图像中的位置信息,根据目标像素块在开播背景图像中的位置信息,生成开播交互动画路径;
响应于在开播交互图形上的悬停触发指令,获取开播交互动画路径的显示数据,根据开播交互动画路径和开播交互动画路径的显示数据,在开播背景图像上显示开播交互图形对应的开播交互动画。
第二方面,本申请实施例提供了一种开播交互动画的显示装置,包括:
第一获取单元,用于响应于服务器发送的第一互动玩法开启指令,获取互动玩法标识和互动玩法标识对应的开播背景图像;其中,开播背景图像中显示有若干个目标像素块,基于目标像素块形成开播背景图像中的开播交互图形;
第一显示单元,用于将互动玩法标识对应的开播背景图像显示在客户端中;
第一生成单元,用于获取目标像素块在开播背景图像中的位置信息,根据目标像素块在开播背景图像中的位置信息,生成开播交互动画路径;
第二显示单元,用于响应于在开播交互图形上的悬停触发指令,获取开播交互动画路径的显示数据,根据开播交互动画路径和开播交互动画路径的显示数据,在开播背景图像上显示开播交互图形对应的开播交互动画。
第三方面,本申请实施例提供了一种计算机设备,处理器、存储器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现如第一方面所述方法的步骤。
第四方面,本申请实施例提供了一种计算机可读存储介质,该计算机可读存储介质存储有计算机程序,该计算机程序被处理器执行时实现如第一方面所述方法的步骤。
在本申请实施例中,通过响应于服务器发送的第一互动玩法开启指令,获取互动玩法标识和互动玩法标识对应的开播背景图像;其中,开播背景图像中显示有若干个目标像素块,基于目标像素块形成开播背景图像中的开播交互图形;将互动玩法标识对应的开播背景图像显示在客户端中;获取目标像素块在开播背景图像中的位置信息,根据目标像素块在开播背景图像中的位置信息,生成开播交互动画路径;响应于在开播交互图形上的悬停触发指令,获取开播交互动画路径的显示数据,根据开播交互动画路径和开播交互动画路径的显示数据,在开播背景图像上显示开播交互图形对应的开播交互动画,从而实现了在互动玩法正式开启前,使用户可通过悬停触发操作,将开播背景图像中静态的开播交互图形转化为动态的开播交互动画,进而提升用户的界面交互体验,避免用户流失。
为了更好地理解和实施,下面结合附图详细说明本申请的技术方案。
附图说明
图1为本申请实施例提供的开播交互动画的显示方法的应用场景示意图;
图2为本申请实施例提供的开播背景图像的显示示意图;
图3为本申请第一实施例提供的开播交互动画的显示方法的流程示意图;
图4为本申请实施例提供的开播背景图像的另一显示示意图;
图5为本申请第一实施例提供的开播交互动画的显示方法中S103的流程示意图;
图6为本申请实施例提供的开播交互动画路径的显示示意图;
图7为本申请第二实施例提供的开播交互动画的显示方法的流程示意图;
图8为本申请第三实施例提供的开播交互动画的显示方法的流程示意图;
图9为本申请实施例提供的开播交互动画路径的另一显示示意图;
图10为本申请第四实施例提供的开播交互动画的显示装置的结构示意图;
图11为本申请第五实施例提供的计算机设备的结构示意图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。
在本申请使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本申请。在本申请和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。还应当理解,本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
应当理解,尽管在本申请可能采用术语第一、第二、第三等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本申请范围的情况下,第一信息也可以被称为第二信息,类似地,第二信息也可以被称为第一信息。取决于语境,如在此所使用的词语“如果”/“若”可以被解释成为“在……时”或“当……时”或“响应于确定”。
本领域技术人员可以理解,本申请所使用的“客户端”、“终端”、“终端设备”既包括无线信号接收器的设备,其仅具备无发射能力的无线信号接收器的设备,又包括接收和发射硬件的设备,其具有能够在双向通信链路上,进行双向通信的接收和发射硬件的设备。这种设备可以包括:蜂窝或其他诸如个人计算机、平板电脑之类的通信设备,其具有单线路显示器或多线路显示器或没有多线路显示器的蜂窝或其他通信设备;PCS(PersonalCommunications Service,个人通信系统),其可以组合语音、数据处理、传真和/或数据通信能力;PDA(Personal Digital Assistant,个人数字助理),其可以包括射频接收器、寻呼机、互联网/内联网访问、网络浏览器、记事本、日历和/或GPS(GlobalPositioningSystem,全球定位系统)接收器;常规膝上型和/或掌上型计算机或其他设备,其具有和/或包括射频接收器的常规膝上型和/或掌上型计算机或其他设备。这里所使用的“客户端”、“终端”、“终端设备”可以是便携式、可运输、安装在交通工具(航空、海运和/或陆地)中的,或者适合于和/或配置为在本地运行,和/或以分布形式,运行在地球和/或空间的任何其他位置运行。这里所使用的“客户端”、“终端”、“终端设备”还可以是通信终端、上网终端、音乐/视频播放终端,例如可以是PDA、MID(Mobile Internet Device,移动互联网设备)和/或具有音乐/视频播放功能的移动电话,也可以是智能电视、机顶盒等设备。
本申请所称的“服务器”、“客户端”、“服务节点”等名称所指向的硬件,本质上是具备个人计算机等效能力的计算机设备,为具有中央处理器(包括运算器和控制器)、存储器、输入设备以及输出设备等冯诺依曼原理所揭示的必要构件的硬件装置,计算机程序存储于其存储器中,中央处理器将存储在外存中的程序调入内存中运行,执行程序中的指令,与输入输出设备交互,借此完成特定的功能。
需要指出的是,本申请所称的“服务器”这一概念,同理也可扩展到适用于服务器机群的情况。依据本领域技术人员所理解的网络部署原理,所述各服务器应是逻辑上的划分,在物理空间上,这些服务器既可以是互相独立但可通过接口调用的,也可以是集成到一台物理计算机或一套计算机机群的。本领域技术人员应当理解这一变通,而不应以此约束本申请的网络部署方式的实施方式。
请参阅图1,图1为本申请实施例提供的开播交互动画的显示方法的应用场景示意图,该应用场景包括本申请实施例提供的主播客户端101、服务器102和观众客户端103,主播客户端101与观众客户端103通过服务器102进行交互。
本申请实施例提出的客户端包括该主播客户端101和该观众客户端103。
需要指出的是,在现有技术中会存在对“客户端”这一概念的多种理解,例如:可以将其理解为安装在计算机设备中的应用程序,或者,也可以将其理解为相对应于服务器的硬件设备。
在本申请实施例中,所称的“客户端”是指相对应于服务器的硬件设备,更具体来说,是指计算机设备,例如:智能手机、智能交互平板以及个人计算机等。
在客户端为智能手机、智能交互平板等移动设备时,用户可以在客户端上安装匹配的移动端应用程序,也可以在客户端上访问Web端应用程序。
在客户端为个人计算机(PC机)等非移动设备时,用户可以在客户端上安装匹配的PC端应用程序,同样也可以在客户端上访问Web端应用程序。
其中,移动端应用程序是指可安装在移动设备中的应用程序,PC端应用程序是指可安装在非移动设备中的应用程序,Web端应用程序是指需通过浏览器访问的应用程序。
具体地,Web端应用程序依据客户端类型的差异,又可以分为移动版本和PC版本,两者的页面布局方式以及可提供的服务器支持可能存在差别。
在本申请实施例中,提供至用户的直播应用程序的类型分为移动端直播应用程序、PC端直播应用程序和Web端直播应用程序。用户可以依据其采用客户端的类型不同,自主选择其参与网络直播的方式。
本申请依据采用客户端的用户身份的不同,可以将客户端分为主播客户端101和观众客户端103。
其中,主播客户端101是指发送网络直播视频的一端,通常来说是网络直播中主播(即,直播主播用户)所采用的客户端。
观众客户端103是指接收和观看网络直播视频的一端,通常来说是网络直播中观看视频的观众(即,直播观众用户)所采用的客户端。
主播客户端101和观众客户端103所指向的硬件,本质上是指计算机设备,具体地,如图1所示,其可以是智能手机、智能交互平板和个人计算机等类型的计算机设备。主播客户端101和观众客户端103均可以通过公知的网络接入方式接入互联网,与服务器102建立数据通信链路。
服务器102作为一个业务服务器,其可以负责进一步连接起相关音频数据服务器、视频流服务器以及其他提供相关支持的服务器等,以此构成逻辑上相关联的服务机群,来为相关的终端设备,例如图1中所示的主播客户端101和观众客户端103提供服务。
本申请实施例中,主播客户端101与观众客户端103可以加入同一个直播间(即直播频道),上述的直播间是指依靠互联网技术实现的一种聊天室,通常具备音视频播控功能。主播用户通过主播客户端101在直播间内进行直播,观众客户端103的观众可以登录服务器102进入直播间观看上直播。
主播与观众之间可通过语音、视频、文字等公知的线上交互方式在直播间内实现互动,一般是主播以音视频流的形式为观众用户表演节目,并且在互动过程中还可产生经济交易行为。当然,直播间的应用形态并不局限于在线娱乐,也可推广到其他相关场景中,例如视频会议场景、产品推介销售场景以及其他任何需要类似互动的场景中。
在直播间内还可以进行多种互动玩法,例如:相亲交友互动、知识问答互动以及读书分享互动等,具体地,主播可以通过与相应的互动玩法组件交互,触发主播客户端发送互动玩法开启请求至服务器,服务器响应于该互动玩法开启请求,获取互动玩法标识、参与互动过程的用户(可以为主播或观众)、观看互动过程的用户(一般为观众)以及用于对互动环节进行把控的互动玩法数据,之后发送互动玩法开启指令至上述用户对应的客户端中,客户端响应于互动玩法开启指令,会在客户端中先呈现互动玩法标识对应的开播背景图像,并在主播确认开启互动玩法后再进入互动玩法界面。
请参阅图2,图2为本申请实施例提供的开播背景图像的显示示意图。如图2所示,开播背景图像21中包含开播交互图形22,该开播背景图像21是在主播客户端中呈现的,因而在开播背景图像21之上还显示有上麦主持控件23。开播交互图形22可以为任意一个与互动玩法的主题相关的图形,主播在点击上麦主持控件23后,确认开启玩法,此时开播背景图像隐藏,在主播客户端中呈现互动玩法界面。
可以理解的是,在观众客户端中显示的开播背景图像与主播客户端显示的开播背景图像21是相同的,但是,由于其没有上麦主持的权限,故不会在开播背景图像之上显示上麦主持控件23。
当前不同互动玩法的开播背景图像均为静态图像,因此,无法通过该开播背景图像提高用户的界面交互体验,容易导致用户流失。
基于上述,本申请实施例提供了一种开播交互动画的显示方法。请参阅图3,图3为本申请第一实施例提供的开播交互动画的显示方法的流程示意图,该方法包括如下步骤:
S101:响应于服务器发送的第一互动玩法开启指令,获取互动玩法标识和互动玩法标识对应的开播背景图像;其中,开播背景图像中显示有若干个目标像素块,基于目标像素块形成开播背景图像中的开播交互图形。
S102:将互动玩法标识对应的开播背景图像显示在客户端中。
S103:获取目标像素块在开播背景图像中的位置信息,根据目标像素块在开播背景图像中的位置信息,生成开播交互动画路径。
S104:响应于在开播交互图形上的悬停触发指令,获取开播交互动画路径的显示数据,根据开播交互动画路径和开播交互动画路径的显示数据,在开播背景图像上显示开播交互图形对应的开播交互动画。
在本实施例中,是从客户端为主要执行主体对开播交互动画的显示方法进行描述的。同时为了能够更清楚地说明开播交互动画的显示方法中的各个步骤,也会辅以服务器角度的描述,以帮助理解整体方案。其中,客户端包括主播客户端和观众客户端。
关于S101,客户端响应于服务器发送的第一互动玩法开启指令,解析该第一互动玩法开启指令,获取互动玩法标识和互动玩法标识对应的开播背景图像。
其中,第一互动玩法开启指令中至少包括互动玩法标识,互动玩法标识是互动玩法对应的唯一标识,其用于指示客户端将开启哪一互动玩法。
在一个可选的实施例中,互动玩法包括但不限于相亲交友互动玩法、知识问答互动玩法以及读书分享互动玩法等。
不同的互动玩法标识有相对应的开播背景图像。
在本申请实施例中,该开播背景图像中显示有若干个目标像素块,基于目标像素块形成开播背景图像中的开播交互图形。
其中,该目标像素块可以是指像素值满足预设阈值的像素点构成的连通区域,也可以是指像素值满足预设阈值的像素点。
基于目标像素块形成开播背景图像中的开播交互图形通常与互动玩法的主题相关,例如:相亲交友互动玩法下,基于目标像素块形成开播背景图像中的开播交互图形可以为心形;知识问答互动玩法下,基于目标像素块形成开播背景图像中的开播交互图形可以为问号形状;读书分享互动玩法下,基于目标像素块形成开播背景图像中的开播交互图形可以为书本形状,在此不逐一列举。
在一个可选的实施例中,服务器中可以预设置互动玩法标识对应的若干个开播背景图像,客户端获取开播背景图像时,服务器可以根据互动玩法标识随机选取某一对应的开播背景图像,将其下发至客户端中。
在另一个可选的实施例中,服务器中可以预设置互动玩法标识对应的若干个开播背景图像,每个开播背景图像对应有一个主播等级阈值,客户端获取开播背景图像时,服务器可以根据互动玩法标识和主播标识对应的主播等级,从互动玩法标识对应的若干个开播背景图像中,选取主播等级高于对应的主播等级阈值的开播背景图像,将其下发至客户端中。
请参阅图4,图4为本申请实施例提供的开播背景图像的另一显示示意图。该开播背景图像41上显示有若干个目标像素块(图4中的黑点),基于目标像素块形成开播背景图像中的开播交互图形42为一个心形。
关于步骤S102,客户端将互动玩法标识对应的开播背景图像进行显示,此时,用户可以在客户端中看到该开播背景图像。
关于步骤S103,客户端获取目标像素块在开播背景图像中的位置信息,根据目标像素块在开播背景图像中的位置信息,生成开播交互动画路径。
其中,若目标像素块指像素值满足预设阈值的像素点构成的连通区域,那么目标像素块在开播背景图像中的位置信息可以是指目标像素块中任意一个像素点的位置信息,也可以是指目标像素块中所有像素点的位置信息的均值。
若目标像素块指像素值满足预设阈值的像素点,那么目标像素块在开播背景图像中的位置信息是指该像素点的位置信息。
开播交互动画路径是指基于目标像素块的位置信息而生成的动画运动路径,该开播交互动画路径的形状与开播交互图形的形状是相同的。
具体地,在一个可选的实施例中,请参阅图5,S103包括步骤:
S1031:获取目标像素块在开播背景图像中的位置信息和各个目标像素块在开播交互图形中的相对位置信息。
S1032:根据各个目标像素块在开播交互图形中的相对位置信息,确定各个目标像素块在开播交互动画路径中的排列顺序。
S1033:根据目标像素块在开播背景图像中的位置信息和各个目标像素块在开播交互动画路径中的排列顺序,生成开播交互动画路径。
对于获取目标像素块在开播背景图像中的位置信息的步骤不进行复述。
各个目标像素块在开播交互图形中的相对位置信息用于确定各个目标像素块在开播交互动画路径中的排列顺序,其具体包括各个目标像素块对应的相邻目标像素块,可以理解的是,通过确定某一目标像素块的前一相邻目标像素块和后一相邻目标像素块,即可确定其在开播交互动画路径中的排列顺序。
在一个可选的实施例中,客户端可以随机选择某一目标像素块为起始,根据该目标像素块的位置信息,确定与其距离最近的目标像素块为其后一相邻的目标像素块,之后依次根据距离确定各个目标像素块的后一相邻目标像素块,从而确定各个目标像素块在开播交互动画路径中的排列顺序。
在另一个可选的实施例中,若开播交互图形较为复杂,那么客户端可以基于图像识别算法,先识别出该开播交互图形的具体形状,之后再基于该具体形状,确定各个目标像素块在开播交互图形中的相对位置信息,从而确定各个目标像素块在开播交互动画路径中的排列顺序。
请参阅图4,该开播背景图像41上显示有若干个目标像素块(图4中的黑点),基于目标像素块形成开播背景图像中的开播交互图形42为一个心形。各个目标像素块在开播背景图像中有一个对应的位置信息,各个目标像素块在开播交互图形42中也存在一个相对位置信息。如图4所示的目标像素块A、B和C,目标像素块B在开播交互图形中的相对位置信息包括前一相邻目标像素块A和后一相邻目标像素块C。基于目标像素块B在开播交互图形中的相对位置信息,可以确认目标像素块A、B和C的位置信息在开播交互动画路径中的排列顺序可以是先A、再B、后C,或者,也可以是先C、在B、后A。
之后,客户端根据目标像素块在开播背景图像中的位置信息和各个目标像素块在开播交互动画路径中的排列顺序,即可生成开播交互动画路径。
如图4所示,在生成开播交互动画路径时,可以以目标像素块A为起始,根据目标像素块在开播背景图像中的位置信息和各个目标像素块在开播交互动画路径中的排列顺序,从目标像素块A的位置连接到目标像素块B的位置,再从目标像素块B的位置连接到目标像素块C的位置,接下来通过依次连接到其余目标像素块的位置,最终得到开播交互动画路径。
在本实施例中能够准确地根据目标像素块在开播背景图像中的位置信息和各个目标像素块在开播交互动画路径中的排列顺序,生成开播交互动画路径,使开播交互动画路径的形状与开播交互图形的形状一致。
在一个可选的实施例中,为保证开播交互动画路径与开播交互图形的位置和形状一致,S1031中获取目标像素块在开播背景图像中的位置信息之后,还包括步骤:
客户端根据各个目标像素块在开播背景图像中的位置信息,确定可伸缩矢量图形标签的显示位置和显示尺寸;根据可伸缩矢量图形标签的显示位置和显示尺寸,创建可伸缩矢量图形标签,将可伸缩矢量图形标签插入开播背景图像所在页面的布局数据中。
其中,可伸缩矢量图形标签是指SVG(Scalable Vector Graphics)标签,该标签是超文本标记语言HTML中提供的标签,通过确定该可伸缩矢量图形标签的显示位置和显示尺寸,并将其插入开播背景图像所在页面的布局数据中,能够保证开播交互动画路径显示在指定位置处,使开播交互动画路径的位置与开播交互图形的位置一致,提高动画交互体验。
具体地,位置信息包括第一位置信息和第二位置信息,客户端根据各个目标像素块在开播背景图像中的位置信息,确定最小的第一位置信息、最小的第二位置信息、最大的第一位置信息以及最大的第二位置信息。
在一个可选的实施例中,第一位置信息是指在预设坐标系中的x轴坐标,第二位置信息是指在预设坐标系中的y轴坐标,那么,可伸缩矢量图形标签的显示位置可以为(xmin,ymin),xmin为最小的第一位置信息,ymin为最小的第二位置信息,可伸缩矢量图形标签的显示尺寸包括显示宽度和显示高度,显示宽度为xmax-xmin,显示高度为ymax-ymin,xmax为最大的第一坐标信息,ymax为最大的第二坐标信息。
在插入好可伸缩矢量图形标签后,还需要在可伸缩矢量图形标签中插入路径标签,以生成开播动画交互路径。具体地,S1033根据目标像素块在开播背景图像中的位置信息和各个目标像素块在开播交互动画路径中的排列顺序,生成开播交互动画路径,包括步骤:
客户端在可伸缩矢量图形标签中插入路径标签;根据目标像素块在开播背景图像中的位置信息和各个目标像素块在开播交互动画路径中的排列顺序,得到路径生成命令;设置路径标签的第一属性值为路径生成命令,设置路径标签的第二属性值为预设的虚线路径属性值,生成开播交互动画路径;其中,开播交互动画路径为虚线路径。
其中,路径标签是指path标签,其常用于模拟画图动作。
路径生成命令需要基于操作路径数据的命令生成,下面先说明几个使用到的基本命令。M命令:用于移动画笔,L命令:用于在当前位置和下一位置之间画一条线段,Z命令:用于从当前位置画一条线段至路径的起始点。
根据目标像素块在开播背景图像中的位置信息和各个目标像素块在开播交互动画路径中的排列顺序,可以得到(x1,y1,x2,y2,x3,y3…xn,yn),这里(x1,y1)、(x2,y2)以及(xn,yn)分别为各个目标像素块在开播背景图像中的位置信息,1至n能够体现出各个目标像素块在开播交互动画路径中的排列顺序,之后,基于该(x1,y1,x2,y2,x3,y3…xn,yn)参数,可以得到路径生成命令“Mx1 y1 Lx2 y2 Lx3 y3…LxnynZ”,设置路径标签的第一属性值为路径生成命令,即可将各个位置(x1,y1)、(x2,y2)…(xn,yn)连接,得到一个实线路径。
其中,路径标签的第一属性值为path标签的d属性,用于将点连接成线。
之后,再设置路径标签的第二属性值为预设的虚线路径属性值,使开播交互动画路径为虚线路径。
路径标签的第二属性值为path标签的stroke-dasharray属性,用于将线条变成虚线,例如:设置stroke-dasharray="2,12",则意味着2个单位长度的点之间间隔12个单位长度的空白,从而形成一条虚线。
请参阅图6,图6为本申请实施例提供的开播交互动画路径的显示示意图。图6中开播交互动画路径61是根据目标像素块在开播背景图像中的位置信息和各个目标像素块在开播交互动画路径中的排列顺序生成的,为便于观看,该开播交互动画路径61与开播交互图形42有一定的错位,开播交互动画路径61基于后续的参数控制可以展示为开播交互动画,开播交互图形42是一直静态不变的。实际情况下,该开播交互动画路径61与开播交互图形42可以重合,以提升视觉观看效果。
关于步骤S104,客户端响应于在开播交互图形上的悬停触发指令,获取开播交互动画路径的显示数据,根据开播交互动画路径和开播交互动画路径的显示数据,在开播背景图像上显示开播交互图形对应的开播交互动画。
在本申请实施例中,客户端获取悬停操作位置和开播交互图形在开播背景图像中划分出的目标区域,若悬停操作位置在该目标区域内,则生成并发出该悬停触发指令。之后,客户端响应于该悬停触发指令,获取开播交互动画路径的显示数据,根据开播交互动画路径和开播交互动画路径的显示数据,在开播背景图像上显示开播交互图形对应的开播交互动画。
在一个可选的实施例中,开播交互动画路径的显示数据可以包括交互图像、交互图像显示尺寸以及交互图像的移动速度等,基于该开播交互动画路径的显示数据,可以使交互图像沿着该开播交互动画路径移动,形成开播交互动画。
在另一个可选的实施例中,开播交互动画路径为根据上述路径生成命令以及预设的虚线路径属性值生成的虚线路径,开播交互动画路径的显示数据至少包括路径偏移数据,路径偏移数据至少包括第一路径偏移属性值和第二路径偏移属性值。
那么,为了在开播背景图像上显示开播交互图形对应的开播交互动画,客户端设置在开播交互动画开始播放时路径标签的第三属性值为第一路径偏移属性值,设置在开播交互动画结束播放时路径标签的第三属性值为第二路径偏移属性值,并设置开播交互动画为循环播放动画。
其中,若第一路径偏移属性值用于设定开播交互动画开始播放时开播交互动画路径不发生偏移,则第二路径偏移属性值用于设定开播交互动画结束播放时开播交互动画路径偏移至预设位置。
例如:可以设置第一路径偏移属性值为“0”,设置第二路径偏移属性值为“100%”,那么从开始播放至播放结束,开播交互动画路径中的点会呈现出顺时针转动的效果。
若第一路径偏移属性值用于设定开播交互动画开始播放时开播交互动画路径偏移至预设位置,则第二路径偏移属性值用于设定开播交互动画结束播放时开播交互动画路径不发生偏移。
例如:可以设置第一路径偏移属性值为“100%”,设置第二路径偏移属性值为“0”,那么从开始播放至播放结束,开播交互动画路径中的点会呈现出逆时针转动的效果。
需要说明的是,开播背景图像上显示的偏移至预设位置的开播交互动画路径与偏移前的开播交互动画路径相同,此处的相同可以理解为用户看到的开播交互动画路径是相同的,实际开播交互动画路径已发生偏移。
通过设置在开播交互动画开始播放时路径标签的第三属性值为第一路径偏移属性值,设置在开播交互动画结束播放时路径标签的第三属性值为第二路径偏移属性值,能够使开播交互动画路径发生偏移,产生虚线中的点沿着开播交互动画路径移动的效果。
在本申请实施例中,通过响应于服务器发送的第一互动玩法开启指令,获取互动玩法标识和互动玩法标识对应的开播背景图像;其中,开播背景图像中显示有若干个目标像素块,基于目标像素块形成开播背景图像中的开播交互图形;将互动玩法标识对应的开播背景图像显示在客户端中;获取目标像素块在开播背景图像中的位置信息,根据目标像素块在开播背景图像中的位置信息,生成开播交互动画路径;响应于在开播交互图形上的悬停触发指令,获取开播交互动画路径的显示数据,根据开播交互动画路径和开播交互动画路径的显示数据,在开播背景图像上显示开播交互图形对应的开播交互动画,从而实现了在互动玩法正式开启前,使用户可通过悬停触发操作,将开播背景图像中静态的开播交互图形转化为动态的开播交互动画,进而提升用户的界面交互体验,避免用户流失。
请参阅图7,图7为本申请第二实施例提供的开播交互动画的显示方法的流程示意图,包括如下步骤:
S201:响应于服务器发送的第一互动玩法开启指令,获取互动玩法标识和互动玩法标识对应的开播背景图像;其中,开播背景图像中显示有若干个目标像素块,基于目标像素块形成开播背景图像中的开播交互图形。
S202:将互动玩法标识对应的开播背景图像显示在客户端中。
S203:获取目标像素块在开播背景图像中的位置信息和各个目标像素块在对应的开播交互子图形中的相对位置信息。
S204:根据各个目标像素块在对应的开播交互子图形中的相对位置信息,确定各个目标像素块在对应的开播交互动画子路径中的排列顺序。
S205:根据各个目标像素块在开播背景图像中的位置信息和各个目标像素块在对应的开播交互动画子路径中的排列顺序,生成若干个开播交互动画子路径。
S206:响应于在开播交互图形上的悬停触发指令,获取开播交互动画路径的显示数据,根据开播交互动画路径和开播交互动画路径的显示数据,在开播背景图像上显示开播交互图形对应的开播交互动画;其中,开播交互动画路径包括若干个开播交互子路径,开播交互动画路径的显示数据包括各个开播交互动画子路径的显示数据。
上述步骤S201~S202与第一实施例中的步骤S101~S102相同,具体解释说明可以参见第一实施例。
在本实施例中,开播交互图形包括若干个开播交互子图形,因此,客户端要获取各个目标像素块在对应的开播交互子图形中的相对位置信息。
例如:若开播交互子图形为五环形状,那么,每一个环形为一个开播交互子图形,因而,为得到若干个开播交互子路径,则需获取各个目标像素块在对应的开播交互子图形中的相对位置信息。
客户端在获取各个目标像素块在对应的开播交互子图形中的相对位置信息之后,可根据各个目标像素块在对应的开播交互子图形中的相对位置信息,确定各个目标像素块在对应的开播交互动画子路径中的排列顺序,再根据各个目标像素块在开播背景图像中的位置信息和各个目标像素块在对应的开播交互动画子路径中的排列顺序,生成若干个开播交互动画子路径。
关于相对位置信息以及排列顺序的解释可以参照第一实施例,不同点在于这里需要得到的是各个目标像素块在对应的开播交互动画子路径中的排列顺序,以及生成若干个开播交互动画子路径。
在一个可选的实施例中,为保证若干个开播交互动画子路径与若干个开播交互子图形的位置和形状一致,S203获取目标像素块在开播背景图像中的位置信息之后,还包括步骤:
客户端根据各个目标像素块在开播背景图像中的位置信息和各个目标像素块对应的开播交互子图形,确定若干个可伸缩矢量图形标签的显示位置和显示尺寸;其中,每个开播交互子图形对应一个可伸缩适量图形标签;根据若干个可伸缩矢量图形标签的显示位置和显示尺寸,创建若干个可伸缩矢量图形标签,将若干个可伸缩矢量图形标签插入开播背景图像所在页面的布局数据中。
其中,关于可伸缩矢量图形标签的解释可以参见第一实施例。
在本实施例中,根据开播交互子图形中目标像素块的位置信息,确定该开播交互子图形对应的可伸缩矢量图形标签的显示位置和显示尺寸。
该位置信息包括第一位置信息和第二位置信息。
在一个可选的实施例中,第一位置信息是指在预设坐标系中的x轴坐标,第二位置信息是指在预设坐标系中的y轴坐标,那么,可伸缩矢量图形标签的显示位置可以为i表示第i个可伸缩矢量图形标签,表示第i个可伸缩矢量图形标签对应的开播交互子图形中各个目标像素块中最小的第一位置信息,表示第i个可伸缩矢量图形标签对应的开播交互子图形中各个目标像素块中最小的第二位置信息。可伸缩矢量图形标签的显示尺寸包括显示宽度和显示高度,显示宽度为显示高度为 表示第i个可伸缩矢量图形标签对应的开播交互子图形中各个目标像素块中最大的第一位置信息,表示第i个可伸缩矢量图形标签对应的开播交互子图形中各个目标像素块中最大的第二位置信息。
在插入好可伸缩矢量图形标签后,还需要在各个可伸缩矢量图形标签中插入路径标签,以生成各个开播动画交互路径。具体地,S205根据各个目标像素块在开播背景图像中的位置信息和各个目标像素块在对应的开播交互动画子路径中的排列顺序,生成若干个开播交互动画子路径,包括步骤:
客户端在各个可伸缩矢量图形标签中分别插入路径标签;根据目标像素块在开播背景图像中的位置信息和各个目标像素块在对应的开播交互动画子路径中的排列顺序,得到若干条路径生成命令;设置各个路径标签的第一属性值为对应的路径生成命令,设置各个路径标签的第二属性值为预设的虚线路径属性值,生成各个开播交互动画子路径;其中,开播交互动画子路径为虚线路径。
在本实施例中,路径标签与第一实施例中的路径标签相同,区别在于,由于可伸缩矢量图形标签包括多个,因此,需要在每个可伸缩矢量图形标签中插入一个路径标签。
之后,关于得到若干条路径生成命令,设置各个路径标签的第一属性值为对应的路径生成命令,设置各个路径标签的第二属性值为预设的虚线路径属性值,生成各个开播交互动画子路径的的实现过程与第一实施例中阐述的实现过程类似,区别在于,本实施例会分别生成若干个路径生成命令,进而生成若干个开播交互动画子路径。
关于步骤S206,开播交互动画路径的显示数据包括各个开播交互动画子路径的显示数据,各个开播交互动画子路径的显示数据至少包括路径偏移数据,路径偏移数据至少包括第一路径偏移属性值和第二路径偏移属性值。
在一个可选的实施例中,客户端设置在各个开播交互子动画开始播放时,开播交互子动画对应的路径标签的第三属性值为对应的第一路径偏移属性值,设置在各个开播交互子动画结束播放时,开播交互子动画对应的路径标签的第三属性值为对应的第二路径偏移属性值,并设置各个开播交互子动画为循环播放动画。
其中,若第一路径偏移属性值用于设定开播交互子动画开始播放时开播交互动画子路径不发生偏移,则第二路径偏移属性值用于设定开播交互子动画结束播放时开播交互动画子路径偏移至预设位置。
若第一路径偏移属性值用于设定开播交互子动画开始播放时开播交互动画子路径偏移至预设位置,则第二路径偏移属性值用于设定开播交互子动画结束播放时开播交互动画子路径不发生偏移。
开播背景图像上显示的偏移至预设位置的开播交互动画子路径与偏移前的开播交互动画子路径相同。
需要说明的是,开播交互子动画开始播放时,每个开播交互子动画对应的路径标签的第三属性值为对应的第一路径偏移属性值,也就是说,不同开播交互子动画对应的路径标签的第三属性值可以是不同的第一路径偏移属性值,并且,每个开播交互子动画结束播放时,开播交互子动画对应的路径标签的第三属性值为对应的第二路径偏移属性值,也就是说,不同开播交互子动画对应的路径标签的第三属性值可以是不同的第二路径偏移属性值。不同的第一路径偏移属性值、第二路径偏移属性值可能致使开播交互动画子路径发生不同程度的偏移,因而导致各个开播交互子路径中的点,即虚线中的点其移动方向和移动速度可以是不同的。
在本实施例中,现了在互动玩法正式开启前,使用户可通过悬停触发操作,将开播背景图像中静态的若干个开播交互子图形均转化为动态的开播交互子动画,进一步提升用户的界面交互体验,同时能够更适用于不同的互动玩法场景中。
请参阅图8,图8为本申请第三实施例提供的开播交互动画的显示方法的流程示意图,包括如下步骤:
S301:响应于服务器发送的第一互动玩法开启指令,获取互动玩法标识和互动玩法标识对应的开播背景图像;其中,开播背景图像中显示有若干个目标像素块,基于目标像素块形成开播背景图像中的开播交互图形,开播交互图形包括两个位置交叉的爱心交互子图形。
S302:将互动玩法标识对应的开播背景图像显示在客户端中。
S303:获取目标像素块在开播背景图像中的位置信息和各个目标像素块在对应的爱心交互子图形中的相对位置信息。
S304:根据各个目标像素块在对应的爱心交互子图形中的相对位置信息,确定各个目标像素块在对应的爱心交互动画子路径中的排列顺序。
S305:根据各个目标像素块在开播背景图像中的位置信息和各个目标像素块在对应的爱心交互动画子路径中的排列顺序,生成两个爱心交互动画子路径。
S306:响应于在开播交互图形上的悬停触发指令,获取开播交互动画路径的显示数据,根据开播交互动画路径和开播交互动画路径的显示数据,在开播背景图像上显示开播交互图形对应的开播交互动画;其中,开播交互动画路径包括两个爱心交互动画子路径,开播交互动画路径的显示数据包括两个爱心交互动画子路径的显示数据。
上述步骤S301~S302与第一实施例中的步骤S101~S102相同,具体解释说明可以参见第一实施例。
在本实施例中,开播交互图形包括两个位置交叉的爱心交互子图形,因此,客户端要获取各个目标像素块在对应的爱心交互子图形中的相对位置信息。
客户端在获取到各个目标像素块在对应的爱心交互子图形中的相对位置信息之后,可根据各个目标像素块在对应的爱心交互子图形中的相对位置信息,确定各个目标像素块在对应的爱心交互动画子路径中的排列顺序,再根据各个目标像素块在开播背景图像中的位置信息和各个目标像素块在对应的爱心交互动画子路径中的排列顺序,生成两个爱心交互动画子路径。
关于相对位置信息以及排列顺序的解释可以参照第一实施例,不同点在于这里需要得到的是各个目标像素块在对应的爱心交互动画子路径中的排列顺序,以及生成两个爱心交互动画子路径。
请参阅图9,图9为本申请实施例提供的开播交互动画路径的另一显示示意图。如图9所示开播交互动画路径为两个位置交叉的爱心交互动画子路径91和爱心交互动画子路径92,其是根据各个目标像素块在开播背景图像中的位置信息和各个目标像素块在对应的爱心交互动画子路径中的排列顺序生成的,爱心交互动画子路径91和爱心交互动画子路径92基于后续的参数控制可以展示为爱心交互子动画。
在一个可选的实施例中,为保证两个爱心交互动画子路径与对应的爱心交互子图形的位置和形状一致,S303中获取目标像素块在开播背景图像中的位置信息之后,还包括步骤:
客户端根据各个目标像素块在开播背景图像中的位置信息和各个目标像素块对应的爱心交互子图形,确定两个可伸缩矢量图形标签的显示位置和显示尺寸;其中,每个爱心交互子图形对应一个可伸缩适量图形标签;根据两个可伸缩矢量图形标签的显示位置和显示尺寸,创建两个可伸缩矢量图形标签,将两个可伸缩矢量图形标签插入开播背景图像所在页面的布局数据中。
其中,关于可伸缩矢量图形标签的解释可以参见第一实施例。在本实施例中,根据开播交互子图形中目标像素块的位置信息,确定爱心交互子图形对应的可伸缩矢量图形标签的显示位置和显示尺寸。
该位置信息包括第一位置信息和第二位置信息。
在一个可选的实施例中,第一位置信息是指在预设坐标系中的x轴坐标,第二位置信息是指在预设坐标系中的y轴坐标,那么,爱心交互子图形对应的可伸缩矢量图形标签的显示位置包括该爱心交互子图形中各个目标像素块中最小的第一位置信息和该爱心交互子图形中各个目标像素块中最小的第二位置信息,爱心交互子图形对应的可伸缩矢量图形标签的显示尺寸包括显示宽度和显示高度,显示宽度为爱心交互子图形中各个目标像素块中最大的第一位置信息与最小的第一位置信息之差,显示高度为爱心交互子图形中各个目标像素块中最大的第二位置信息与最小的第二位置信息之差。
在插入好可伸缩矢量图形标签后,还需要在两个可伸缩矢量图形标签中分别插入路径标签,以生成两个爱心交互动画子路径。具体地,S305根据各个目标像素块在开播背景图像中的位置信息和各个目标像素块在对应的爱心交互动画子路径中的排列顺序,生成两个爱心交互动画子路径,包括步骤:
客户端在两个可伸缩矢量图形标签中分别插入路径标签;根据目标像素块在开播背景图像中的位置信息和各个目标像素块在对应的爱心交互动画子路径中的排列顺序,得到两条路径生成命令;设置两个路径标签的第一属性值为对应的路径生成命令,设置两个路径标签的第二属性值为预设的虚线路径属性值,生成两个爱心交互动画子路径;其中,爱心交互动画子路径为虚线路径。
在本实施例中,路径标签与第一实施例中的路径标签相同,区别在于,由于可伸缩矢量图形标签包括两个,因此,需要在两个可伸缩矢量图形标签中各插入一个路径标签。
之后,关于得到两条路径生成命令,设置两个路径标签的第一属性值为对应的路径生成命令,设置两个路径标签的第二属性值为预设的虚线路径属性值,生成两个爱心交互动画子路径的实现过程与第一实施例中阐述的实现过程类似,区别在于,本实施例会分别生成两个路径生成命令,进而生成两个爱心交互动画子路径。
关于步骤S306,开播交互动画路径的显示数据包括两个爱心交互动画子路径的显示数据,爱心交互动画子路径的显示数据至少包括路径偏移数据,路径偏移数据至少包括第一路径偏移属性值和第二路径偏移属性值。
在一个可选的实施例中,客户端设置在两个爱心交互子动画开始播放时,爱心交互子动画对应的路径标签的第三属性值为对应的第一路径偏移属性值,设置在两个爱心交互子动画结束播放时,爱心交互子动画对应的路径标签的第三属性值为对应的第二路径偏移属性值,并设置两个爱心交互子动画为循环播放动画。
其中,若第一路径偏移属性值用于设定爱心交互子动画开始播放时爱心交互动画子路径不发生偏移,则第二路径偏移属性值用于设定爱心交互子动画结束播放时爱心交互动画子路径偏移至预设位置。
若第一路径偏移属性值用于设定爱心交互子动画开始播放时爱心交互动画子路径偏移至预设位置,则第二路径偏移属性值用于设定爱心交互子动画结束播放时爱心交互动画子路径不发生偏移。
开播背景图像上显示的偏移至预设位置的爱心交互动画子路径与偏移前的爱心交互动画子路径相同。
需要说明的是,爱心交互子动画开始播放时,爱心交互子动画对应的路径标签的第三属性值为对应的第一路径偏移属性值,也就是说,两个爱心交互子动画对应的路径标签的第三属性值可以是不同的第一路径偏移属性值,并且,爱心交互子动画结束播放时,爱心交互子动画对应的路径标签的第三属性值为对应的第二路径偏移属性值,也就是说,两个爱心交互子动画对应的路径标签的第三属性值可以是不同的第二路径偏移属性值。不同的第一路径偏移属性值、第二路径偏移属性值可能致使爱心交互子路径发生不同程度的偏移,因而导致两个爱心交互子路径中的点,即虚线中的点其移动方向和移动速度可能是不同的。
在一个可选的实施例中,为保证爱心交互动画的显示效果,提高用户交互体验,可以进行如下设置:
一个爱心交互动画子路径的显示数据中的第一路径偏移属性值和第二路径偏移属性值分别与另一个爱心交互动画子路径的显示数据中的第一路径偏移属性值和第二路径偏移属性值相同,且一个爱心交互子动画为正向循环播放动画,另一个爱心交互子动画为逆向循环播放动画。
或者,一个爱心交互动画子路径的显示数据中的第一路径偏移属性值和第二路径偏移属性值分别与另一个爱心交互动画子路径的显示数据中的第二路径偏移属性值和第一路径偏移属性值相同。
上述设置可以使得一个爱心交互动画子路径中的点会呈现出顺时针转动的效果,另一个爱心交互动画子路径中的点会呈现出逆时针转动的效果。
在本实施例中,实现了在相亲互动玩法正式开启前,使用户可通过悬停触发操作,将开播背景图像中静态的两个爱心交互子图形转化为动态的爱心交互子动画,进一步地提升了用户的界面交互体验,提高相亲互动玩法的氛围感。
请参阅图10,为本申请第四实施例提供的开播交互动画的显示装置的结构示意图。该装置可以通过软件、硬件或两者的结合实现成为计算机设备的全部或一部分。该装置10包括:
第一获取单元1001,用于响应于服务器发送的第一互动玩法开启指令,获取互动玩法标识和所述互动玩法标识对应的开播背景图像;其中,所述开播背景图像中显示有若干个目标像素块,基于所述目标像素块形成所述开播背景图像中的开播交互图形;
第一显示单元1002,用于将所述互动玩法标识对应的开播背景图像显示在客户端中;
第一生成单元1003,用于获取所述目标像素块在所述开播背景图像中的位置信息,根据所述目标像素块在所述开播背景图像中的位置信息,生成开播交互动画路径;
第二显示单元1004,用于响应于在所述开播交互图形上的悬停触发指令,获取所述开播交互动画路径的显示数据,根据所述开播交互动画路径和所述开播交互动画路径的显示数据,在所述开播背景图像上显示所述开播交互图形对应的开播交互动画。
在本申请实施例中,该开播交互动画的显示装置应用于客户端中。需要说明的是,上述实施例提供的开播交互动画的显示装置在执行开播交互动画的显示方法时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将设备的内部结构划分为不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的开播交互动画的显示装置与开播交互动画的显示方法属于同一构思,其体现实现过程详见方法实施例,这里不再赘述。
请参阅图11,为本申请第五实施例提供的计算机设备的结构示意图。如图11所示,该计算机设备11可以包括:处理器110、存储器111以及存储在该存储器111并可以在该处理器110上运行的计算机程序112,例如:开播交互动画的显示程序;该处理器110执行该计算机程序112时实现上述第一实施例至第三实施例中的步骤。
其中,该处理器110可以包括一个或多个处理核心。处理器110利用各种接口和线路连接计算机设备11内的各个部分,通过运行或执行存储在存储器111内的指令、程序、代码集或指令集,以及调用存储器111内的数据,执行计算机设备11的各种功能和处理数据,可选的,处理器110可以采用数字信号处理(Digital Signal Processing,DSP)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)、可编程逻辑阵列(Programble LogicArray,PLA)中的至少一个硬件形式来实现。处理器110可集成中央处理器(CentralProcessing Unit,CPU)、图像处理器(Graphics Processing Unit,GPU)和调制解调器等中的一种或几种的组合。其中,CPU主要处理操作系统、用户界面和应用程序等;GPU用于负责触摸显示屏所需要显示的内容的渲染和绘制;调制解调器用于处理无线通信。可以理解的是,上述调制解调器也可以不集成到处理器110中,单独通过一块芯片进行实现。
其中,存储器111可以包括随机存储器(Random Access Memory,RAM),也可以包括只读存储器(Read-Only Memory)。可选的,该存储器111包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器111可用于存储指令、程序、代码、代码集或指令集。存储器111可包括存储程序区和存储数据区,其中,存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控指令等)、用于实现上述各个方法实施例的指令等;存储数据区可存储上面各个方法实施例中涉及到的数据等。存储器111可选的还可以是至少一个位于远离前述处理器110的存储装置。
本申请实施例还提供了一种计算机存储介质,该计算机存储介质可以存储有多条指令,该指令适用于由处理器加载并执行上述实施例的方法步骤,具体执行过程可以参见上述实施例的具体说明,在此不进行赘述。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,仅以上述各功能单元、模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元、模块完成,即将装置的内部结构划分成不同的功能单元或模块,以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中,上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。另外,各功能单元、模块的具体名称也只是为了便于相互区分,并不用于限制本申请的保护范围。上述系统中单元、模块的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述或记载的部分,可以参见其它实施例的相关描述。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
在本发明所提供的实施例中,应该理解到,所揭露的装置/终端设备和方法,可以通过其它的方式实现。例如,以上所描述的装置/终端设备实施例仅是示意性的,例如,模块或单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口,装置或单元的间接耦合或通讯连接,可以是电性,机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明实现上述实施例方法中的全部或部分流程,也可以通过计算机程序来指令相关的硬件来完成,计算机程序可存储于一计算机可读存储介质中,该计算机程序在被处理器执行时,可实现上述各个方法实施例的步骤。其中,计算机程序包括计算机程序代码,计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。
本发明并不局限于上述实施方式,如果对本发明的各种改动或变形不脱离本发明的精神和范围,倘若这些改动和变形属于本发明的权利要求和等同技术范围之内,则本发明也意图包含这些改动和变形。
Claims (14)
1.一种开播交互动画的显示方法,其特征在于,所述方法包括步骤:
响应于服务器发送的第一互动玩法开启指令,获取互动玩法标识和所述互动玩法标识对应的开播背景图像;其中,所述开播背景图像中显示有若干个目标像素块,基于所述目标像素块形成所述开播背景图像中的开播交互图形;
将所述互动玩法标识对应的开播背景图像显示在客户端中;
获取所述目标像素块在所述开播背景图像中的位置信息,根据所述目标像素块在所述开播背景图像中的位置信息,生成开播交互动画路径;
响应于在所述开播交互图形上的悬停触发指令,获取所述开播交互动画路径的显示数据,根据所述开播交互动画路径和所述开播交互动画路径的显示数据,在所述开播背景图像上显示所述开播交互图形对应的开播交互动画。
2.根据权利要求1所述的开播交互动画的显示方法,其特征在于,所述获取所述目标像素块在所述开播背景图像中的位置信息,根据所述目标像素块在所述开播背景图像中的位置信息,生成开播交互动画路径,包括步骤:
获取所述目标像素块在所述开播背景图像中的位置信息和各个所述目标像素块在所述开播交互图形中的相对位置信息;
根据各个所述目标像素块在所述开播交互图形中的相对位置信息,确定各个所述目标像素块在所述开播交互动画路径中的排列顺序;
根据所述目标像素块在所述开播背景图像中的位置信息和各个所述目标像素块在所述开播交互动画路径中的排列顺序,生成所述开播交互动画路径。
3.根据权利要求2所述的开播交互动画的显示方法,其特征在于,所述获取所述目标像素块在所述开播背景图像中的位置信息之后,还包括步骤:
根据各个所述目标像素块在所述开播背景图像中的位置信息,确定可伸缩矢量图形标签的显示位置和显示尺寸;
根据所述可伸缩矢量图形标签的显示位置和显示尺寸,创建所述可伸缩矢量图形标签,将所述可伸缩矢量图形标签插入所述开播背景图像所在页面的布局数据中;
所述根据所述目标像素块在所述开播背景图像中的位置信息和各个所述目标像素块在所述开播交互动画路径中的排列顺序,生成所述开播交互动画路径,包括步骤:
在所述可伸缩矢量图形标签中插入路径标签;
根据所述目标像素块在所述开播背景图像中的位置信息和各个所述目标像素块在所述开播交互动画路径中的排列顺序,得到路径生成命令;
设置所述路径标签的第一属性值为所述路径生成命令,设置所述路径标签的第二属性值为预设的虚线路径属性值,生成所述开播交互动画路径;其中,所述开播交互动画路径为虚线路径。
4.根据权利要求3所述的开播交互动画的显示方法,其特征在于,所述开播交互动画路径的显示数据至少包括路径偏移数据,所述路径偏移数据至少包括第一路径偏移属性值和第二路径偏移属性值;
所述获取所述开播交互动画路径的显示数据,根据所述开播交互动画路径和所述开播交互动画路径的显示数据,在所述开播背景图像上显示所述开播交互图形对应的开播交互动画,包括步骤:
设置在所述开播交互动画开始播放时所述路径标签的第三属性值为第一路径偏移属性值,设置在所述开播交互动画结束播放时所述路径标签的第三属性值为第二路径偏移属性值,并设置所述开播交互动画为循环播放动画;其中,若所述第一路径偏移属性值用于设定所述开播交互动画开始播放时所述开播交互动画路径不发生偏移,则所述第二路径偏移属性值用于设定所述开播交互动画结束播放时所述开播交互动画路径偏移至预设位置;若所述第一路径偏移属性值用于设定所述开播交互动画开始播放时所述开播交互动画路径偏移至预设位置,则所述第二路径偏移属性值用于设定所述开播交互动画结束播放时所述开播交互动画路径不发生偏移;所述开播背景图像上显示的偏移至预设位置的所述开播交互动画路径与偏移前的所述开播交互动画路径相同。
5.根据权利要求1至4任意一项所述的开播交互动画的显示方法,其特征在于,所述开播交互图形包括若干个开播交互子图形,所述开播交互动画路径包括若干个开播交互动画子路径;
所述获取所述目标像素块在所述开播背景图像中的位置信息,根据所述目标像素块在所述开播背景图像中的位置信息,生成开播交互动画路径,包括步骤:
获取所述目标像素块在所述开播背景图像中的位置信息和各个所述目标像素块在对应的所述开播交互子图形中的相对位置信息;
根据各个所述目标像素块在对应的所述开播交互子图形中的相对位置信息,确定各个所述目标像素块在对应的所述开播交互动画子路径中的排列顺序;
根据各个所述目标像素块在所述开播背景图像中的位置信息和各个所述目标像素块在对应的所述开播交互动画子路径中的排列顺序,生成若干个所述开播交互动画子路径。
6.根据权利要求5所述的开播交互动画的显示方法,其特征在于,所述获取所述目标像素块在所述开播背景图像中的位置信息之后,还包括步骤:
根据各个所述目标像素块在所述开播背景图像中的位置信息和各个所述目标像素块对应的所述开播交互子图形,确定若干个可伸缩矢量图形标签的显示位置和显示尺寸;其中,每个所述开播交互子图形对应一个所述可伸缩适量图形标签;
根据若干个所述可伸缩矢量图形标签的显示位置和显示尺寸,创建若干个所述可伸缩矢量图形标签,将若干个所述可伸缩矢量图形标签插入所述开播背景图像所在页面的布局数据中;
所述根据各个所述目标像素块在所述开播背景图像中的位置信息和各个所述目标像素块在对应的所述开播交互动画子路径中的排列顺序,生成若干个所述开播交互动画子路径,包括步骤:
在各个所述可伸缩矢量图形标签中分别插入路径标签;
根据所述目标像素块在所述开播背景图像中的位置信息和各个所述目标像素块在对应的所述开播交互动画子路径中的排列顺序,得到若干条路径生成命令;
设置各个所述路径标签的第一属性值为对应的所述路径生成命令,设置各个所述路径标签的第二属性值为预设的虚线路径属性值,生成各个所述开播交互动画子路径;其中,所述开播交互动画子路径为虚线路径。
7.根据权利要求6所述的开播交互动画的显示方法,其特征在于,所述开播交互动画路径的显示数据包括各个开播交互动画子路径的显示数据,各个所述开播交互动画子路径的显示数据至少包括路径偏移数据,所述路径偏移数据至少包括第一路径偏移属性值和所述第二路径偏移属性值;
所述获取所述开播交互动画路径的显示数据,根据所述开播交互动画路径和所述开播交互动画路径的显示数据,在所述开播背景图像上显示所述开播交互图形对应的开播交互动画,包括步骤:
设置在各个开播交互子动画开始播放时,所述开播交互子动画对应的路径标签的第三属性值为对应的第一路径偏移属性值,设置在各个所述开播交互子动画结束播放时,所述开播交互子动画对应的所述路径标签的第三属性值为对应的第二路径偏移属性值,并设置各个所述开播交互子动画为循环播放动画;其中,若所述第一路径偏移属性值用于设定所述开播交互子动画开始播放时所述开播交互动画子路径不发生偏移,则所述第二路径偏移属性值用于设定所述开播交互子动画结束播放时所述开播交互动画子路径偏移至预设位置;若所述第一路径偏移属性值用于设定所述开播交互子动画开始播放时所述开播交互动画子路径偏移至预设位置,则所述第二路径偏移属性值用于设定所述开播交互子动画结束播放时所述开播交互动画子路径不发生偏移;所述开播背景图像上显示的偏移至预设位置的所述开播交互动画子路径与偏移前的所述开播交互动画子路径相同。
8.根据权利要求1至4任意一项所述的开播交互动画的显示方法,其特征在于,所述开播交互图形包括两个位置交叉的爱心交互子图形,所述开播交互动画路径包括两个爱心交互动画子路径;
所述获取所述目标像素块在所述开播背景图像中的位置信息,根据所述目标像素块在所述开播背景图像中的位置信息,生成开播交互动画路径,包括步骤:
获取所述目标像素块在所述开播背景图像中的位置信息和各个所述目标像素块在对应的所述爱心交互子图形中的相对位置信息;
根据各个所述目标像素块在对应的所述爱心交互子图形中的相对位置信息,确定各个所述目标像素块在对应的所述爱心交互动画子路径中的排列顺序;
根据各个所述目标像素块在所述开播背景图像中的位置信息和各个所述目标像素块在对应的所述爱心交互动画子路径中的排列顺序,生成两个所述爱心交互动画子路径。
9.根据权利要求8所述的开播交互动画的显示方法,其特征在于,所述获取所述目标像素块在所述开播背景图像中的位置信息之后,还包括步骤:
根据各个所述目标像素块在所述开播背景图像中的位置信息和各个所述目标像素块对应的所述爱心交互子图形,确定两个可伸缩矢量图形标签的显示位置和显示尺寸;其中,每个所述爱心交互子图形对应一个所述可伸缩适量图形标签;
根据两个所述可伸缩矢量图形标签的显示位置和显示尺寸,创建两个所述可伸缩矢量图形标签,将两个所述可伸缩矢量图形标签插入所述开播背景图像所在页面的布局数据中;
所述根据各个所述目标像素块在所述开播背景图像中的位置信息和各个所述目标像素块在对应的所述爱心交互动画子路径中的排列顺序,生成两个所述爱心交互动画子路径,包括步骤:
在两个所述可伸缩矢量图形标签中分别插入路径标签;
根据所述目标像素块在所述开播背景图像中的位置信息和各个所述目标像素块在对应的所述爱心交互动画子路径中的排列顺序,得到两条路径生成命令;
设置两个所述路径标签的第一属性值为对应的所述路径生成命令,设置两个所述路径标签的第二属性值为预设的虚线路径属性值,生成两个所述爱心交互动画子路径;其中,所述爱心交互动画子路径为虚线路径。
10.根据权利要求9所述的开播交互动画的显示方法,其特征在于,所述开播交互动画路径的显示数据包括两个爱心交互动画子路径的显示数据,所述爱心交互动画子路径的显示数据至少包括路径偏移数据,所述路径偏移数据至少包括第一路径偏移属性值和所述第二路径偏移属性值;
所述获取所述开播交互动画路径的显示数据,根据所述开播交互动画路径和所述开播交互动画路径的显示数据,在所述开播背景图像上显示所述开播交互图形对应的开播交互动画,包括步骤:
设置在两个爱心交互子动画开始播放时,所述爱心交互子动画对应的路径标签的第三属性值为对应的第一路径偏移属性值,设置在两个所述爱心交互子动画结束播放时,所述爱心交互子动画对应的所述路径标签的第三属性值为对应的第二路径偏移属性值,并设置两个所述爱心交互子动画为循环播放动画;其中,若所述第一路径偏移属性值用于设定所述爱心交互子动画开始播放时所述爱心交互动画子路径不发生偏移,则所述第二路径偏移属性值用于设定所述爱心交互子动画结束播放时所述爱心交互动画子路径偏移至预设位置;若所述第一路径偏移属性值用于设定所述爱心交互子动画开始播放时所述爱心交互动画子路径偏移至预设位置,则所述第二路径偏移属性值用于设定所述爱心交互子动画结束播放时所述爱心交互动画子路径不发生偏移;所述开播背景图像上显示的偏移至预设位置的所述爱心交互动画子路径与偏移前的所述爱心交互动画子路径相同。
11.根据权利要求10所述的开播交互动画的显示方法,其特征在于:
一个所述爱心交互动画子路径的显示数据中的所述第一路径偏移属性值和所述第二路径偏移属性值分别与另一个所述爱心交互动画子路径的显示数据中的所述第一路径偏移属性值和所述第二路径偏移属性值相同,且一个所述爱心交互子动画为正向循环播放动画,另一个所述爱心交互子动画为逆向循环播放动画;
或者,一个所述爱心交互动画子路径的显示数据中的所述第一路径偏移属性值和所述第二路径偏移属性值分别与另一个所述爱心交互动画子路径的显示数据中的所述第二路径偏移属性值和所述第一路径偏移属性值相同。
12.一种开播交互动画的显示装置,其特征在于,包括:
第一获取单元,用于响应于服务器发送的第一互动玩法开启指令,获取互动玩法标识和所述互动玩法标识对应的开播背景图像;其中,所述开播背景图像中显示有若干个目标像素块,基于所述目标像素块形成所述开播背景图像中的开播交互图形;
第一显示单元,用于将所述互动玩法标识对应的开播背景图像显示在客户端中;
第一生成单元,用于获取所述目标像素块在所述开播背景图像中的位置信息,根据所述目标像素块在所述开播背景图像中的位置信息,生成开播交互动画路径;
第二显示单元,用于响应于在所述开播交互图形上的悬停触发指令,获取所述开播交互动画路径的显示数据,根据所述开播交互动画路径和所述开播交互动画路径的显示数据,在所述开播背景图像上显示所述开播交互图形对应的开播交互动画。
13.一种计算机设备,包括:处理器、存储器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1至11任意一项所述方法的步骤。
14.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至11任意一项所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111491663.4A CN114222151A (zh) | 2021-12-08 | 2021-12-08 | 开播交互动画的显示方法、装置及计算机设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111491663.4A CN114222151A (zh) | 2021-12-08 | 2021-12-08 | 开播交互动画的显示方法、装置及计算机设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114222151A true CN114222151A (zh) | 2022-03-22 |
Family
ID=80700205
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111491663.4A Pending CN114222151A (zh) | 2021-12-08 | 2021-12-08 | 开播交互动画的显示方法、装置及计算机设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114222151A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115167729A (zh) * | 2022-05-17 | 2022-10-11 | 阿里巴巴(中国)有限公司 | 界面展示方法、装置及电子设备 |
Citations (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103176788A (zh) * | 2011-12-26 | 2013-06-26 | 中国移动通信集团福建有限公司 | 一种手机桌面动画内容平滑过渡的方法和装置 |
CN103702226A (zh) * | 2013-12-31 | 2014-04-02 | 广州华多网络科技有限公司 | 直播类客户端频道信息的展示方法与装置 |
CN106407227A (zh) * | 2015-08-03 | 2017-02-15 | 天脉聚源(北京)科技有限公司 | 一种动态网页显示方法和系统 |
CN106951172A (zh) * | 2017-03-17 | 2017-07-14 | 上海传英信息技术有限公司 | 应用于移动终端的网页内容的显示方法及装置 |
CN107967344A (zh) * | 2017-12-11 | 2018-04-27 | 上海携程商务有限公司 | 网页动画效果的实现方法、系统、设备及存储介质 |
CN108491230A (zh) * | 2018-01-24 | 2018-09-04 | 阿里巴巴集团控股有限公司 | 动画显示方法和装置、客户端 |
CN109032589A (zh) * | 2018-07-30 | 2018-12-18 | 北京酷我科技有限公司 | 一种弹跳加载效果的实现方法 |
CN109923508A (zh) * | 2016-11-10 | 2019-06-21 | 大众汽车有限公司 | 用于运行操作系统的方法和操作系统 |
CN110765379A (zh) * | 2019-09-20 | 2020-02-07 | 苏州达家迎信息技术有限公司 | 加载资源文件的方法、装置、计算机设备及存储介质 |
CN111399729A (zh) * | 2020-03-10 | 2020-07-10 | 北京字节跳动网络技术有限公司 | 图像的绘制方法、装置、可读介质和电子设备 |
CN112533009A (zh) * | 2020-11-19 | 2021-03-19 | 腾讯科技(深圳)有限公司 | 一种用户互动方法、系统及存储介质和终端设备 |
CN112657186A (zh) * | 2020-12-28 | 2021-04-16 | 网易(杭州)网络有限公司 | 一种游戏的交互方法和装置 |
CN112973120A (zh) * | 2021-04-16 | 2021-06-18 | 腾讯科技(深圳)有限公司 | 基于云游戏的互动方法、装置、设备及存储介质 |
CN113268301A (zh) * | 2021-05-25 | 2021-08-17 | 北京北大方正电子有限公司 | 动画生成方法、装置、设备及存储介质 |
-
2021
- 2021-12-08 CN CN202111491663.4A patent/CN114222151A/zh active Pending
Patent Citations (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103176788A (zh) * | 2011-12-26 | 2013-06-26 | 中国移动通信集团福建有限公司 | 一种手机桌面动画内容平滑过渡的方法和装置 |
CN103702226A (zh) * | 2013-12-31 | 2014-04-02 | 广州华多网络科技有限公司 | 直播类客户端频道信息的展示方法与装置 |
CN106407227A (zh) * | 2015-08-03 | 2017-02-15 | 天脉聚源(北京)科技有限公司 | 一种动态网页显示方法和系统 |
CN109923508A (zh) * | 2016-11-10 | 2019-06-21 | 大众汽车有限公司 | 用于运行操作系统的方法和操作系统 |
CN106951172A (zh) * | 2017-03-17 | 2017-07-14 | 上海传英信息技术有限公司 | 应用于移动终端的网页内容的显示方法及装置 |
CN107967344A (zh) * | 2017-12-11 | 2018-04-27 | 上海携程商务有限公司 | 网页动画效果的实现方法、系统、设备及存储介质 |
CN108491230A (zh) * | 2018-01-24 | 2018-09-04 | 阿里巴巴集团控股有限公司 | 动画显示方法和装置、客户端 |
CN109032589A (zh) * | 2018-07-30 | 2018-12-18 | 北京酷我科技有限公司 | 一种弹跳加载效果的实现方法 |
CN110765379A (zh) * | 2019-09-20 | 2020-02-07 | 苏州达家迎信息技术有限公司 | 加载资源文件的方法、装置、计算机设备及存储介质 |
CN111399729A (zh) * | 2020-03-10 | 2020-07-10 | 北京字节跳动网络技术有限公司 | 图像的绘制方法、装置、可读介质和电子设备 |
CN112533009A (zh) * | 2020-11-19 | 2021-03-19 | 腾讯科技(深圳)有限公司 | 一种用户互动方法、系统及存储介质和终端设备 |
CN112657186A (zh) * | 2020-12-28 | 2021-04-16 | 网易(杭州)网络有限公司 | 一种游戏的交互方法和装置 |
CN112973120A (zh) * | 2021-04-16 | 2021-06-18 | 腾讯科技(深圳)有限公司 | 基于云游戏的互动方法、装置、设备及存储介质 |
CN113268301A (zh) * | 2021-05-25 | 2021-08-17 | 北京北大方正电子有限公司 | 动画生成方法、装置、设备及存储介质 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115167729A (zh) * | 2022-05-17 | 2022-10-11 | 阿里巴巴(中国)有限公司 | 界面展示方法、装置及电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108171160B (zh) | 一种任务结果识别方法、装置、存储介质及电子设备 | |
CN113840154A (zh) | 基于虚拟礼物的直播互动方法、系统及计算机设备 | |
CN113824976A (zh) | 直播间内的进场秀显示方法、装置及计算机设备 | |
CN113873280A (zh) | 连麦直播对战互动方法、系统、装置及计算机设备 | |
CN114666671B (zh) | 直播点赞互动方法、装置、设备及存储介质 | |
CN113965813A (zh) | 直播间内的视频播放方法、系统及计算机设备 | |
CN113490006A (zh) | 基于弹幕的直播互动方法及设备 | |
CN114245158B (zh) | 直播间头像特效展示方法及其装置、设备、介质、产品 | |
CN114666672A (zh) | 由观众发起的直播对战互动方法、系统及计算机设备 | |
CN113824984A (zh) | 虚拟礼物流水的显示方法、系统、装置及计算机设备 | |
CN114222151A (zh) | 开播交互动画的显示方法、装置及计算机设备 | |
CN113938696A (zh) | 基于自定义虚拟礼物的直播互动方法、系统及计算机设备 | |
CN114095772B (zh) | 连麦直播下的虚拟对象展示方法、系统及计算机设备 | |
CN113891162B (zh) | 直播间加载方法、装置、计算机设备及存储介质 | |
CN115511937A (zh) | 图像的深度图和法线图生成方法、虚拟直播方法以及装置 | |
CN115314727A (zh) | 基于虚拟对象的直播互动方法、装置及电子设备 | |
CN115134621A (zh) | 基于主副画面显示的直播对战互动方法、装置及电子设备 | |
CN114760519A (zh) | 基于直播间礼物特效的互动方法、装置、设备及存储介质 | |
CN114501065A (zh) | 基于面部拼图的虚拟礼物互动方法、系统及计算机设备 | |
CN114827643A (zh) | 基于封面擦涂绘制的直播间进场方法、装置及计算机设备 | |
CN113938698A (zh) | 直播用户资料的显示控制方法、装置及计算机设备 | |
CN114827645B (zh) | 基于蒙面互动的直播间进场方法、装置及计算机设备 | |
CN114827642B (zh) | 直播间进场方法、装置、计算机设备及可读存储介质 | |
CN113975804B (zh) | 虚拟控件显示方法、装置、设备、存储介质及产品 | |
CN115065838A (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 |