CN110191293A - 信息呈现方法和装置 - Google Patents

信息呈现方法和装置 Download PDF

Info

Publication number
CN110191293A
CN110191293A CN201910314609.9A CN201910314609A CN110191293A CN 110191293 A CN110191293 A CN 110191293A CN 201910314609 A CN201910314609 A CN 201910314609A CN 110191293 A CN110191293 A CN 110191293A
Authority
CN
China
Prior art keywords
lightning
frame
painting canvas
information
thunder
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
Application number
CN201910314609.9A
Other languages
English (en)
Inventor
张昊
王睿智
亓娜
王艳辉
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Visionvera Information Technology Co Ltd
Original Assignee
Visionvera Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Visionvera Information Technology Co Ltd filed Critical Visionvera Information Technology Co Ltd
Priority to CN201910314609.9A priority Critical patent/CN110191293A/zh
Publication of CN110191293A publication Critical patent/CN110191293A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00Animation
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N5/00Details of television systems
    • H04N5/222Studio circuitry; Studio devices; Studio equipment
    • H04N5/262Studio circuits, e.g. for mixing, switching-over, change of character of image, other special effects ; Cameras specially adapted for the electronic generation of special effects

Landscapes

  • Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Theoretical Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明实施例公开了信息呈现方法和装置。该方法应用于终端设备,该终端设备通过视联网与视联网服务器通信连接,该终端设备安装有浏览器,该方法的实施例包括:通过该浏览器向该视联网服务器发送天气信息获取请求;接收该视联网服务器返回的天气信息;响应于确定该天气信息指示雷电天气,在该浏览器中创建画布,并逐帧在该画布中绘制闪电,以生成包含所绘制的各帧的闪电特效;在该浏览器的页面中呈现该雷电特效和该天气信息。该实施方式提高了天气信息的呈现效果。

Description

信息呈现方法和装置
技术领域
本发明实施例涉及视联网技术领域,具体涉及呈现方法和装置。
背景技术
随着计算机技术的发展,用户通过终端设备获取信息的需求量也日益增长。例如,可以通过终端设备获取天气预报。
现有的方式,通常是通过互联网获取天气信息,以图片或者文字的形式显示天气信息。然而,这种天气信息的呈现方式,在天气信息指示雷电天气等恶劣天气时,无法引起用户的足够注意,因而天气信息的呈现效果较差。
发明内容
本发明实施例提出了信息呈现方法和装置,以解决现有技术中天气信息的呈现效果较差的技术问题。
第一方面,本发明实施例提供了一种信息呈现方法,该方法应用于终端设备,终端设备通过视联网与视联网服务器通信连接,终端设备安装有浏览器,该方法包括:通过浏览器向视联网服务器发送天气信息获取请求;接收视联网服务器返回的天气信息;响应于确定天气信息指示雷电天气,在浏览器中创建画布,并逐帧在画布中绘制闪电,以生成包含所绘制的各帧的闪电特效;在浏览器的页面中呈现雷电特效和天气信息。
在一些实施例中,在浏览器中创建画布,并逐帧在画布中绘制闪电,以生成包含所绘制的各帧的闪电特效,包括:在浏览器中创建第一画布和第二画布;将第一画布作为雷电特效的背景,逐帧在第二画布中绘制闪电;逐帧将第一画布和第二画布进行重叠,生成包含所绘制的各帧的闪电特效。
在一些实施例中,将第一画布作为雷电特效的背景,逐帧在第二画布中绘制闪电,包括:将第一画布的背景色设定为黑色;将第二画布的背景色设定为白色;设定第二画布的最大透明度;逐帧设定第二画布的透明度,以使第二画布的透明度逐帧增加,并使最后一帧的透明度为最大透明度;设定各帧中的闪电的属性信息,其中,属性信息包括闪电的起点、范围、路径、终点;基于所设定的属性信息,逐帧在第二画布中绘制闪电。
在一些实施例中,设定第二画布的最大透明度,包括:随机从预设的透明度数值范围中选取一个数值,作为第二画布的最大透明度。
在一些实施例中,天气信息中包含雷电等级信息;以及设定第二画布的最大透明度,包括:获取预设的对应关系信息,其中,对应关系信息中包括不同雷电等级与最大透明度的对应关系;将雷电等级信息所指示的雷电等级作为目标雷电等级,从上述对应关系信息中查找目标雷电等级对应的最大透明度;将所查找到的最大透明度设定为第二画布的最大透明度。
第二方面,本发明实施例提供了一种信息呈现装置,该装置应用于终端设备,终端设备通过视联网与视联网服务器通信连接,终端设备安装有浏览器,该装置包括:发送单元,被配置成通过浏览器向视联网服务器发送天气信息获取请求;接收单元,被配置成接收视联网服务器返回的天气信息;绘制单元,被配置成响应于确定天气信息指示雷电天气,在浏览器中创建画布,并逐帧在画布中绘制闪电,以生成包含所绘制的各帧的闪电特效;呈现单元,被配置成在浏览器的页面中呈现雷电特效和天气信息。
在一些实施例中,绘制单元,包括:创建模块,被配置成在浏览器中创建第一画布和第二画布;绘制模块,被配置成将第一画布作为雷电特效的背景,逐帧在第二画布中绘制闪电;生成单元,被配置成逐帧将第一画布和第二画布进行重叠,生成包含所绘制的各帧的闪电特效。
在一些实施例中,绘制模块,进一步被配置成:将第一画布的背景色设定为黑色;将第二画布的背景色设定为白色;设定第二画布的最大透明度;逐帧设定第二画布的透明度,以使第二画布的透明度逐帧增加,并使最后一帧的透明度为最大透明度;设定各帧中的闪电的属性信息,其中,属性信息包括闪电的起点、范围、路径、终点;基于所设定的属性信息,逐帧在第二画布中绘制闪电。
在一些实施例中,绘制模块,进一步被配置成:随机从预设的透明度数值范围中选取一个数值,作为第二画布的最大透明度。
在一些实施例中,天气信息中包含雷电等级信息;以及绘制模块,进一步被配置成:获取预设的对应关系信息,其中,对应关系信息中包括不同雷电等级与最大透明度的对应关系;将雷电等级信息所指示的雷电等级作为目标雷电等级,从上述对应关系信息中查找目标雷电等级对应的最大透明度;将所查找到的最大透明度设定为第二画布的最大透明度。
本发明实施例提供的信息呈现方法和装置,应用视联网的特性,通过向视联网服务器发送天气信息获取请求,从而接收视联网服务器返回的天气信息;而后在确定天气信息指示雷电天气后,在浏览器中创建画布,并逐帧在画布中绘制闪电,以生成包含所绘制的各帧的闪电特效;最后在浏览器的页面中呈现雷电特效和天气信息。从而可以在呈现天气信息的同时呈现雷电特效,在雷电天气时可以引起用户的足够注意,提高了天气信息的呈现效果和所呈现的信息的丰富性。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本发明的其它特征、目的和优点将会变得更明显:
图1是本发明的一种视联网的组网示意图;
图2是本发明的一种节点服务器的硬件结构示意图;
图3是本发明的一种接入交换机的硬件结构示意图;
图4是本发明的一种以太网协转网关的硬件结构示意图;
图5是本发明的信息呈现方法的一个实施例的流程图;
图6是本发明的信息呈现装置的一个实施例的结构示意图。
具体实施方式
为使本发明的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本发明作进一步详细的说明。
视联网是网络发展的重要里程碑,是一个实时网络,能够实现高清视频实时传输,将众多互联网应用推向高清视频化,高清面对面。
视联网采用实时高清视频交换技术,可以在一个网络平台上将所需的服务,如高清视频会议、视频监控、智能化监控分析、应急指挥、数字广播电视、延时电视、网络教学、现场直播、VOD点播、电视邮件、个性录制(PVR)、内网(自办)频道、智能化视频播控、信息发布等数十种视频、语音、图片、文字、通讯、数据等服务全部整合在一个系统平台,通过电视或电脑实现高清品质视频播放。
为使本领域技术人员更好地理解本发明实施例,以下对视联网进行介绍:
视联网所应用的部分技术如下所述:
网络技术(Network Technology)
视联网的网络技术创新改良了传统以太网(Ethernet),以面对网络上潜在的巨大视频流量。不同于单纯的网络分组包交换(Packet Switching)或网络电路交换(CircuitSwitching),视联网技术采用Packet Switching满足Streaming需求。视联网技术具备分组交换的灵活、简单和低价,同时具备电路交换的品质和安全保证,实现了全网交换式虚拟电路,以及数据格式的无缝连接。
交换技术(Switching Technology)
视联网采用以太网的异步和包交换两个优点,在全兼容的前提下消除了以太网缺陷,具备全网端到端无缝连接,直通用户终端,直接承载IP数据包。用户数据在全网范围内不需任何格式转换。视联网是以太网的更高级形态,是一个实时交换平台,能够实现目前互联网无法实现的全网大规模高清视频实时传输,将众多网络视频应用推向高清化、统一化。
服务器技术(Server Technology)
视联网和统一视频平台上的服务器技术不同于传统意义上的服务器,它的流媒体传输是建立在面向连接的基础上,其数据处理能力与流量、通讯时间无关,单个网络层就能够包含信令及数据传输。对于语音和视频业务来说,视联网和统一视频平台流媒体处理的复杂度比数据处理简单许多,效率比传统服务器大大提高了百倍以上。
储存器技术(Storage Technology)
统一视频平台的超高速储存器技术为了适应超大容量和超大流量的媒体内容而采用了最先进的实时操作系统,将服务器指令中的节目信息映射到具体的硬盘空间,媒体内容不再经过服务器,瞬间直接送达到用户终端,用户等待一般时间小于0.2秒。最优化的扇区分布大大减少了硬盘磁头寻道的机械运动,资源消耗仅占同等级IP互联网的20%,但产生大于传统硬盘阵列3倍的并发流量,综合效率提升10倍以上。
网络安全技术(Network Security Technology)
视联网的结构性设计通过每次服务单独许可制、设备与用户数据完全隔离等方式从结构上彻底根除了困扰互联网的网络安全问题,一般不需要杀毒程序、防火墙,杜绝了黑客与病毒的攻击,为用户提供结构性的无忧安全网络。
服务创新技术(Service Innovation Technology)
统一视频平台将业务与传输融合在一起,不论是单个用户、私网用户还是一个网络的总合,都不过是一次自动连接。用户终端、机顶盒或PC直接连到统一视频平台,获得丰富多彩的各种形态的多媒体视频服务。统一视频平台采用“菜谱式”配表模式来替代传统的复杂应用编程,可以使用非常少的代码即可实现复杂的应用,实现“无限量”的新业务创新。
视联网的组网如下所述:
视联网是一种集中控制的网络结构,该网络可以是树型网、星型网、环状网等等类型,但在此基础上网络中需要有集中控制节点来控制整个网络。
如图1所示,视联网分为接入网和城域网两部分。
接入网部分的设备主要可以分为3类:节点服务器,接入交换机,终端(包括各种机顶盒、编码板、存储器等)。节点服务器与接入交换机相连,接入交换机可以与多个终端相连,并可以连接以太网。
其中,节点服务器是接入网中起集中控制功能的节点,可控制接入交换机和终端。节点服务器可直接与接入交换机相连,也可以直接与终端相连。
类似的,城域网部分的设备也可以分为3类:城域服务器,节点交换机,节点服务器。城域服务器与节点交换机相连,节点交换机可以与多个节点服务器相连。
其中,节点服务器即为接入网部分的节点服务器,即节点服务器既属于接入网部分,又属于城域网部分。
城域服务器是城域网中起集中控制功能的节点,可控制节点交换机和节点服务器。城域服务器可直接连接节点交换机,也可直接连接节点服务器。
由此可见,整个视联网络是一种分层集中控制的网络结构,而节点服务器和城域服务器下控制的网络可以是树型、星型、环状等各种结构。
形象地称,接入网部分可以组成统一视频平台(虚线圈中部分),多个统一视频平台可以组成视联网;每个统一视频平台可以通过城域以及广域视联网互联互通。
视联网设备分类
1.1本发明实施例的视联网中的设备主要可以分为3类:服务器,交换机(包括以太网网关),终端(包括各种机顶盒,编码板,存储器等)。视联网整体上可以分为城域网(或者国家网、全球网等)和接入网。
1.2其中接入网部分的设备主要可以分为3类:节点服务器,接入交换机(包括以太网网关),终端(包括各种机顶盒,编码板,存储器等)。
各接入网设备的具体硬件结构为:
节点服务器:
如图2所示,主要包括网络接口模块201、交换引擎模块202、CPU模块203、磁盘阵列模块204;
其中,网络接口模块201,CPU模块203、磁盘阵列模块204进来的包均进入交换引擎模块202;交换引擎模块202对进来的包进行查地址表205的操作,从而获得包的导向信息;并根据包的导向信息把该包存入对应的包缓存器206的队列;如果包缓存器206的队列接近满,则丢弃;交换引擎模202轮询所有包缓存器队列,如果满足以下条件进行转发:1)该端口发送缓存未满;2)该队列包计数器大于零。磁盘阵列模块204主要实现对硬盘的控制,包括对硬盘的初始化、读写等操作;CPU模块203主要负责与接入交换机、终端(图中未示出)之间的协议处理,对地址表205(包括下行协议包地址表、上行协议包地址表、数据包地址表)的配置,以及,对磁盘阵列模块204的配置。
接入交换机:
如图3所示,主要包括网络接口模块(下行网络接口模块301、上行网络接口模块302)、交换引擎模块303和CPU模块304;
其中,下行网络接口模块301进来的包(上行数据)进入包检测模块305;包检测模块305检测包的目地地址(DA)、源地址(SA)、数据包类型及包长度是否符合要求,如果符合,则分配相应的流标识符(stream-id),并进入交换引擎模块303,否则丢弃;上行网络接口模块302进来的包(下行数据)进入交换引擎模块303;CPU模块204进来的数据包进入交换引擎模块303;交换引擎模块303对进来的包进行查地址表306的操作,从而获得包的导向信息;如果进入交换引擎模块303的包是下行网络接口往上行网络接口去的,则结合流标识符(stream-id)把该包存入对应的包缓存器307的队列;如果该包缓存器307的队列接近满,则丢弃;如果进入交换引擎模块303的包不是下行网络接口往上行网络接口去的,则根据包的导向信息,把该数据包存入对应的包缓存器307的队列;如果该包缓存器307的队列接近满,则丢弃。
交换引擎模块303轮询所有包缓存器队列,在本发明实施例中分两种情形:
如果该队列是下行网络接口往上行网络接口去的,则满足以下条件进行转发:1)该端口发送缓存未满;2)该队列包计数器大于零;3)获得码率控制模块产生的令牌;
如果该队列不是下行网络接口往上行网络接口去的,则满足以下条件进行转发:1)该端口发送缓存未满;2)该队列包计数器大于零。
码率控制模块208是由CPU模块204来配置的,在可编程的间隔内对所有下行网络接口往上行网络接口去的包缓存器队列产生令牌,用以控制上行转发的码率。
CPU模块304主要负责与节点服务器之间的协议处理,对地址表306的配置,以及,对码率控制模块308的配置。
以太网协转网关
如图4所示,主要包括网络接口模块(下行网络接口模块401、上行网络接口模块402)、交换引擎模块403、CPU模块404、包检测模块405、码率控制模块408、地址表406、包缓存器407和MAC添加模块409、MAC删除模块410。
其中,下行网络接口模块401进来的数据包进入包检测模块405;包检测模块405检测数据包的以太网MAC DA、以太网MAC SA、以太网length or frame type、视联网目地地址DA、视联网源地址SA、视联网数据包类型及包长度是否符合要求,如果符合则分配相应的流标识符(stream-id);然后,由MAC删除模块410减去MAC DA、MAC SA、length or frame type(2byte),并进入相应的接收缓存,否则丢弃;
下行网络接口模块401检测该端口的发送缓存,如果有包则根据包的视联网目地地址DA获知对应的终端的以太网MAC DA,添加终端的以太网MAC DA、以太网协转网关的MACSA、以太网length or frame type,并发送。
以太网协转网关中其他模块的功能与接入交换机类似。
终端:
主要包括网络接口模块、业务处理模块和CPU模块;例如,机顶盒主要包括网络接口模块、视音频编解码引擎模块、CPU模块;编码板主要包括网络接口模块、视音频编码引擎模块、CPU模块;存储器主要包括网络接口模块、CPU模块和磁盘阵列模块。
1.3城域网部分的设备主要可以分为2类:节点服务器,节点交换机,城域服务器。其中,节点交换机主要包括网络接口模块、交换引擎模块和CPU模块;城域服务器主要包括网络接口模块、交换引擎模块和CPU模块构成。
2、视联网数据包定义
2.1接入网数据包定义
接入网的数据包主要包括以下几部分:目的地址(DA)、源地址(SA)、保留字节、payload(PDU)、CRC。
如下表所示,接入网的数据包主要包括以下几部分:
其中:
目的地址(DA)由8个字节(byte)组成,第一个字节表示数据包的类型(例如各种协议包、组播数据包、单播数据包等),最多有256种可能,第二字节到第六字节为城域网地址,第七、第八字节为接入网地址;
源地址(SA)也是由8个字节(byte)组成,定义与目的地址(DA)相同;
保留字节由2个字节组成;
payload部分根据不同的数据报的类型有不同的长度,如果是各种协议包的话是64个字节,如果是单组播数据包话是32+1024=1056个字节,当然并不仅仅限于以上2种;
CRC有4个字节组成,其计算方法遵循标准的以太网CRC算法。
2.2城域网数据包定义
城域网的拓扑是图型,两个设备之间可能有2种、甚至2种以上的连接,即节点交换机和节点服务器、节点交换机和节点交换机、节点交换机和节点服务器之间都可能超过2种连接。但是,城域网设备的城域网地址却是唯一的,为了精确描述城域网设备之间的连接关系,在本发明实施例中引入参数:标签,来唯一描述一个城域网设备。
本说明书中标签的定义和MPLS(Multi-Protocol Label Switch,多协议标签交换)的标签的定义类似,假设设备A和设备B之间有两个连接,那么数据包从设备A到设备B就有2个标签,数据包从设备B到设备A也有2个标签。标签分入标签、出标签,假设数据包进入设备A的标签(入标签)是0x0000,这个数据包离开设备A时的标签(出标签)可能就变成了0x0001。城域网的入网流程是集中控制下的入网过程,也就意味着城域网的地址分配、标签分配都是由城域服务器主导的,节点交换机、节点服务器都是被动的执行而已,这一点与MPLS的标签分配是不同的,MPLS的标签分配是交换机、服务器互相协商的结果。
如下表所示,城域网的数据包主要包括以下几部分:
即目的地址(DA)、源地址(SA)、保留字节(Reserved)、标签、payload(PDU)、CRC。其中,标签的格式可以参考如下定义:标签是32bit,其中高16bit保留,只用低16bit,它的位置是在数据包的保留字节和payload之间。
基于视联网的上述特性,提出了本发明实施例的核心构思之一,遵循视联网的协议,由目标终端在接收到第一用户通过第一终端发送的待翻译音频数据后,对所述待翻译音频数据进行存储和播放;而后录制同声传译人员的声音信号,以生成并存储所述声音信号对应的目标音频数据;最后对所述目标音频数据进行分析,确定所述同声传译人员的等级,并生成用于指示所述等级的等级信息,进而将所述等级信息进行存储,从而可以在同声传译人员进行同声传译的过程中,生成并存储同声传译人员的等级信息。
继续参考图5,其示出了根据本发明的信息呈现方法的一个实施例的流程500。上述方法应用于终端设备,上述终端设备可以通过视联网与视联网服务器通信连接,上述终端设备安装有浏览器。此处,上述视联网服务器可以是视联网中具有请求处理、数据存储等功能服务器。
上述信息呈现方法的流程500,具体可以包括如下步骤:
步骤501,通过浏览器向视联网服务器发送天气信息获取请求。
在本实施例中,信息呈现方法的执行主体(如上述终端设备)可以通过安装于其上的浏览器,向视联网服务器发送天气信息获取请求。具体地,上述浏览器可以提供与视联网服务器交互的接口(例如XMLHttpRequest接口)。上述执行主体可以通过该接口,向上述视联网服务器发送天气获取请求。
实践中,XMLHttpRequest是一组API(Application Programming Interface,应用程序编程接口)函数集,可被JavaScript、JScript、VBScript以及其它浏览器内嵌的脚本语言调用,通过HTTP(HyperText Transfer Protocol,超文本传输协议)在浏览器和服务器之间收发XML(Extensible Markup Language,可扩展标记语言)或其它数据。因此,可以通过上述XMLHttpRequest接口向上述视联网服务器发送天气获取请求。
需要说明的是,上述天气获取请求可以包括但不限于以下内容:位置信息、时间信息、设备标识、用户标识等。
步骤502,接收视联网服务器返回的天气信息。
在本实施例中,上述执行主体可以接收视联网服务器返回的天气信息。实践中,上述天气信息可以包括但不限于温度、湿度、雷电等级信息、风速、降水概率、雷电概率等。
步骤503,响应于确定天气信息指示雷电天气,在浏览器中创建画布,并逐帧在画布中绘制闪电,以生成包含所绘制的各帧的闪电特效。
在本实施例中,上述执行主体可以首先基于上述天气信息,确定所查询的天气是否为雷电天气。作为示例,若上述天气信息中包含雷电概率,则上述执行主体可以判定上述雷电概率是否大于预设数值。若是,则可以确定所查询的天气为雷电天气。作为又一示例,若上述天气信息中包含雷电等级信息,则上述执行主体可以确定所查询的天气为雷电天气;若上述天气信息中不包含雷电等级信息,则上述执行主体可以确定所查询的天气不是雷电天气。此处,若确定所查询的天气为雷电天气,则可以认为上述天气信息指示雷电天气。
在本实施例中,响应于确定天气信息指示雷电天气,上述执行主体可以在浏览器中创建画布,并逐帧在画布中绘制闪电,以生成包含所绘制的各帧的闪电特效(例如动画)。此处,可以基于HTML(Hyper Text Markup Language,超文本标记语言)、CSS(CascadingStyle Sheets,层叠样式表)、JavaScript(一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型)和HTML的画布元素(例如canvas)进行画布创建。其中,canvas是HTML5中用于通过脚本JavaScript绘制图像的元素。
实践中,一个画布在网页中是一个矩形框,可以通过canvas元素来绘制。由于canvas元素本身是没有绘图能力的,因此,可以在JavaScript内部完成绘制工作。此外,可以通过CSS设定画布的尺寸(例如宽度和高度)。由此,可以通过HTML、CSS、JavaScript和canvas完成画布的创建以及在画布绘制闪电。
需要说明的是,为丰富信息展现效果,可以绘制多帧,不同的帧对应有不同时刻的闪电的形态。由此,在将上述多帧进行播放时,可以呈现有更为真实、形象的雷电特效。
需要指出的是,上述雷电特效还可以配置有其他信息,例如雷电声音,此处不作限定。
在本实施例的一些可选的实现方式中,上述执行主体可以通过如下步骤生成闪电特效:
第一步,在上述浏览器中创建第一画布和第二画布。此处,可以采用相同的方式创建两个画布,分别作为第一画布和第二画布。
第二步,将上述第一画布作为雷电特效的背景,逐帧在上述第二画布中绘制闪电。作为示例,第一画布的颜色可以设置为黑色、深蓝色等;在第二画布中逐帧进行闪电绘制,以便在两个画布叠加后,既展现出背景,又展现闪电形态。
需要说明的是,上述第一画布的颜色还可以设置为其他颜色,此处不作限定。
第三步,逐帧将上述第一画布和上述第二画布进行重叠,生成包含所绘制的各帧的闪电特效。此处,由于第一画布作为背景,并逐帧在第二画布中进行了闪电绘制,由此,对于每一帧,在两个画布叠加后,既展现出了背景,又展现了闪电形态。在将各帧依次汇总后,可以得到包含多帧的闪电特效(例如动画)。
在本实施例的一些可选的实现方式中,可选的,在上述第二步中,可以通过如下步骤逐帧在第二画布中绘制闪电:
第一步,将上述第一画布的背景色设定为黑色。
第二步,将上述第二画布的背景色设定为白色;
第三步,设定上述第二画布的最大透明度。实践中,透明度为0时,完全透明;透明度为1时,完全不透明。
作为示例,可以随机从预设的透明度数值范围(例如数值区间[0.5,0.9])中选取一个数值,作为上述第二画布的最大透明度。由于闪电现象中,不存在完全相同的闪电。因而,通过随机设定数值作为最大透明度,可以避免每次呈现的雷电特效相同,提高了特效的真实度。
作为又一示例,上述天气信息中包含雷电等级信息,以及,上述执行主体中可以存储有预设的对应关系信息。其中,上述对应关系信息中包括不同雷电等级与最大透明度的对应关系。此时,上述执行主体可以首先获取预设的对应关系信息。而后将上述雷电等级信息所指示的雷电等级作为目标雷电等级,从上述对应关系信息中查找上述目标雷电等级对应的最大透明度。最后,将所查找到的最大透明度设定为上述第二画布的最大透明度。
第四步,逐帧设定上述第二画布的透明度,以使上述第二画布的透明度逐帧增加,并使最后一帧的透明度为上述最大透明度。由于闪电发生时,通常会逐渐呈现有白色的闪光。因而闪电呈现过程中,白色闪光的亮度逐渐增强,并在此过程中,呈现出闪电形态。因而,闪电呈现过程是一个动态变化的过程。通过由小到大设定第二画布透明度,可以使背景色逐渐减弱,呈现动态变化的过程。
第五步,设定各帧中的闪电的属性信息。其中,上述属性信息包括闪电的起点、范围、路径、终点。此处,上述起点、终点、范围可以以坐标的形式进行表示。上述路径可以是从上述起点到上述终点且位于上述范围中的随机路径。
第六步,基于所设定的属性信息,逐帧在上述第二画布中绘制闪电。实践中,不同帧的属性信息不同。对于每一帧,可以从起点开始,沿着设置的路径,绘制到终点,从而完成一整条闪电的绘制。实践中,通过将属性信息中的各项设定为不同数值,在一定范围内使用随机数值,可以保证每一条闪电都不一样。从而能够进一步提高了雷电特效的真实度。
步骤504,在浏览器的页面中呈现雷电特效和天气信息。
在本实施例中,上述执行主体可以在上述浏览器的页面中呈现雷电特效和天气信息。作为示例,可以以雷电特效作为背景,将天气信息(例如气温、湿度等)展现在雷电特效中。
在本发明实施例中,通过向上述视联网服务器发送天气信息获取请求,从而接收上述视联网服务器返回的天气信息;而后在确定上述天气信息指示雷电天气后,在上述浏览器中创建画布,并逐帧在上述画布中绘制闪电,以生成包含所绘制的各帧的闪电特效;最后在上述浏览器的页面中呈现上述雷电特效和上述天气信息。从而可以在呈现天气信息的同时呈现雷电特效,在雷电天气时可以引起用户的足够注意,提高了天气信息的呈现效果和所呈现的信息的丰富性。
需要说明的是,对于方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明实施例并不受所描述的动作顺序的限制,因为依据本发明实施例,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作并不一定是本发明实施例所必须的。
进一步参考图6,示出了本发明的信息呈现装置的一个实施例的结构示意图,上述装置应用于终端设备,上述终端设备通过视联网与视联网服务器通信连接,上述终端设备安装有浏览器。
如图6所示,本实施例所述的信息呈现装置600包括:发送单元601,被配置成通过上述浏览器向上述视联网服务器发送天气信息获取请求;接收单元602,被配置成接收上述视联网服务器返回的天气信息;绘制单元603,被配置成响应于确定上述天气信息指示雷电天气,在上述浏览器中创建画布,并逐帧在上述画布中绘制闪电,以生成包含所绘制的各帧的闪电特效;呈现单元604,被配置成在上述浏览器的页面中呈现上述雷电特效和上述天气信息。
在本实施例的一些可选的实现方式中,上述绘制单元603,包括:创建模块(图中未示出),被配置成在上述浏览器中创建第一画布和第二画布;绘制模块(图中未示出),被配置成将上述第一画布作为雷电特效的背景,逐帧在上述第二画布中绘制闪电;生成单元(图中未示出),被配置成逐帧将上述第一画布和上述第二画布进行重叠,生成包含所绘制的各帧的闪电特效。
在本实施例的一些可选的实现方式中,上述绘制模块,进一步被配置成:将上述第一画布的背景色设定为黑色;将上述第二画布的背景色设定为白色;设定上述第二画布的最大透明度;逐帧设定上述第二画布的透明度,以使上述第二画布的透明度逐帧增加,并使最后一帧的透明度为上述最大透明度;设定各帧中的闪电的属性信息,其中,上述属性信息包括闪电的起点、范围、路径、终点;基于所设定的属性信息,逐帧在上述第二画布中绘制闪电。
在本实施例的一些可选的实现方式中,上述绘制模块,进一步被配置成:随机从预设的透明度数值范围中选取一个数值,作为上述第二画布的最大透明度。
在本实施例的一些可选的实现方式中,上述天气信息中包含雷电等级信息;以及上述绘制模块,进一步被配置成:获取预设的对应关系信息,其中,上述对应关系信息中包括不同雷电等级与最大透明度的对应关系;将上述雷电等级信息所指示的雷电等级作为目标雷电等级,从上述对应关系信息中查找上述目标雷电等级对应的最大透明度;将所查找到的最大透明度设定为上述第二画布的最大透明度。
对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。
本领域内的技术人员应明白,本发明实施例的实施例可提供为方法、装置、或计算机程序产品。因此,本发明实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明实施例是参照根据本发明实施例的方法、终端设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上,使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本发明实施例的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例做出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本发明实施例范围的所有变更和修改。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。
以上对本发明所提供的一种信息呈现方法和装置,进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。

Claims (10)

1.一种信息呈现方法,其特征在于,所述方法应用于终端设备,所述终端设备通过视联网与视联网服务器通信连接,所述终端设备安装有浏览器,所述方法包括:
通过所述浏览器向所述视联网服务器发送天气信息获取请求;
接收所述视联网服务器返回的天气信息;
响应于确定所述天气信息指示雷电天气,在所述浏览器中创建画布,并逐帧在所述画布中绘制闪电,以生成包含所绘制的各帧的闪电特效;
在所述浏览器的页面中呈现所述雷电特效和所述天气信息。
2.根据权利要求1所述的信息呈现方法,其特征在于,所述在所述浏览器中创建画布,并逐帧在所述画布中绘制闪电,以生成包含所绘制的各帧的闪电特效,包括:
在所述浏览器中创建第一画布和第二画布;
将所述第一画布作为雷电特效的背景,逐帧在所述第二画布中绘制闪电;
逐帧将所述第一画布和所述第二画布进行重叠,生成包含所绘制的各帧的闪电特效。
3.根据权利要求2所述的信息呈现方法,其特征在于,所述将所述第一画布作为雷电特效的背景,逐帧在所述第二画布中绘制闪电,包括:
将所述第一画布的背景色设定为黑色;
将所述第二画布的背景色设定为白色;
设定所述第二画布的最大透明度;
逐帧设定所述第二画布的透明度,以使所述第二画布的透明度逐帧增加,并使最后一帧的透明度为所述最大透明度;
设定各帧中的闪电的属性信息,其中,所述属性信息包括闪电的起点、范围、路径、终点;
基于所设定的属性信息,逐帧在所述第二画布中绘制闪电。
4.根据权利要求3所述的信息呈现方法,其特征在于,所述设定所述第二画布的最大透明度,包括:
随机从预设的透明度数值范围中选取一个数值,作为所述第二画布的最大透明度。
5.根据权利要求3所述的信息呈现方法,其特征在于,所述天气信息中包含雷电等级信息;以及
所述设定所述第二画布的最大透明度,包括:
获取预设的对应关系信息,其中,所述对应关系信息中包括不同雷电等级与最大透明度的对应关系;
将所述雷电等级信息所指示的雷电等级作为目标雷电等级,从上述对应关系信息中查找所述目标雷电等级对应的最大透明度;
将所查找到的最大透明度设定为所述第二画布的最大透明度。
6.一种信息呈现装置,其特征在于,所述装置应用于终端设备,所述终端设备通过视联网与视联网服务器通信连接,所述终端设备安装有浏览器,所述装置包括:
发送单元,被配置成通过所述浏览器向所述视联网服务器发送天气信息获取请求;
接收单元,被配置成接收所述视联网服务器返回的天气信息;
绘制单元,被配置成响应于确定所述天气信息指示雷电天气,在所述浏览器中创建画布,并逐帧在所述画布中绘制闪电,以生成包含所绘制的各帧的闪电特效;
呈现单元,被配置成在所述浏览器的页面中呈现所述雷电特效和所述天气信息。
7.根据权利要求6所述的信息呈现装置,其特征在于,所述绘制单元,包括:
创建模块,被配置成在所述浏览器中创建第一画布和第二画布;
绘制模块,被配置成将所述第一画布作为雷电特效的背景,逐帧在所述第二画布中绘制闪电;
生成单元,被配置成逐帧将所述第一画布和所述第二画布进行重叠,生成包含所绘制的各帧的闪电特效。
8.根据权利要求7所述的信息呈现装置,其特征在于,所述绘制模块,进一步被配置成:
将所述第一画布的背景色设定为黑色;
将所述第二画布的背景色设定为白色;
设定所述第二画布的最大透明度;
逐帧设定所述第二画布的透明度,以使所述第二画布的透明度逐帧增加,并使最后一帧的透明度为所述最大透明度;
设定各帧中的闪电的属性信息,其中,所述属性信息包括闪电的起点、范围、路径、终点;
基于所设定的属性信息,逐帧在所述第二画布中绘制闪电。
9.根据权利要求8所述的信息呈现装置,其特征在于,所述绘制模块,进一步被配置成:
随机从预设的透明度数值范围中选取一个数值,作为所述第二画布的最大透明度。
10.根据权利要求8所述的信息呈现装置,其特征在于,所述天气信息中包含雷电等级信息;以及
所述绘制模块,进一步被配置成:
获取预设的对应关系信息,其中,所述对应关系信息中包括不同雷电等级与最大透明度的对应关系;
将所述雷电等级信息所指示的雷电等级作为目标雷电等级,从上述对应关系信息中查找所述目标雷电等级对应的最大透明度;
将所查找到的最大透明度设定为所述第二画布的最大透明度。
CN201910314609.9A 2019-04-18 2019-04-18 信息呈现方法和装置 Pending CN110191293A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910314609.9A CN110191293A (zh) 2019-04-18 2019-04-18 信息呈现方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910314609.9A CN110191293A (zh) 2019-04-18 2019-04-18 信息呈现方法和装置

Publications (1)

Publication Number Publication Date
CN110191293A true CN110191293A (zh) 2019-08-30

Family

ID=67714703

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910314609.9A Pending CN110191293A (zh) 2019-04-18 2019-04-18 信息呈现方法和装置

Country Status (1)

Country Link
CN (1) CN110191293A (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110728733A (zh) * 2019-10-21 2020-01-24 中国民航信息网络股份有限公司 一种用于绘制航线图的系统及方法
CN111784804A (zh) * 2020-06-01 2020-10-16 北京像素软件科技股份有限公司 虚拟场景中的闪电模拟方法及装置、终端、可读存储介质
CN114222149A (zh) * 2021-11-17 2022-03-22 武汉斗鱼鱼乐网络科技有限公司 一种推流方法、装置、介质及计算机设备

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2009015082A1 (en) * 2007-07-25 2009-01-29 Oneworld Global Manufacturing Solutions Ltd. Digital photo frame with weather forecasting ability
US20120092347A1 (en) * 2010-10-18 2012-04-19 Foxconn Communication Technology Corp. Electronic device and method for displaying weather information thereon
CN104183004A (zh) * 2014-08-12 2014-12-03 小米科技有限责任公司 天气显示方法及装置
CN104484361A (zh) * 2014-12-02 2015-04-01 百度在线网络技术(北京)有限公司 信息的展现方法及装置
CN104850389A (zh) * 2014-02-14 2015-08-19 腾讯科技(深圳)有限公司 动态界面的实现方法及装置
CN107608993A (zh) * 2016-07-12 2018-01-19 腾讯科技(深圳)有限公司 网页动画生成的方法和装置
CN109634603A (zh) * 2018-11-28 2019-04-16 广东智合创享营销策划有限公司 一种基于Canvas画布的H5页面制作方法和装置

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2009015082A1 (en) * 2007-07-25 2009-01-29 Oneworld Global Manufacturing Solutions Ltd. Digital photo frame with weather forecasting ability
US20120092347A1 (en) * 2010-10-18 2012-04-19 Foxconn Communication Technology Corp. Electronic device and method for displaying weather information thereon
CN104850389A (zh) * 2014-02-14 2015-08-19 腾讯科技(深圳)有限公司 动态界面的实现方法及装置
CN104183004A (zh) * 2014-08-12 2014-12-03 小米科技有限责任公司 天气显示方法及装置
CN104484361A (zh) * 2014-12-02 2015-04-01 百度在线网络技术(北京)有限公司 信息的展现方法及装置
CN107608993A (zh) * 2016-07-12 2018-01-19 腾讯科技(深圳)有限公司 网页动画生成的方法和装置
CN109634603A (zh) * 2018-11-28 2019-04-16 广东智合创享营销策划有限公司 一种基于Canvas画布的H5页面制作方法和装置

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
切客网: "《canvas3D烟花特效》", 《切客网》 *
寇勇 等: "《基于多重细分的闪电仿真方法》", 《计算机工程与设计》 *

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110728733A (zh) * 2019-10-21 2020-01-24 中国民航信息网络股份有限公司 一种用于绘制航线图的系统及方法
CN111784804A (zh) * 2020-06-01 2020-10-16 北京像素软件科技股份有限公司 虚拟场景中的闪电模拟方法及装置、终端、可读存储介质
CN114222149A (zh) * 2021-11-17 2022-03-22 武汉斗鱼鱼乐网络科技有限公司 一种推流方法、装置、介质及计算机设备

Similar Documents

Publication Publication Date Title
CN108881357B (zh) 一种数据同步的方法和装置
CN108965912B (zh) 一种视频数据处理的方法、客户端以及服务器
CN108173804B (zh) 一种通过视联网访问互联网的方法及视联猫客户端
CN109302451A (zh) 一种图片文件的展示方法和系统
CN108965224A (zh) 一种视频点播的方法和装置
CN108880926A (zh) 一种服务器监控的方法和装置
CN109302455A (zh) 一种视联网的数据处理方法和装置
CN108989837A (zh) 一种图片截取的方法和装置
CN108881141A (zh) 一种基于视联网的数据处理方法和装置
CN110191293A (zh) 信息呈现方法和装置
CN109286826A (zh) 信息显示方法和装置
CN109889373A (zh) 一种告警信息的传输方法、装置和系统
CN110049346A (zh) 一种视频直播的方法和系统
CN109617830A (zh) 一种视联网中实时演示业务的方法和装置
CN109766753A (zh) 一种指纹信息获取方法和装置
CN108073665B (zh) 一种视联网页面和html页面的切换方法和装置
CN110365937A (zh) 无人机信息展示方法和系统
CN110113558A (zh) 数据处理方法、装置、系统及计算机可读存储介质
CN110113564A (zh) 一种数据获取方法和视联网系统
CN109462573A (zh) 一种基于时间轴的业务操作方法和装置
CN108965783A (zh) 一种视频数据处理方法及视联网录播终端
CN108881940A (zh) 一种数据处理方法和视联网服务器
CN107920098B (zh) 一种网页播放器图标显示的方法及系统
CN109788222A (zh) 一种视联网视频的处理方法及装置
CN109257629A (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
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20190830