CN111881395A - 页面的呈现方法、装置、设备及计算机可读存储介质 - Google Patents
页面的呈现方法、装置、设备及计算机可读存储介质 Download PDFInfo
- Publication number
- CN111881395A CN111881395A CN202010777759.6A CN202010777759A CN111881395A CN 111881395 A CN111881395 A CN 111881395A CN 202010777759 A CN202010777759 A CN 202010777759A CN 111881395 A CN111881395 A CN 111881395A
- Authority
- CN
- China
- Prior art keywords
- virtual element
- page
- presenting
- push
- video
- 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 71
- 238000003860 storage Methods 0.000 title claims abstract description 14
- 230000002452 interceptive effect Effects 0.000 claims abstract description 80
- 230000033001 locomotion Effects 0.000 claims description 56
- 230000015654 memory Effects 0.000 claims description 22
- 238000009877 rendering Methods 0.000 claims description 19
- 230000008569 process Effects 0.000 claims description 17
- 230000003993 interaction Effects 0.000 claims description 13
- 238000012545 processing Methods 0.000 claims description 13
- 238000005520 cutting process Methods 0.000 claims description 9
- 230000001960 triggered effect Effects 0.000 claims description 9
- 230000004044 response Effects 0.000 claims description 4
- 238000012544 monitoring process Methods 0.000 claims description 2
- 230000009191 jumping Effects 0.000 claims 3
- 238000010586 diagram Methods 0.000 description 43
- 230000006870 function Effects 0.000 description 12
- 238000004891 communication Methods 0.000 description 5
- 238000013527 convolutional neural network Methods 0.000 description 5
- 238000007667 floating Methods 0.000 description 5
- 230000014509 gene expression Effects 0.000 description 5
- 238000010606 normalization Methods 0.000 description 5
- 208000037170 Delayed Emergence from Anesthesia Diseases 0.000 description 4
- 230000004913 activation Effects 0.000 description 4
- 238000004458 analytical method Methods 0.000 description 3
- 238000013135 deep learning Methods 0.000 description 3
- 230000000007 visual effect Effects 0.000 description 3
- 230000009471 action Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 2
- 238000004590 computer program Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000013515 script Methods 0.000 description 2
- 230000011218 segmentation Effects 0.000 description 2
- 238000012549 training Methods 0.000 description 2
- 241001122767 Theaceae Species 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000006399 behavior Effects 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000018109 developmental process Effects 0.000 description 1
- 235000019800 disodium phosphate Nutrition 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004899 motility Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 238000011176 pooling Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 230000007704 transition Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06N—COMPUTING ARRANGEMENTS BASED ON SPECIFIC COMPUTATIONAL MODELS
- G06N3/00—Computing arrangements based on biological models
- G06N3/02—Neural networks
- G06N3/04—Architecture, e.g. interconnection topology
- G06N3/045—Combinations of networks
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06N—COMPUTING ARRANGEMENTS BASED ON SPECIFIC COMPUTATIONAL MODELS
- G06N3/00—Computing arrangements based on biological models
- G06N3/02—Neural networks
- G06N3/08—Learning methods
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T5/00—Image enhancement or restoration
- G06T5/80—Geometric correction
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06V—IMAGE OR VIDEO RECOGNITION OR UNDERSTANDING
- G06V20/00—Scenes; Scene-specific elements
- G06V20/40—Scenes; Scene-specific elements in video content
- G06V20/46—Extracting features or characteristics from the video content, e.g. video fingerprints, representative shots or key frames
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06V—IMAGE OR VIDEO RECOGNITION OR UNDERSTANDING
- G06V20/00—Scenes; Scene-specific elements
- G06V20/40—Scenes; Scene-specific elements in video content
- G06V20/49—Segmenting video sequences, i.e. computational techniques such as parsing or cutting the sequence, low-level clustering or determining units such as shots or scenes
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Computing Systems (AREA)
- General Health & Medical Sciences (AREA)
- Mathematical Physics (AREA)
- Computational Linguistics (AREA)
- Molecular Biology (AREA)
- Biophysics (AREA)
- Biomedical Technology (AREA)
- Artificial Intelligence (AREA)
- Evolutionary Computation (AREA)
- Life Sciences & Earth Sciences (AREA)
- Health & Medical Sciences (AREA)
- Multimedia (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供了一种页面的呈现方法、装置、设备及计算机可读存储介质;方法包括:呈现推送信息,所述推送信息承载有推送对象;呈现对应所述推送对象的虚拟元素,并呈现对应所述虚拟元素的提示信息;其中,所述提示信息,用于指示执行针对所述虚拟元素的交互操作;响应于针对所述虚拟元素所执行的交互操作,进行页面跳转至对应所述推送信息的详情页面。通过本申请,能够引导用户执行针对推送对象的互动操作,以呈现对应推送信息的详情页面,提高详情页面的曝光率。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及一种页面的呈现方法、装置、设备及计算机可读存储介质。
背景技术
随着互联网技术的发展,基于智能终端的信息传播也越来越普遍,终端可以通过图片、视频等形式呈现推送信息,如广告。当用户点击该推送信息,终端就会呈现推送信息的详情页面,以引导用户进行最终行为操作,如购买商品、下载应用等。
但根据用户针对推送信息的点击操作,来呈现推送信息的详情页面的方式,存在互动性差的问题,使得很多用户并不会执行相应的点击操作,进而导致推送信息的详情页面的曝光率低,传播效率差。
发明内容
本申请实施例提供一种页面的呈现方法、装置、设备及计算机可读存储介质,能够引导用户执行针对推送对象的互动操作,以提高对应推送信息的详情页面的曝光率。
本申请实施例的技术方案是这样实现的:
本申请实施例提供一种页面的呈现方法,包括:
在图形界面中呈现推送信息,所述推送信息承载有推送对象;
呈现对应所述推送对象的虚拟元素,并呈现对应所述虚拟元素的提示信息;
其中,所述提示信息,用于指示执行针对所述虚拟元素的交互操作;
响应于针对所述虚拟元素所执行的交互操作,呈现对应所述推送信息的详情页面。
本申请实施例提供一种页面的呈现装置,包括:
第一呈现模块,用于呈现推送信息,所述推送信息承载有推送对象;
第二呈现模块,用于呈现对应所述推送对象的虚拟元素,并呈现对应所述虚拟元素的提示信息;
其中,所述提示信息,用于指示执行针对所述虚拟元素的交互操作;
页面跳转模块,用于响应于针对所述虚拟元素所执行的交互操作,进行页面跳转至对应所述推送信息的详情页面。
上述方案中,所述第一呈现模块,还用于当所述推送信息的展示方式为视频时,通过视频的播放窗口播放所述视频;
所述第二呈现模块,还用于对所述视频的播放时长进行监测;
当监测到所述视频的播放时长达到第一时长时,暂停播放所述视频,并呈现对应所述推送对象的虚拟元素。
上述方案中,所述第一呈现模块,还用于获取所述提示信息的呈现时长;
当所述提示信息的呈现时长达到第二时长、且未接收到针对所述虚拟元素所执行的交互操作时,播放所述视频。
上述方案中,所述第二呈现模块,还用于获取所述推送对象在所述推送信息中的呈现位置;
根据所述呈现位置,呈现对应所述推送对象的虚拟元素,以使所述虚拟元素覆盖所述推送对象。
上述方案中,所述第二呈现模块,还用于通过引导动画,呈现对应所述虚拟元素的提示信息;
其中,所述引导动画,用于示出针对所述虚拟元素的交互操作的执行过程。
上述方案中,所述第二呈现模块,还用于呈现对应所述虚拟元素的目标移动轨迹,并呈现指示控制所述虚拟元素,按照所述目标移动轨迹进行移动的提示信息。
上述方案中,所述页面跳转模块,还用于当所述交互操作指示依据目标移动轨迹移动所述虚拟元素时,依据执行的交互操作,移动所述虚拟元素;
当所述虚拟元素的移动轨迹与所述目标移动轨迹相匹配时,进行页面跳转至所述推送信息的详情页面。
上述方案中,所述页面跳转模块,还用于当所述交互操作指示移动所述虚拟元素至目标位置时,依据执行的交互操作,移动所述虚拟元素;
当所述虚拟元素被移动至所述目标位置时,进行页面跳转至所述推送信息的详情页面。
上述方案中,所述页面跳转模块,还用于接收到针对所述虚拟元素的拖拽操作,以触发针对所述虚拟元素的交互操作。
上述方案中,所述页面跳转模块,还用于呈现用于控制所述虚拟元素移动方向的方向轮盘;
接收到基于所述方向轮盘触发的交互操作。
上述方案中,所述装置还包括:
元素生成模块,用于当所述推送信息的展示方式为视频时,获取所述视频中关键帧图像;
对所述关键帧图像进行风格化处理,得到与所述关键帧图像对应的目标风格的图像;
对所述目标风格的图像进行裁剪处理,得到对应所述推送对象的虚拟元素。
上述方案中,所述元素生成模块,还用于对所述视频进行截帧处理,得到所述视频的至少两个帧图像;
分别对各所述帧图像进行图像识别,得到各所述帧图像中所述推送对象所占比例;
依据各所述帧图像中所述推送对象所占比例,从至少两个帧图像中选取关键帧图像。
本申请实施例提供一种计算机设备,包括:
存储器,用于存储可执行指令;
处理器,用于执行所述存储器中存储的可执行指令时,实现本申请实施例提供的页面的呈现方法。
本申请实施例提供一种计算机可读存储介质,存储有可执行指令,用于引起处理器执行时,实现本申请实施例提供的页面的呈现方法。
本申请实施例具有以下有益效果:
通过呈现推送信息,所述推送信息承载有推送对象;呈现对应所述推送对象的虚拟元素,并呈现对应所述虚拟元素的提示信息;其中,所述提示信息,用于指示执行针对所述虚拟元素的交互操作;响应于针对所述虚拟元素所执行的交互操作,进行页面跳转至对应所述推送信息的详情页面;如此,能够引导用户执行针对推送对象的互动操作,以呈现对应推送信息的详情页面,进而提高详情页面的曝光率。
附图说明
图1是相关技术提供的呈现详情页面的界面示意图;
图2是本申请实施例提供的页面的呈现系统100的架构示意图;
图3是本申请实施例提供的终端400的结构示意图;
图4A是本申请实施例提供页面呈现的界面示意图;
图4B是本申请实施例提供的页面呈现的界面示意图;
图4C是本申请实施例提供的页面呈现的界面示意图;
图5是本申请实施例提供的页面的呈现方法的流程示意图;
图6A-6C是本申请实施例提供的提示信息的呈现界面示意图;
图7是本申请实施例提供的呈现虚拟元素的界面示意图;
图8是本申请实施例提供的提示信息呈现的界面示意图;
图9是本申请实施例提供的呈现提示信息的界面示意图;
图10是本申请实施例提供的呈现提示信息的界面示意图;
图11是本申请实施例提供的呈现提示信息的界面示意图;
图12A-12B是本申请实施例提供的风格化处理的效果示意图;
图13是本申请实施例提供的生成器的结构示意图;
图14是本申请实施例提供的判别器的结构示意图;
图15是本申请实施例提供的卷积神经网络的结构示意图;
图16是本申请实施例提供的帧图像识别的结果示意图;
图17是本申请实施例提供的视频分割的示意图;
图18是本申请实施例提供的获取虚拟元素的界面示意图;
图19是本申请实施例提供的呈现虚拟元素的界面示意图;
图20是本申请实施例提供的呈现方向轮盘的界面示意图;
图21是本申请实施例提供的页面呈现的界面示意图;
图22是本申请实施例提供的虚拟元素的获取过程的流程示意图;
图23是本申请实施例提供的页面的呈现装置的组成结构示意图。
具体实施方式
为了使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请作进一步地详细描述,所描述的实施例不应视为对本申请的限制,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例,都属于本申请保护的范围。
在以下的描述中,涉及到“一些实施例”,其描述了所有可能实施例的子集,但是可以理解,“一些实施例”可以是所有可能实施例的相同子集或不同子集,并且可以在不冲突的情况下相互结合。
在以下的描述中,所涉及的术语“第一\第二\第三”仅仅是区别类似的对象,不代表针对对象的特定排序,可以理解地,“第一\第二\第三”在允许的情况下可以互换特定的顺序或先后次序,以使这里描述的本申请实施例能够以除了在这里图示或描述的以外的顺序实施。除非另有定义,本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同。本文中所使用的术语只是为了描述本申请实施例的目的,不是旨在限制本申请。
对本申请实施例进行进一步详细说明之前,对本申请实施例中涉及的名词和术语进行说明,本申请实施例中涉及的名词和术语适用于如下的解释。
1)虚拟元素,可以与用户进行某种方式交互的虚拟物体,即根据用户的互动操作改变某部分属性,如根据用户的互动操作,改变呈现位置;其中,虚拟物体的展示方式可以是图片。
2)响应于,用于表示所执行的操作所依赖的条件或者状态,当满足所依赖的条件或状态时,所执行的一个或多个操作可以是实时的,也可以具有设定的延迟;在没有特别说明的情况下,所执行的多个操作不存在执行先后顺序的限制。
3)详情页面,用户在执行互动操作(如点击、搜索等)后,呈现的新页面,通常会展示更多与推荐对象相关的扩展内容,引导用户进行最终行为操作,如购买商品、下载应用等。
图1是相关技术提供的呈现详情页面的界面示意图,参见图1,呈现推送信息,这里的推送信息中包含用于引导用户执行滑动操作的提示信息,提示信息包括目标滑动轨迹101、滑动方向102、及文字提示信息103“滑动解锁”;当用户沿着滑动轨迹执行滑动操作,呈现滑动操作所对应的滑动轨迹104;并在该滑动轨迹与目标滑动轨迹相匹配时,进行页面跳转至推送信息的详情页面。
在实施本申请的过程中发现,上述页面的呈现方法中,在用户执行滑动操作后,仅会呈现滑动轨迹,存在与推送信息的互动性较弱的问题。
基于此,本申请实施例提供一种页面的呈现方法、装置、设备和计算机可读存储介质,以至少解决相关技术中的上述问题,接下来分别说明。
参见图2,图2是本申请实施例提供的页面的呈现系统100的架构示意图,为实现支撑一个示例性应用,终端400(示例性示出了终端400-1和终端400-2)通过网络300连接服务器200,网络300可以是广域网或者局域网,又或者是二者的组合。
终端400,用于呈现推送信息,所述推送信息承载有推送对象;呈现对应所述推送对象的虚拟元素,并呈现对应所述虚拟元素的提示信息;其中,所述提示信息,用于指示执行针对所述虚拟元素的交互操作;接收到针对所述虚拟元素所执行的交互操作,发送推送信息的详情页面的获取请求至服务器200;
服务器200,用户发送推送信息的详情页面的页面信息至终端400;
终端400,还用于进行页面跳转至对应所述推送信息的详情页面。
在一些实施例中,服务器200可以是独立的物理服务器,也可以是多个物理服务器构成的服务器集群或者分布式系统,还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(CDN,ContentDelivery Network)、以及大数据和人工智能平台等基础云计算服务的云服务器。终端可以是智能手机、平板电脑、笔记本电脑、台式计算机、智能音箱、智能手表等,但并不局限于此。终端以及服务器可以通过有线或无线通信方式进行直接或间接地连接,本申请实施例中不做限制。
参见图3,图3是本申请实施例提供的终端400的结构示意图,图3所示的终端400包括:至少一个处理器410、存储器450、至少一个网络接口420和用户接口430。终端400中的各个组件通过总线系统440耦合在一起。可理解,总线系统440用于实现这些组件之间的连接通信。总线系统440除包括数据总线之外,还包括电源总线、控制总线和状态信号总线。但是为了清楚说明起见,在图3中将各种总线都标为总线系统440。
处理器410可以是一种集成电路芯片,具有信号的处理能力,例如通用处理器、数字信号处理器(DSP,Digital Signal Processor),或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等,其中,通用处理器可以是微处理器或者任何常规的处理器等。
用户接口430包括使得能够呈现媒体内容的一个或多个输出装置431,包括一个或多个扬声器和/或一个或多个视觉显示屏。用户接口430还包括一个或多个输入装置432,包括有助于用户输入的用户接口部件,比如键盘、鼠标、麦克风、触屏显示屏、摄像头、其他输入按钮和控件。
存储器450可以是可移除的,不可移除的或其组合。示例性的硬件设备包括固态存储器,硬盘驱动器,光盘驱动器等。存储器450可选地包括在物理位置上远离处理器410的一个或多个存储设备。
存储器450包括易失性存储器或非易失性存储器,也可包括易失性和非易失性存储器两者。非易失性存储器可以是只读存储器(ROM,Read Only Me mory),易失性存储器可以是随机存取存储器(RAM,Random Access Memor y)。本申请实施例描述的存储器450旨在包括任意适合类型的存储器。
在一些实施例中,存储器450能够存储数据以支持各种操作,这些数据的示例包括程序、模块和数据结构或者其子集或超集,下面示例性说明。
操作系统451,包括用于处理各种基本系统服务和执行硬件相关任务的系统程序,例如框架层、核心库层、驱动层等,用于实现各种基础业务以及处理基于硬件的任务;
网络通信模块452,用于经由一个或多个(有线或无线)网络接口420到达其他计算设备,示例性的网络接口420包括:蓝牙、无线相容性认证(WiFi)、和通用串行总线(USB,Universal Serial Bus)等;
呈现模块453,用于经由一个或多个与用户接口430相关联的输出装置431(例如,显示屏、扬声器等)使得能够呈现信息(例如,用于操作外围设备和显示内容和信息的用户接口);
输入处理模块454,用于对一个或多个来自一个或多个输入装置432之一的一个或多个用户输入或互动进行检测以及翻译所检测的输入或互动。
在一些实施例中,本申请实施例提供的页面的呈现装置可以采用软件方式实现,图3示出了存储在存储器450中的页面的呈现装置455,其可以是程序和插件等形式的软件,包括以下软件模块:第一呈现模块4551、第二呈现模块4552和页面跳转模块4553,这些模块是逻辑上的,因此根据所实现的功能可以进行任意的组合或进一步拆分。
将在下文中说明各个模块的功能。
在另一些实施例中,本申请实施例提供的页面的呈现装置可以采用硬件方式实现,作为示例,本申请实施例提供的页面的呈现装置可以是采用硬件译码处理器形式的处理器,其被编程以执行本申请实施例提供的页面的呈现方法,例如,硬件译码处理器形式的处理器可以采用一个或多个应用专用集成电路(ASIC,Application Specific IntegratedCircuit)、DSP、可编程逻辑器件(PLD,Programmable Logic Device)、复杂可编程逻辑器件(CPLD,Complex Programmable Logic Device)、现场可编程门阵列(FPGA,Field-Programmable Gate Array)或其他电子元件。
在对本申请实施例提供的页面的呈现方法进行说明之前,先对本申请实施例提供的页面的呈现方法的应用场景进行说明。
在实际实施时,本申请实施例提供的页面的呈现方法应用于存在推送信息的应用场景中,例如,可以应用于浏览器1拖n视频场景、闪屏场景、信息流场景等进行说明。也即,只要是存在推送信息的应用场景都可以采用本申请实施例提供的页面的呈现方法。
示例性地,当应用于浏览器1拖n视频场景时,图4A是本申请实施例提供页面呈现的界面示意图,参见图4A,通过浏览器呈现包含多个视频的页面,用户可以通过滑动操作,对页面中的视频进行浏览;当推送信息呈现于显示区域中时,播放推送信息401;并在播放一定时长后,呈现对应推送对象的虚拟元素及对应虚拟元素的提示信息402,以指示执行针对虚拟元素的交互操作;接收到针对虚拟元素所执行的交互操作,进行页面跳转至对应推送信息的详情页面403。
示例性地,当应用于闪屏场景时,这里的闪屏指的是应用程序(APP)每次冷启动过程中展示给用户的过渡页面,图4B是本申请实施例提供的页面呈现的界面示意图,参见图4B,用户点击某一应用图标404,终端启动该应用程序,并通过该应用程序的窗口呈现承载有推送对象的推送信息405,然后通过该窗口,呈现对应推送对象的虚拟元素及对应虚拟元素的提示信息406,以指示执行针对虚拟元素的交互操作;接收到针对虚拟元素所执行的交互操作,进行页面跳转至对应推送信息的详情页面407。
示例性地,当应用于信息流场景时,图4C是本申请实施例提供的页面呈现的界面示意图,参见图4C,在信息流页面中呈现多个媒体信息,其中,多个媒体信息中包括推送信息408;然后,在推送信息的呈现区域呈现对应推送对象的虚拟元素及对应虚拟元素的提示信息409,以指示执行针对虚拟元素410的交互操作;接收到针对虚拟元素所执行的交互操作,进行页面跳转至对应推送信息的详情页面411。
将结合本申请实施例提供的终端的示例性应用和实施,说明本申请实施例提供的页面的呈现方法。在一些实施例中,本申请实施例提供的页面的呈现方法可由终端单独实施,或由服务器及终端协同实施,下面以终端实施为例说明本申请实施例提供的页面的呈现方法。
参见图5,图5是本申请实施例提供的页面的呈现方法的流程示意图,将结合图5示出的步骤进行说明。
步骤501:呈现推送信息。
这里,推送信息承载有推送对象。其中,推送对象指的是通过推送信息让用户获知的某件事物。例如,当推送信息为广告信息时,推送对象可以是推广的商品、应用程序等。
在实际实施时,终端上设置有客户端,如视频客户端、新闻客户端,终端可以通过客户端呈现推送信息。这里,推送信息的展示方式有多种,也即可以是以图片形式展示的,可以是以视频形式展示的,可以是以文字形式展示的。
例如,当推送信息以视频形式展示时,可以呈现视频的画面和生硬;当推送信息以音频形式展示时,可以播放音频中的声音,还可以呈现与音频中声音同步的字幕、波形图等。这里不对推送信息具体的展示方式进行限定。
步骤502:呈现对应推送对象的虚拟元素,并呈现对应虚拟元素的提示信息。
其中,提示信息,用于指示执行针对虚拟元素的交互操作。这里的虚拟元素指的是可以与用户进行某种方式交互的虚拟物体,即根据用户的互动操作改变某部分属性,如根据用户的互动操作,改变呈现位置;其中,虚拟物体可以为图片。
需要说明的是,这里的虚拟元素是与推送对象对应的,也即虚拟元素能够用于标识推送对象;例如,当推送对象为某一商品时,虚拟元素可以为该商品的外包装,也可以为该商品的商标,还可以为该商品的广告语,当用户看到该虚拟元素,就能够获知到推送对象是什么。
在实际应用中,虚拟元素可以是由人为设置的,如可以是从现有的图片中裁剪得到的,或者根据推送对象进行绘制的;虚拟元素还可以是由终端或服务器自动生成的,也即根据推送信息及推送对象自动生成的。
在实际实施时,提示信息的展示方式可以有多种,也即可以是以图片形式展示的,可以是以视频形式展示的,可以是以文字形式展示的。
在一些实施例中,终端可以呈现悬浮窗,通过悬浮窗呈现提示信息的显示界面,使得提示信息的显示界面悬浮于推送信息的显示界面之上,并在提示信息的显示界面呈现提示信息;在一些实施例中,终端可以采用分屏显示的方式,呈现提示信息的显示界面,这里,提示信息的显示界面独立于提示信息的显示界面,并在提示信息的显示界面呈现提示信息;在一些实施例中,终端可以呈现提示信息的显示界面,以使提示信息的显示界面部分或完全覆盖推送信息的显示界面。
例如,图6A-6C是本申请实施例提供的提示信息的呈现界面示意图,参见图6A,通过悬浮窗601呈现提示信息的显示界面,并在显示界面中呈现提示信息;参见图6B,当采用分屏的显示方式时,将显示区域划分为两个部分,分别用于呈现推送信息602和提示信息603;参见图6C,提示信息的显示界面604覆盖于推送信息的显示界面之上。
需要说明的是,提示信息的呈现方式不限于上述方式,还可以通过其它方式呈现提示信息。
在一些实施例中,终端可以通过以下方式展示推送信息:当推送信息的展示方式为视频时,通过视频的播放窗口播放视频;
相应的,可以通过以下方式呈现对应推送对象的虚拟元素:对视频的播放时长进行监测;当监测到视频的播放时长达到第一时长时,暂停播放视频,并呈现对应推送对象的虚拟元素。
在实际实施时,当终端开始通过播放窗口播放视频时,开启计时功能,以对推送信息的输出时长进行监测,当视频的播放时长达到第一时长时,暂停播放时长,并呈现对应推送对象的虚拟元素。
这里,第一时长可以是人为设置的,如设置一个固定的时长(如5秒);也可以是根据视频的播放内容确定的,如获取视频中的关键视频帧,获取播放至该关键视频帧所需的时长,将该时长作为第一时长;还可以采用其他方式设置。
在一些实施例中,可以在通过播放窗口播放视频的过程中,可以呈现视频的播放时长、或视频播放剩余的时长,以使用户能够明确知道推送信息的输出时长。
在一些实施例中,终端还可以获取提示信息的呈现时长;当提示信息的呈现时长达到第二时长、且未接收到针对虚拟元素所执行的交互操作时,播放视频。
在实际实施时,第二时长可以是人为设置到的,如设置一个固定时长(如5秒);当提示信息的展示为视频或音频时,第二时长可以是根据视频或音频本身的时长确定的,示例性地,当提示信息的展示方式是视频时,可以将视频本身的时长作为第二时长,也即播放一次视频花费的时长;或者将视频本身的时长的预设倍数作为第二时长,如播放三次视频花费的时长;这里视频本身的时长指的是完整播放视频所需的时长。
在实际应用中,当提示信息额呈现时长达到第二时长、且未接收到针对虚拟元素所执行的交互操作时,可以从头重新播放视频;或者,从暂停的位置开始,继续播放视频。
在一些实施例中,终端可以通过以下方式呈现推送对象的虚拟元素:获取推送对象在推送信息中的呈现位置;根据呈现位置,呈现对应推送对象的虚拟元素,以使虚拟元素覆盖推送对象。
在实际实施时,终端可以获取推送对象在推送信息中的坐标位置,在相同的坐标位置,在相应位置呈现对应推送对象的虚拟元素,以使虚拟元素覆盖推送对象。
这里,虚拟元素的呈现样式可以与推送信息中推送对象的呈现样式是相同的,其中,呈现样式包括虚拟元素的尺寸、形状等。如此,能够使推送信息中的推送对象完全被虚拟元素覆盖,让虚拟元素与原推送信息融为一体,当用户执行针对虚拟元素的互动操作时,能够拥有更加真实的互动体验。
例如,图7是本申请实施例提供的呈现虚拟元素的界面示意图,参见图7,首先呈现推送信息,推送信息中包含推送对象701;当呈现虚拟元素702时,可以看到虚拟元素702完全覆盖推送对象701。其中,推送对象的呈现样式与推送信息的呈现样式是相同的。
在一些实施例中,终端可以通过以下方式呈现对应虚拟元素的提示信息:通过引导动画,呈现对应虚拟元素的提示信息;其中,引导动画,用于示出针对虚拟元素的交互操作的执行过程。
在实际实施时,通过序列帧的形式呈现针对虚拟元素的交互操作的执行过程,如呈现虚拟元素的移动轨迹、以及一个物体沿该移动轨迹运动的过程,以引导用户按照该物体的运动过程,执行相应的交互操作。
例如,图8是本申请实施例提供的提示信息呈现的界面示意图,参见图8,播放目标图案的绘制过程的引导动画,在引导动画中,有一个“手”图案沿着移动轨迹移动,引导用户跟着“手”图案的移动,来执行针对虚拟元素的拖拽操作。
在一些实施例中,终端可以通过以下方式呈现对应虚拟元素的提示信息:现对应虚拟元素的目标移动轨迹,并呈现指示控制虚拟元素,按照目标移动轨迹进行移动的提示信息。
这里,指示控制虚拟元素,按照目标移动轨迹进行移动的提示信息可以为箭头、文字、语音等信息。
需要说明的是,目标移动轨迹的呈现形式可以是由实线、虚线、点线等,这里不对绘制轨迹的呈现形式做限定。
例如,图9是本申请实施例提供的呈现提示信息的界面示意图,参见图9,呈现目标移动轨迹901,并呈现指示移动方向的箭头,以指示控制虚拟元素按照箭头所指示的方向,按照目标移动轨迹移动。
图10是本申请实施例提供的呈现提示信息的界面示意图,参见图10,呈现目标移动轨迹1001,并呈现文字提示信息“沿虚线向右拖拽虚拟元素”,以指示控制虚拟元素,按照目标移动轨迹向右移动。
这里,图10中以文字形式呈现的指示控制虚拟元素,按照目标移动轨迹进行移动的提示信息,还可以替换成语音,也即以语音的形式输出“沿虚线向右拖拽虚拟元素”。
在一些实施例中,终端还可以单独以语音或者文字的形式呈现对应虚拟元素的提示信息。
例如,图11是本申请实施例提供的呈现提示信息的界面示意图,参见图11,呈现提示信息“为男神递茶”,以指示用户控制虚拟元素移动到男神手中。
在一些实施例中,可以通过以下方式得到对应推送对象的虚拟元素:当推送信息的展示方式为视频时,获取视频中关键帧图像;对关键帧图像进行风格化处理,得到与关键帧图像对应的目标风格的图像;对目标风格的图像进行裁剪处理,得到对应推送对象的虚拟元素。
在实际实施时,当推送信息的展示方式为视频时,获取对应视频的至少两个帧图像,从中选择出关键帧图像,这里可以是人为选择的,也可以是预设规则,由终端根据预设规则选择的。这里,关键帧图像中至少包含完整的推送对象。
在得到关键帧图像后,对关键帧图像进行风格化处理,得到关键帧图像对应的目标风格的图像。
以目标风格为动漫风格为例,参见图12A-12B,图12A-12B是本申请实施例提供的风格化处理的效果示意图,通过风格化处理,将现实世界场景的图像转化为了动漫风格的图像。
这里,可以通过对抗生成网络(GAN,Generative Adversarial Networks)对关键图像进行风格化处理。在实际应用中,采用一系列真实图片和目标风格的图片对GAN进行训练,训练完成后,便可以直接将关键帧图像输入对抗生成网络中的生成器,输出关键帧图像对应的目标风格的图像。其中,对抗生成网络可以采用CartoonGAN、AnimeGAN、ComixGAN等。
这里以通过AnimeGAN对关键图像进行风格化处理,得到动漫风格的图像为例进行说明,AnimeGAN包括生成器和判别器。图13是本申请实施例提供的生成器的结构示意图,参见图13,生成器可以视作一个对称的编码器-解码器网络,由标准卷积、深度可分离卷积、反向残差块、上采样和下采样模块组成。为了有效减少生成器的参数数量,这里使用了8个连续且相同的反转残差块(IRB,Inverted Residual Blocks)。在生成器中,具有1×1卷积核的最后一个卷积层不使用归一化层,跟随其后的是tanh非线性激活函数。
图14是本申请实施例提供的判别器的结构示意图,参见图14,判别器包括卷积层、激活函数、归一化层。图中,K为内核大小,C为特征图数量,S为每个卷积层的跨度。且AnimeGAN提出了三个全新的损失函数用于提升风格化的动漫视觉效果,这三个损失函数分别是灰度风格损失,灰度对抗损失和颜色重建损失。
在一些实施例中,终端可以通过以下方式获取视频中关键帧图像:对视频信息进行截帧处理,得到视频信息中的至少两个帧图像;分别对各帧图像进行图像识别,得到各帧图像中推送对象所占比例;依据各帧图像中推送对象所占比例,从至少两个帧图像中选取关键帧图像。在实际应用中,可以深度学习网络(如卷积神经网络(CNN,ConvolutionalNeural Networks)来对各帧图像进行图像识别,以识别各帧图像中的物体、人物等。图15是本申请实施例提供的卷积神经网络的结构示意图,参见图15,该卷积神经网络包括卷积层、归一化层、池化层和全连接层。
对各帧图像进行图像识别后,可以获取帧图像中推送对象占整个帧图像面积的比例,当推送对象完整的位于图像中、且所占比例达到比例阈值时,可以将该图像作为关键帧图像。
在一些实施例中,终端可以识别得到帧图像中的所有的内容及各内容所占的比例,如人物、物体、商标等,然后根据这些内容中的至少一个所占的比例,来选取关键帧图像。
例如,当推送信息为针对某商品的推送信息时,推送对象为该商品,可以获取帧图像中该商品所占比例、以及人脸所占的比例,当商品所占比例和人脸所占比例均大于比例阈值时,可以确定该帧图像为关键帧图像。
图16是本申请实施例提供的帧图像识别的结果示意图,参见图16,识别得到两个人脸、一个瓶子、一个商标,所占比例分别为23%、20%、10%、3%。
然而一张图相对整个视频仅仅是很小的一部分,特别该帧图像没有那么的具有区分度,或是一些和视频主题无关的图像,则会让分类器无法准确识别出帧图像中的内容。基于此,通过学习视频时间域上的表达,来提高识别准确率。
在实际应用中,在对帧图像进行图像识别之前,可以对视频进行结构化分析,即根据帧、超帧、镜头、场景、故事等对视频进行分割,以从多个层次对帧图像进行特征表达。图17是本申请实施例提供的视频分割的示意图,参见图17,根据画面中的内容对视频进行分割,得到四组连续的帧图像1701、1702、1703、及1704,每一组帧图像中,内容信息相似,着重表达的是运动信息,即在运动处有相对显著的特征。
在一些实施例中,当推送信息的展示方式为图片时,则可以直接对该图片进行风格化处理,得到与关键帧图像对应的目标风格的图像;对目标风格的图像进行裁剪处理,得到对应推送对象的虚拟元素。
在一些实施例中,若对动画风格的图像进行裁剪处理,得到的虚拟元素存在缺失,可以对该虚拟元素进行图像修复,以将缺损的部分补全。
例如,参见图18,图18是本申请实施例提供的获取虚拟元素的界面示意图,由于在图像中,推送对象是由人物手握着的,导致对图像进行裁剪后,得到的虚拟元素存在部分缺失;对该虚拟元素进行图像修复,得到最终的虚拟元素1801。
步骤503:响应于针对虚拟元素所执行的交互操作,进行页面跳转至对应推送信息的详情页面。
在实际实施时,用户可以根据提示信息,执行相应的交互操作,在用户执行针对虚拟元素的交互操作后,中毒那进行页面跳转至推送信息的详情页面。这里,详情页面指的是用户在执行互动操作后,呈现的新页面,通常会展示更多与推荐对象相关的扩展内容,引导用户进行最终行为操作,如购买商品、下载应用等。
在一些实施例中,终端在接收到针对虚拟元素所执行的交互操作后,会判断该交互操作是否与提示信息所指示执行的交互操作是一致的,仅当确定一致时,才进行页面跳转至对应推送信息的详情页面;若不一致,则提示用户重新执行交互操作。
在一些实施例中,可以通过以下方式进行页面跳转至推送信息详情页:当交互操作指示依据目标移动轨迹移动虚拟元素时,依据所执行的交互操作,移动虚拟元素;当虚拟元素的移动轨迹与目标移动轨迹相匹配时,进行页面跳转至推送信息的详情页面。
在实际实施时,可以获取虚拟元素的移动轨迹,然后将虚拟元素的移动轨迹与目标移动轨迹进行匹配,当相匹配的时候,进行页面跳转至推送信息的详情页面。
在一些实施例中,终端在将虚拟元素的移动轨迹与目标移动轨迹进行匹配时,可以进基于形状进行匹配,当虚拟元素的移动轨迹的形状与目标移动轨迹的形状的相似度达到相似度阈值时,确定虚拟元素的移动轨迹与目标移动轨迹相匹配。
在实际应用中,可以先对虚拟元素的移动轨迹进行缩放处理,以使虚拟元素的移动轨迹与目标移动轨迹的尺寸相同,再将虚拟元素的移动轨迹的形状与目标移动轨迹的形状进行匹配。
在另一些实施例中,终端在将虚拟元素的移动轨迹与目标移动轨迹进行匹配时,可以在将虚拟元素的移动轨迹的形状与目标移动轨迹的形状进行匹配的同时,还将虚拟元素的移动轨迹的尺寸与目标移动轨迹的尺寸进行匹配,仅当虚拟元素的移动轨迹的形状与目标移动轨迹的形状的相似度达到相似度阈值、且虚拟元素的移动轨迹的尺寸与目标移动轨迹的尺寸的相似度达到相似度阈值,才确定虚拟元素的移动轨迹与目标移动轨迹相匹配。
在一些实施例中,可以通过以下方式进行页面跳转至推送信息详情页:当交互操作指示移动虚拟元素至目标位置时,依据所执行的交互操作,移动虚拟元素;当虚拟元素被移动至目标位置时,进行页面跳转至推送信息的详情页面。
这里,目标位置可以是一个区域范围,也可以是一个坐标点。当目标位置是一个区域范围时,将虚拟元素移动至该区域范围内,进行页面跳转至推送信息的详情页面;当目标位置是一个坐标点时,将虚拟元素移动至该坐标点,进行页面跳转至推送信息的推送页面。
在实际实施时,可以获取交互操作停止时,虚拟元素所处的位置坐标,将该坐标与目标位置的坐标进行匹配,在相匹配时,确定虚拟元素被移动至目标位置。
例如,图19是本申请实施例提供的呈现虚拟元素的界面示意图,参见图19,交互操作指示移动虚拟元素至目标区域1901,当虚拟元素被移动至目标区域1901,进行页面跳转至推送信息的详情页面。
在一些实施例中,可以通过以下方式触发针对虚拟元素的交互操作:接收到针对虚拟元素的拖拽操作,以触发针对虚拟元素的交互操作。
在实际实施时,用户可以通过针对虚拟元素的拖拽操作,控制虚拟元素移动,也即随着拖拽操作的进行,同步移动虚拟元素的位置,以使虚拟元素所处的位置与拖拽操作所指示的位置相对应。这里,拖拽操作可以基于触摸屏触发,也可以基于鼠标等输入装置触发。
在实际应用中,当交互操作指示根据目标移动轨迹移动虚拟元素时,获取拖拽操作停止时,虚拟元素的移动轨迹,将虚拟元素的移动轨迹与目标移动轨迹进行匹配;当交互操作指示移动虚拟元素至目标位置时,获取拖拽操作停止时,虚拟元素所处的位置坐标,将虚拟元素所处的位置坐标与目标位置的坐标进行匹配。
这里,当拖拽操作是基于触摸屏触发时,手离开屏幕时,表示拖拽操作停止;当拖拽操作是基于鼠标触发时,停止按压鼠标时,表示拖拽操作停止。
在一些实施例中,可以通过以下方式触发针对虚拟元素的交互操作:呈现用于控制虚拟元素移动方向的方向轮盘;接收到基于方向轮盘触发的交互操作。
在实际实施时,用户可以通过针对方向轮盘的触发操作,控制虚拟元素移动,也即基于方向轮盘触发的交互操作所指示的移动方向,根据所指示的移动方向移动虚拟元素。这里,在移动的过程中,交互操作所指示的移动方向是可以实时更改的。
例如,图20是本申请实施例提供的呈现方向轮盘的界面示意图,参见图20,呈现方向轮盘2001,用户可以通过针对方向轮盘的触发操作,来控制虚拟元素的移动方向,如图20中的方向轮盘所指示的移动方向为向右。
在一些实施例中,还可以呈现一个手势浮层,来接收用户的触摸操作,根据用户在手势浮层中的滑动操作所对应的滑动轨迹,来控制虚拟元素移动,虚拟元素的移动轨迹与滑动操作所对应的滑动轨迹的图案相一致。
在实际应用中,方向轮盘仅用于控制虚拟元素的移动方向,虚拟元素的移动速度可以是预先设置的,如可以设置为恒定的移动速度;也可以设置为根据移动时间,按比例递增的移动速度。
本申请通过呈现推送信息,推送信息承载有推送对象;呈现对应推送对象的虚拟元素,并呈现对应虚拟元素的提示信息;其中,提示信息,用于指示执行针对虚拟元素的交互操作;响应于针对虚拟元素所执行的交互操作,进行页面跳转至对应推送信息的详情页面;如此,能够引导用户执行针对推送对象的互动操作,以呈现对应推送信息的详情页面,进而提高详情页面的曝光率。
下面,将说明本申请实施例在一个实际的应用场景中的示例性应用。
这里以浏览器1拖n视频场景为例,图21是本申请实施例提供的页面呈现的界面示意图,当用户刷到推送信息(如广告)时,播放该视频,当播放时长达到第一时长(如10秒),暂停播放该视频;呈现虚拟元素及引导动画,引导动画用于指示用户执行针对虚拟元素的拖拽操作;用户执行针对虚拟元素的拖拽操作,虚拟绘制元素跟随用户的拖拽操作进行移动,用户松手后自动跳转至详情页面(如广告落地页)。
若引导动画循环播放3遍后,终端未接收到用户执行的针对虚拟元素的拖拽操作,则从头开始播放推送信息。
下面对虚拟元素的获取过程进行说明。图22是本申请实施例提供的虚拟元素的获取过程的流程示意图,参见图22,虚拟元素的获取过程包括:
步骤2201:获取推送信息。
这里,推送信息为视频形式。
步骤2202:对视频进行结构化分析。
这里,单帧的识别方法是将视频进行截帧,然后基于图像粒度(单帧)的进行深度学习表达,也即将视频的某一帧图像输入深度学习网络,输出一个识别结果。由于一张图相对整个视频仅仅是很小的一部分,特别该帧图像没有那么的具有区分度,或是一些和视频主题无关的图像,则会让分类器无法准确识别出帧图像中的内容。基于此,通过学习视频时间域上的表达,来提高识别准确率。当然,这在运动性强的视频上才有区分度,在较静止的视频上只能靠图像的特征了。
在实际应用中,在对帧图像进行图像识别之前,可以对视频进行结构化分析,以即根据帧、超帧、镜头、场景、故事等对视频进行分割,以从多个层次对帧图像进行特征表达。参见图17,根据画面中的内容对视频进行分割,得到四组连续的帧图像中,每一组帧图像中,内容信息相似,着重表达的是运动信息,即在运动处有相对显著的特征。
步骤2203:对视频进行截帧处理,得到至少两个帧图像。
步骤2204:对至少两个帧图像进行图像识别,得到识别结果。
这里,对帧图像进行图像识别,得到帧图像中的所有的内容及各内容所占的比例,如人物、物体、商标等。
例如,参见图16,识别得到两个人脸、一个瓶子、一个商标,所占比例分别为23%、20%、10%、3%。
步骤2205:对至少两个帧图像进行二次图像识别,以矫正识别结果。
这里,通过两次图像识别,能够提高图像识别的准确性。
步骤2206:根据识别结果,选取关键帧图像。
这里,根据识别得到的内容以及内容所占的比例来选取关键帧图像,例如,当推送信息为针对某商品的推送信息时,推送对象为该商品,可以获取帧图像中该商品所占比例、以及人脸所占的比例,当商品所占比例和人脸所占比例均大于比例阈值时,可以确定该帧图像为关键帧图像。
步骤2207:对关键帧图像进行风格化处理,得到对应关键帧图像的动漫风格的图像。
例如,参见图12A-12B,通过风格化处理,将现实世界场景的图像转化为了动漫风格的图像。
这里,可以通过对抗生成网络(GAN,Generative Adversarial Networks)对关键图像进行风格化处理。在实际应用中,采用一系列真实图片和动漫图片对GAN进行训练,训练完成后,便可以直接将关键帧图像输入对抗生成网络中的生成器,输出关键帧图像对应的动漫风格图像。其中,对抗生成网络可以采用CartoonGAN、AnimeGAN、ComixGAN等。
这里以通过AnimeGAN对关键图像进行风格化处理为例进行说明,AnimeGAN包括生成器和判别器。参见图13,生成器可以视作一个对称的编码器-解码器网络,由标准卷积、深度可分离卷积、反向残差块、上采样和下采样模块组成。为了有效减少生成器的参数数量,这里使用了8个连续且相同的反转残差块(IRB,Inverted Residual Blocks)。在生成器中,具有1×1卷积核的最后一个卷积层不使用归一化层,跟随其后的是tanh非线性激活函数。
参见图14,判别器包括卷积层、激活函数、归一化层。图中,K为内核大小,C为特征图数量,S为每个卷积层的跨度。且AnimeGAN提出了三个全新的损失函数用于提升风格化的动漫视觉效果,这三个损失函数分别是灰度风格损失,灰度对抗损失和颜色重建损失。
步骤2208:对关键帧图像进行二次风格化处理,以对动漫风格的图像进行矫正。
步骤2209:对动漫风格的图像进行裁剪处理,得到对应推送对象的虚拟元素。
步骤2210:当得到的虚拟元素存在缺失时,对虚拟元素进行图像修复。
例如,参见图18,由于在图像中,推送对象是由人物手握着的,导致对图像进行裁剪后,得到的虚拟元素存在部分缺失;对该虚拟元素进行图像修复,得到最终的虚拟元素1801。
这里,可以通过ComplNet对虚拟元素进行图像修复,ComplNet能够将抹掉之后露出的背景补全,它是借鉴了DeepFillv2图像修复算法,DeepFillv2来自UIUC和Adobe,擦除图像的任意部位,都能修补完整。
本申请实施例具有以下有益效果:
提供了更智能化的虚拟元素的获取方式,大大节省了素材制作成本;同时用户可以通过真实的拖拽虚拟元素,在交互的过程中提供了更多的趣味性、互动性。
下面继续说明本申请实施例提供的页面的呈现装置455的实施为软件模块的示例性结构,图23是本申请实施例提供的页面的呈现装置的组成结构示意图,如图23所示,本申请实施例提供的页面的呈现装置包括:
第一呈现模块4551,用于呈现推送信息,所述推送信息承载有推送对象;
第二呈现模块4552,用于呈现对应所述推送对象的虚拟元素,并呈现对应所述虚拟元素的提示信息;
其中,所述提示信息,用于指示执行针对所述虚拟元素的交互操作;
页面跳转模块4553,用于响应于针对所述虚拟元素所执行的交互操作,进行页面跳转至对应所述推送信息的详情页面。
在一些实施例中,所述第一呈现模块4551,还用于当所述推送信息的展示方式为视频时,通过视频的播放窗口播放所述视频;
所述第二呈现模块,还用于对所述视频的播放时长进行监测;
当监测到所述视频的播放时长达到第一时长时,暂停播放所述视频,并呈现对应所述推送对象的虚拟元素。
在一些实施例中,所述第一呈现模块4551,还用于获取所述提示信息的呈现时长;
当所述提示信息的呈现时长达到第二时长、且未接收到针对所述虚拟元素所执行的交互操作时,播放所述视频。
在一些实施例中,所述第二呈现模块4552,还用于获取所述推送对象在所述推送信息中的呈现位置;
根据所述呈现位置,呈现对应所述推送对象的虚拟元素,以使所述虚拟元素覆盖所述推送对象。
在一些实施例中,所述第二呈现模块4552,还用于通过引导动画,呈现对应所述虚拟元素的提示信息;
其中,所述引导动画,用于示出针对所述虚拟元素的交互操作的执行过程。
在一些实施例中,所述第二呈现模块4552,还用于呈现对应所述虚拟元素的目标移动轨迹,并呈现指示控制所述虚拟元素,按照所述目标移动轨迹进行移动的提示信息。
在一些实施例中,所述页面跳转模块4553,还用于当所述交互操作指示依据目标移动轨迹移动所述虚拟元素时,依据执行的交互操作,移动所述虚拟元素;
当所述虚拟元素的移动轨迹与所述目标移动轨迹相匹配时,进行页面跳转至所述推送信息的详情页面。
在一些实施例中,所述页面跳转模块4553,还用于当所述交互操作指示移动所述虚拟元素至目标位置时,依据执行的交互操作,移动所述虚拟元素;
当所述虚拟元素被移动至所述目标位置时,进行页面跳转至所述推送信息的详情页面。
在一些实施例中,所述页面跳转模块4553,还用于接收到针对所述虚拟元素的拖拽操作,以触发针对所述虚拟元素的交互操作。
在一些实施例中,所述页面跳转模块4553,还用于呈现用于控制所述虚拟元素移动方向的方向轮盘;
接收到基于所述方向轮盘触发的交互操作。
在一些实施例中,所述装置还包括:
元素生成模块,用于当所述推送信息的展示方式为视频时,获取所述视频中关键帧图像;
对所述关键帧图像进行风格化处理,得到与所述关键帧图像对应的目标风格的图像;
对所述目标风格的图像进行裁剪处理,得到对应所述推送对象的虚拟元素。
在一些实施例中,所述元素生成模块,还用于对所述视频进行截帧处理,得到所述视频的至少两个帧图像;
分别对各所述帧图像进行图像识别,得到各所述帧图像中所述推送对象所占比例;
依据各所述帧图像中所述推送对象所占比例,从至少两个帧图像中选取关键帧图像。
本申请实施例提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行本申请实施例上述的页面的呈现方法。
本申请实施例提供一种存储有可执行指令的计算机可读存储介质,其中存储有可执行指令,当可执行指令被处理器执行时,将引起处理器执行本申请实施例提供的页面的呈现方法,例如,如图5示出的方法。
在一些实施例中,计算机可读存储介质可以是FRAM、ROM、PROM、EPROM、EEPROM、闪存、磁表面存储器、光盘、或CD-ROM等存储器;也可以是包括上述存储器之一或任意组合的各种设备。
在一些实施例中,可执行指令可以采用程序、软件、软件模块、脚本或代码的形式,按任意形式的编程语言(包括编译或解释语言,或者声明性或过程性语言)来编写,并且其可按任意形式部署,包括被部署为独立的程序或者被部署为模块、组件、子例程或者适合在计算环境中使用的其它单元。
作为示例,可执行指令可以但不一定对应于文件系统中的文件,可以可被存储在保存其它程序或数据的文件的一部分,例如,存储在超文本标记语言(HTML,Hyper TextMarkup Language)文档中的一个或多个脚本中,存储在专用于所讨论的程序的单个文件中,或者,存储在多个协同文件(例如,存储一个或多个模块、子程序或代码部分的文件)中。
作为示例,可执行指令可被部署为在一个计算设备上执行,或者在位于一个地点的多个计算设备上执行,又或者,在分布在多个地点且通过通信网络互连的多个计算设备上执行。
以上所述,仅为本申请的实施例而已,并非用于限定本申请的保护范围。凡在本申请的精神和范围之内所作的任何修改、等同替换和改进等,均包含在本申请的保护范围之内。
Claims (15)
1.一种页面的呈现方法,其特征在于,所述方法包括:
呈现推送信息,所述推送信息承载有推送对象;
呈现对应所述推送对象的虚拟元素,并呈现对应所述虚拟元素的提示信息;
其中,所述提示信息,用于指示执行针对所述虚拟元素的交互操作;
响应于针对所述虚拟元素所执行的交互操作,进行页面跳转至对应所述推送信息的详情页面。
2.如权利要求1所述的方法,其特征在于,所述呈现推送信息,包括:
当所述推送信息的展示方式为视频时,通过视频的播放窗口播放所述视频;
所述呈现对应所述推送对象的虚拟元素,包括:
对所述视频的播放时长进行监测;
当监测到所述视频的播放时长达到第一时长时,暂停播放所述视频,并呈现对应所述推送对象的虚拟元素。
3.如权利要求2所述的方法,其特征在于,所述方法还包括:
获取所述提示信息的呈现时长;
当所述提示信息的呈现时长达到第二时长、且未接收到针对所述虚拟元素所执行的交互操作时,播放所述视频。
4.如权利要求1所述的方法,其特征在于,所述呈现对应所述推送对象的虚拟元素,包括:
获取所述推送对象在所述推送信息中的呈现位置;
根据所述呈现位置,呈现对应所述推送对象的虚拟元素,以使所述虚拟元素覆盖所述推送对象。
5.如权利要求1所述的方法,其特征在于,所述呈现对应所述虚拟元素的提示信息,包括:
通过引导动画,呈现对应所述虚拟元素的提示信息;
其中,所述引导动画,用于示出针对所述虚拟元素的交互操作的执行过程。
6.如权利要求1所述的方法,其特征在于,所述呈现对应所述虚拟元素的提示信息,包括:
呈现对应所述虚拟元素的目标移动轨迹,并呈现指示控制所述虚拟元素,按照所述目标移动轨迹进行移动的提示信息。
7.如权利要求1所述的方法,其特征在于,所述进行页面跳转至所述推送信息的详情页面,包括:
当所述交互操作指示依据目标移动轨迹移动所述虚拟元素时,依据所执行的交互操作,移动所述虚拟元素;
当所述虚拟元素的移动轨迹与所述目标移动轨迹相匹配时,进行页面跳转至所述推送信息的详情页面。
8.如权利要求1所述的方法,其特征在于,所述响应于针对所述虚拟元素所执行的交互操作,进行页面跳转至所述推送信息的详情页面,包括:
当所述交互操作指示移动所述虚拟元素至目标位置时,依据所执行的交互操作,移动所述虚拟元素;
当所述虚拟元素被移动至所述目标位置时,进行页面跳转至所述推送信息的详情页面。
9.如权利要求1所述的方法,其特征在于,所述进行页面跳转至对应所述推送信息的详情页面之前,所述方法还包括:
接收到针对所述虚拟元素的拖拽操作,以触发针对所述虚拟元素的交互操作。
10.如权利要求1所述的方法,其特征在于,所述进行页面跳转至所述推送信息的详情页面之前,所述方法还包括:
呈现用于控制所述虚拟元素移动方向的方向轮盘;
接收到基于所述方向轮盘触发的交互操作。
11.如权利要求1所述的方法,其特征在于,所述方法还包括:
当所述推送信息的展示方式为视频时,获取所述视频中关键帧图像;
对所述关键帧图像进行风格化处理,得到与所述关键帧图像对应的目标风格的图像;
对所述目标风格的图像进行裁剪处理,得到对应所述推送对象的虚拟元素。
12.如权利要求11所述的方法,其特征在于,所述获取所述视频中的关键帧图像,包括:
对所述视频进行截帧处理,得到所述视频的至少两个帧图像;
分别对各所述帧图像进行图像识别,得到各所述帧图像中所述推送对象所占比例;
依据各所述帧图像中所述推送对象所占比例,从至少两个帧图像中选取关键帧图像。
13.一种页面的呈现装置,其特征在于,所述装置包括:
第一呈现模块,用于呈现推送信息,所述推送信息承载有推送对象;
第二呈现模块,用于呈现对应所述推送对象的虚拟元素,并呈现对应所述虚拟元素的提示信息;
其中,所述提示信息,用于指示执行针对所述虚拟元素的交互操作;
页面跳转模块,用于响应于针对所述虚拟元素所执行的交互操作,进行页面跳转至对应所述推送信息的详情页面。
14.一种计算机设备,其特征在于,包括:
存储器,用于存储可执行指令;
处理器,用于执行所述存储器中存储的可执行指令时,实现权利要求1至12任一项所述的页面的呈现方法。
15.一种计算机可读存储介质,其特征在于,存储有可执行指令,用于被处理器执行时,实现权利要求1至12任一项所述的页面的呈现方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010777759.6A CN111881395A (zh) | 2020-08-05 | 2020-08-05 | 页面的呈现方法、装置、设备及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010777759.6A CN111881395A (zh) | 2020-08-05 | 2020-08-05 | 页面的呈现方法、装置、设备及计算机可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111881395A true CN111881395A (zh) | 2020-11-03 |
Family
ID=73210635
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010777759.6A Pending CN111881395A (zh) | 2020-08-05 | 2020-08-05 | 页面的呈现方法、装置、设备及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111881395A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113625909A (zh) * | 2021-07-30 | 2021-11-09 | 北京达佳互联信息技术有限公司 | 应用程序页面展示方法、装置、电子设备及存储介质 |
CN113641294A (zh) * | 2021-07-30 | 2021-11-12 | 北京达佳互联信息技术有限公司 | 信息展示方法、装置、电子设备及存储介质 |
CN113641273A (zh) * | 2021-07-28 | 2021-11-12 | 腾讯科技(深圳)有限公司 | 知识传播方法、装置、设备及计算机可读存储介质 |
CN113791709A (zh) * | 2021-08-20 | 2021-12-14 | 北京达佳互联信息技术有限公司 | 页面显示方法、装置、电子设备及存储介质 |
CN114968035A (zh) * | 2022-05-24 | 2022-08-30 | 北京有竹居网络技术有限公司 | 一种互动方法、装置、设备及介质 |
-
2020
- 2020-08-05 CN CN202010777759.6A patent/CN111881395A/zh active Pending
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113641273A (zh) * | 2021-07-28 | 2021-11-12 | 腾讯科技(深圳)有限公司 | 知识传播方法、装置、设备及计算机可读存储介质 |
CN113641273B (zh) * | 2021-07-28 | 2023-09-15 | 腾讯科技(深圳)有限公司 | 知识传播方法、装置、设备及计算机可读存储介质 |
CN113625909A (zh) * | 2021-07-30 | 2021-11-09 | 北京达佳互联信息技术有限公司 | 应用程序页面展示方法、装置、电子设备及存储介质 |
CN113641294A (zh) * | 2021-07-30 | 2021-11-12 | 北京达佳互联信息技术有限公司 | 信息展示方法、装置、电子设备及存储介质 |
CN113791709A (zh) * | 2021-08-20 | 2021-12-14 | 北京达佳互联信息技术有限公司 | 页面显示方法、装置、电子设备及存储介质 |
CN114968035A (zh) * | 2022-05-24 | 2022-08-30 | 北京有竹居网络技术有限公司 | 一种互动方法、装置、设备及介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111881395A (zh) | 页面的呈现方法、装置、设备及计算机可读存储介质 | |
US10143924B2 (en) | Enhancing user experience by presenting past application usage | |
CN111294663B (zh) | 弹幕处理方法、装置、电子设备及计算机可读存储介质 | |
US20220370901A1 (en) | Virtual scene interaction method and apparatus, device, and storage medium | |
US9501140B2 (en) | Method and apparatus for developing and playing natural user interface applications | |
US10860345B2 (en) | System for user sentiment tracking | |
KR20210110620A (ko) | 상호작용 방법, 장치, 전자 장치 및 저장 매체 | |
US20120326993A1 (en) | Method and apparatus for providing context sensitive interactive overlays for video | |
US11620784B2 (en) | Virtual scene display method and apparatus, and storage medium | |
US10992620B2 (en) | Methods, systems, and media for generating a notification in connection with a video content item | |
US20190273972A1 (en) | User interface elements for content selection in media narrative presentation | |
CN110507992B (zh) | 一种虚拟场景中的技术支持方法、装置、设备及存储介质 | |
CN109154943A (zh) | 自动播放内容到点击播放内容的基于服务器的转换 | |
US20180143741A1 (en) | Intelligent graphical feature generation for user content | |
CN111862280A (zh) | 虚拟角色控制方法、系统、介质及电子设备 | |
US11521653B2 (en) | Video sequence layout method, electronic device and storage medium | |
CN114185466A (zh) | 业务处理方法、装置、电子设备及存储介质 | |
CN111760272A (zh) | 游戏信息显示方法及装置、计算机存储介质、电子设备 | |
CN112801684A (zh) | 广告的播放方法及装置 | |
CN113301421A (zh) | 直播片段展示方法和装置、存储介质及电子设备 | |
CN111866276A (zh) | 媒体信息的呈现方法、装置、设备及计算机可读存储介质 | |
CN113101633B (zh) | 云游戏的模拟操作方法、装置及电子设备 | |
CN115048010A (zh) | 视听作品的展示方法、装置、设备及介质 | |
US20210154570A1 (en) | Enhanced Split-Screen Display via Augmented Reality | |
CN114092166A (zh) | 信息推荐处理方法、装置、设备及计算机可读存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 40031391 Country of ref document: HK |
|
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |