CN109948084B - 网页信息的展示方法、装置、介质及计算设备 - Google Patents

网页信息的展示方法、装置、介质及计算设备 Download PDF

Info

Publication number
CN109948084B
CN109948084B CN201710656546.6A CN201710656546A CN109948084B CN 109948084 B CN109948084 B CN 109948084B CN 201710656546 A CN201710656546 A CN 201710656546A CN 109948084 B CN109948084 B CN 109948084B
Authority
CN
China
Prior art keywords
picture
bullet screen
page
comment information
displayed
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201710656546.6A
Other languages
English (en)
Other versions
CN109948084A (zh
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.)
Tencent Technology Beijing Co Ltd
Original Assignee
Tencent Technology Beijing 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 Tencent Technology Beijing Co Ltd filed Critical Tencent Technology Beijing Co Ltd
Priority to CN201710656546.6A priority Critical patent/CN109948084B/zh
Publication of CN109948084A publication Critical patent/CN109948084A/zh
Application granted granted Critical
Publication of CN109948084B publication Critical patent/CN109948084B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • Information Transfer Between Computers (AREA)

Abstract

本申请涉及互联网技术领域,公开了网页信息的展示方法、装置、介质及计算设备。该展示方法包括:确定页面在可视区域中完整显示的图片;针对每张完整显示的图片,若确定该图片为详情页的链接,根据该图片所链接的详情页的评论信息,生成以评论信息为弹幕内容的弹幕并加载到内存中;从内存中读取生成的弹幕,并将生成的弹幕显示在对应的图片上。本申请提供的方法,将相关评论信息作为弹幕放在作为链接的图片中,便于用户进一步了解网页内容,能够更加准确的找出感兴趣的网页。由于可视区域显示的内容需要从内容中读取,为了减少对内存的消耗,仅可视区域中完整显示的图片才配有弹幕。

Description

网页信息的展示方法、装置、介质及计算设备
技术领域
本申请涉及互联网技术领域,尤其涉及网页信息的展示方法、装置、介质及计算设备。
背景技术
随着互联网技术的不断发展,和互联网内容的不断完善,人们经常利用浏览器或移动终端的应用来进行网络活动,例如浏览新闻、网购、逛论坛等。
由于图片能够以吸睛的视觉效果、直观的向用户传达信息。很多网页内容提供商为了增加点击率或者网页曝光量。均会采用图文结合或者图片形式的网页。这样的网页大多以标志性的图片作为网页详情的链接。
以图片新闻为例,页面中首先提供图片列表,图片列表中每张图片中会包含新闻的标题,每张图片链接对应的详情页用于展示新闻的详细内容。
然而,发明人发现,在到处充斥图片链接的网络中,图片以某种固定的模板形式进行排版展示,而图片和标题能够传达给用户的信息也有限。所以,用户在众多的图片中也很难迅速的找到真正感兴趣的网页内容。故此,如何进一步提高用户粘性,提高网页的点击率和曝光量成为需要解决的问题。
发明内容
本申请实施例提供网页信息的展示方法、装置、介质及计算设备,用以解决现有技术中存在的因为图片以某种固定的模板形式进行排版展示,而图片和标题能够传达给用户的信息也有限,导致用户在众多的图片中也很难迅速的找到真正感兴趣的网页内容,导致用户选择浏览网页内容的操作复杂网页的点击率和曝光量低等的问题。
本申请实施例提供的一种网页信息的展示方法应用于包含有图片的页面中,所述方法包括:
确定所述页面在可视区域中完整显示的图片;
针对每张完整显示的图片,若确定该图片为详情页的链接,根据该图片所链接的详情页的评论信息,生成以评论信息为弹幕内容的弹幕并加载到内存中;
从内存中读取生成的弹幕,并将生成的弹幕显示在对应的图片上。
本申请实施例提供的一种网页信息的展示装置,应用于包含有图片的页面中,所述装置包括:
完整显示图片确定模块,用于确定所述页面在可视区域中完整显示的图片;
弹幕生成模块,用于针对每张完整显示的图片,若确定该图片为详情页的链接,根据该图片所链接的详情页的评论信息,生成以评论信息为弹幕内容的弹幕并加载到内存中;
弹幕显示模块,用于从内存中读取生成的弹幕,并将生成的弹幕显示在对应的图片上。
本申请另一实施例还提供了一种计算设备,其包括存储器和处理器,其中,所述存储器用于存储程序指令,所述处理器用于调用所述存储器中存储的程序指令,按照获得的程序指令执行本申请实施例中的任一网页信息的展示方法。
本申请另一实施例还提供了一种计算机存储介质,其中,所述计算机存储介质存储有计算机可执行指令,所述计算机可执行指令用于使所述计算机执行本申请实施例中的任一网页信息的展示方法。
本申请实施例中,将相关评论信息作为弹幕放在作为链接的图片中,用户在查看图片链接的同时能够查看到其它用户的评论,这样可以便于用户进一步了解网页内容。这样,用户在查看作为链接的图片时,能够更加准确的找出感兴趣的网页。由于可视区域显示的内容需要从内容中读取,本申请实施例中,为了减少对内存的消耗,仅可视区域中完整显示的图片才配有弹幕,对于非完整显示的图片并不配有弹幕。由于能够减少对内存的消耗,能够适用于内存配置不同的终端设备。
附图说明
图1所示为本申请实施例提供的网页信息的展示方法的应用场景示意图;
图2所示为本申请实施例一提供的网页信息的展示方法的流程示意图;
图3所示为本申请实施例一中提供的可视区域的效果图;
图4所示为本申请实施例一中提供的插入弹幕后的图片的效果图;
图5所示为本申请实施例一中提供的确定完整显示的图片所使用的参数的示意图;
图6所示为本申请实施例二提供的网页信息的展示装置的结构示意图;
图7为本申请实施例三提供的计算设备的结构示意图。
具体实施方式
发明人发现,基本所有的网络内容提供商都会提供评论功能,便于用户们根据自己的喜好对网页内容发表观点,以便于提高用户体验,增加用户粘性等。通过评论功能,用户可以根据自己的需求在网页中发表自己的评论和观点。促进用户在虚拟网络世界中进行交流和学习。故此,用户不光对网页内容感兴趣,很多用户对其它用户的评论信息更感兴趣。然而,评论信息只有进入图片标题对应的详情页才能查看。此外,评论也大多以列表的形式展示在网页内容的下方。故此,评论的查看方式单一,展示方式也单一,不便于用户及时获取评论内容。
有鉴于此,本申请实施例中,为了便于用户发掘感兴趣的网页,提高用户粘性和网页的点击率和曝光量,提供了一种网页信息的展示方法。该方法应用于包含有图片的页面中,包括:确定所述页面在可视区域中完整显示的图片;针对每张完整显示的图片,若确定该图片为详情页的链接,根据该图片所链接的详情页的评论信息,生成以评论信息为弹幕内容的弹幕并加载到缓存中;从缓存中读取生成的弹幕,并将生成的弹幕显示在对应的图片上。
基于本申请实施例提供的该方法,一方面,将相关评论信息作为弹幕放在作为链接的图片中,用户在查看图片链接的同时能够查看到其它用户的评论,这样可以便于用户进一步了解网页内容。这样,用户在查看到作为链接的图片时,能够更加准确的找出感兴趣的网页。另一方面,由于可视区域显示的内容需要从内存中读取,本申请实施例中,为了减少对内存的消耗,仅可视区域中完整显示的图片才配有弹幕,对于非完整显示的图片并不配有弹幕。由于能够减少对内存的消耗,能够适用于内存配置不同的终端设备。
为了便于理解本申请实施例提供的技术方案,下面结合说明书附图对本申请实施例作进一步详细描述。
首先参考图1其为本申请实施例提供的网页信息的展示方法的应用场景示意图。该场景例如可以包括用户10、终端设备11和服务器12。其中,所述终端设备11中可安装有各种可浏览网页的客户端,如新闻客户端、视频客户端、网购客户端等。终端设备11的客户端和服务器12建立通信连接后,可以从服务器12获取包含有图片的页面并显示。之后,终端设备11针对每张完整显示的图片,若确定该图片为详情页的链接,根据该图片所链接的详情页的评论信息,生成以评论信息为弹幕内容的弹幕并加载到内存中;从内存中读取生成的弹幕,并将生成的弹幕显示在对应的图片上。
其中,终端设备11和服务器12可通过通信网络进行通信连接,该网络可以为局域网、广域网等。终端设备11可以为手机、平板电脑、笔记本电脑、个人计算机等,服务器12可以为任何能够支持相应的网页信息的展示方法的服务器设备。
需要说明的是,本申请实施例提供的网页信息的展示方法,可以适用于以图片为链接的各种网页。例如含有图片的新闻,购物类网站、包含有以图片形式展现的广告的页面等。在购物类网站中,用户输入宝贝的查找条件时,会以图片列表的形式展示各种符合查找条件的宝贝图片。通常情况下,每种宝贝一经售出会收到购买者的评论,那么可以将相关的重要评论作为弹幕内容插入到宝贝图片中进行显示。以便于用户可以结合图片和评论选择是否查看宝贝详情。针对图片新闻,网页中以图片列表形式显示各个新闻的链接,用户可以通过图片列表中各图片的弹幕方便、快速的了解新闻内容,以便于选择自己感兴趣的新闻进行阅读。
实施例一
参照图2,为本申请实施例一提供的网页信息的展示方法流程图,应用于包含有图片的页面中,包括以下步骤:
步骤201:确定所述页面在可视区域中完整显示的图片。
例如,如图3所示,以终端设备为手机为例,手机的显示屏幕为可视区域。在可视区域中共有4张图片,分别为a、b、c、d。其中,a图片上半部分未显示在可视区域内,d图片下半部分未显示在可视区域内,b、c两张图片的内容完全显示在可视区域内。故此,完整显示的图片为b、c。
步骤202:针对每张完整显示的图片,若确定该图片为详情页的链接,根据该图片所链接的详情页的评论信息,生成以评论信息为弹幕内容的弹幕并加载到内存中。
其中,确定图片是否为详情页的链接可以根据现有技术确定,本申请对此不作赘述。
步骤203:从内存中读取生成的弹幕,并将生成的弹幕显示在对应的图片上。
如图4所示,为将生成的弹幕显示在对应的图片c上的效果图。其中“****”标识弹幕内容。
为便于理解本申请实施例提供的网页信息的展示方法,下面对该方法中各步骤及附加的方法作进一步说明。
其中,在一个实施例中,步骤201中确定所述页面在可视区域中完整显示的图片,可具体包括以下步骤A1-步骤A:
步骤A1:若检测到页面滚动,则获取所述页面滚动的高度、可视区域中每张图片的顶部到所述页面顶部的高度、以及可视区域的高度。
其中,每个页面具有高度和宽度属性,页面滚动的高度指页面滚动条到页面顶端的高度。如图5所示,实线框表示可视区域,虚线框表示页面,双向箭头L1标示的高度为页面滚动的高度。L3标示的高度为图片的顶部到所述页面顶部的高度。
具体实施时,页面滚动的高度是在终端显示页面过程中可以直接读取的参数。
步骤A2:计算所述页面滚动的高度和可视区域的高度的和值;并确定图片底部到所述页面顶部的高度。
继续如图5所示,双向箭头L2标示的为可视区域的高度,则最终计算的和值为(L1+L2)。
此外,图5中L4表示图片的高度,则图片底部到所述页面顶部的高度可表示为(L3+L4)。
步骤A3:针对可视区域中每张图片,确定该图片是否满足以下条件:该图片的顶部到所述页面顶部的高度大于所述页面滚动的高度、且图片底部到所述页面顶部的高度小于所述和值。
步骤A4:若满足条件,则确定该图片为完整显示的图片;否则,确定该图片为非完整显示的图片。
假设图片顶部到页面顶部的距离为L3,则若L3>L1且(L3+L4)<(L1+L2),可确定该图片为完整显示的图片。
本实施例中,一旦检测到页面滚动,即重新确定可视区域中完整显示的图片,实现了及时响应用户的操作,实时检测和确定当前完整显示的图片,以便于确定展示哪些图片的弹幕。
进一步的,为了能够实时的调整可视区域当前显示的弹幕,本申请实施例中,从缓存中读取生成的弹幕,并将生成的弹幕显示在对应的图片上之后,所述方法还包括:针对每张完整显示的图片,在下一次检测到页面滚动时,确定该图片是否完整显示;若否,则将该图片的弹幕从内存中清空;若是,则从内存中读取该图片的弹幕,并显示在该图片上。由此,不再完整显示的图片其弹幕占用的内存将被释放,为新的完整显示的图片提供足够的内存空间。
进一步的,详情页的评论信息可以在确定完整图片之后从服务器获取,当然,本申请实施例中,为了提高显示页面的速度,评论信息是在加载页面的同时获取的。具体的,确定所述页面在可视区域中完整显示的图片之前,所述方法还可包括步骤B1-步骤B2:
步骤B1:针对所述页面中的每张图片,将该图片的图片标识与该图片所链接的详情页的评论信息关联存储,并为该图片分配一个预先封装的弹幕组件。
其中,为了便于检索和查询,可采用数据库的形式关联存储图片标识及对应的评论信息。
步骤B2:对该图片的弹幕组件进行初始化以完成对该图片的弹幕的显示配置信息的配置。
其中,需要说明的是,步骤B1和步骤B2的执行顺序不受限。
在一个实施例中,初始化时配置的显示配置信息可包括:弹幕队列的数量(例如图4中的图片c有两个弹幕队列)、弹幕队列之间的间距、弹幕队列中用于展示评论的展示区域的大小、同一弹幕队列中评论的时间间隔、各弹幕队列中显示的总评论数量等。当然,还可以包括弹幕队列中评论信息的动画效果,该动画效果可以是不同时机的动画效果,例如评论信息开始显示时的动画效果,评论信息显示完消失时的动画效果等。
执行步骤B1-步骤B2后,则步骤202中针对每张完整显示的图片,若确定该图片为详情页的链接,根据该图片所链接的详情页的评论信息,生成以评论信息为弹幕内容的弹幕,可具体包括步骤C1-步骤C2:
步骤C1:针对每张完整显示的图片,若确定该图片为详情页的链接,从与该图片的图片标识关联存储的评论信息中,获取待展示评论信息。
其中,在一个实施例中,为了在图片中展示对用户更有意义的评论信息以提高页面点击率,待展示评论信息可为热点评论信息。热点评论信息例如是一下评论中的任一种:具有精华标识的评论、点赞数最高的评论、回复数量最高的评论等。
步骤C2:根据该图片的弹幕组件中的显示配置信息,生成以获取的待展示评论信息为弹幕内容的弹幕。
这样,本申请实施例中,将图片标识和详情页的评论信息关联存储,以便于确定完整图片之后能够及时的获取图片对应的评论信息,提高网页信息的展示效率。
具体实施时,在弹幕中同时显示的评论信息为指定数量,例如3条。具体实施时,需要在弹幕中显示的评论信息可能有多条。所以,本申请实施例中,步骤C1中针对每张完整显示的图片,从与该图片的图片标识关联存储的评论信息中,获取待展示评论信息,可具体包括:针对每张完整显示的图片,若确定该图片为详情页的链接,从与该图片的图片标识关联存储的评论信息中,依次获取指定数量的待展示评论信息。例如,若在数据库中图片A共关联存储有10条评论信息,则可以根据存储顺序,每次获取3条评论信息。这样,可以有效控制每张完整图片中显示的评论信息的数量,保障图片画面不会因评论信息太多而杂乱,提高页面的画面质量。
具体实施时,指定数量可以包含在弹幕组件的显示配置信息中。这样,针对每张图片可以从该图片对应的弹幕组件找那个获取该图片对应的指定数量。此外,针对一张完整显示的图片,当可以通过弹幕循环展示该图片的待展示评论信息。具体循环的方式,可以根据现有技术确定,本申请对此不作限定。
进一步的,页面中可呈现的元素通过渲染树render tree进行渲染。当rendertree中的一部分(或全部)节点因为相应元素的规模尺寸、布局、隐藏等属性改变而需要重新构建渲染树时,这就称为回流。在回流的时候,终端设备会使渲染树中受到弹幕影响的部分元素失效,并重新构造这部分元素的渲染树,完成回流后,会重新绘制受影响的这部分元素到屏幕中显示。
本申请实施例中,图片在可视区域完整显示时,才在图片中插入弹幕并显示,也即弹幕是及时插入图片的,每条评论信息的插入必然会造成回流。有鉴于此,本申请实施例中,为了节约处理资源,减少回流的次数,具体实施时,获取待展示评论信息之后,可以将获取的每张完整显示的图片的待展示评论信息的回流操作放入回流队列中;并,根据回流队列执行回流操作。这样,根据维护的回流队列,实现将多次回流操作是合并成一次回流操作完成。
其中,在一个实施例中,为了便于用户能够有足够的时间看清每条评论信息,本申请实施例中,步骤204中,将生成的弹幕显示在对应的图片上,可具体包括:
步骤D1:针对生成的弹幕中当前显示的每条评论信息的显示时长进行计时。
步骤D2:当计时时长到达指定时长时,根据消失动画对该条评论信息进行处理,并开始显示该条评论信息的下一条评论信息。
例如,对图片P的评论信息A进行计时,若计时时长到达指定时长时获取图片P的评论信息A的下一条评论进行展示。
也就是说,本申请实施例中,评论信息要在图片中停留指定时长。例如,以静态展示的方式停留指定时长,能够方便用户看清评论信息的具体内容。
具体实施时,所述显示配置信息中包括两条评论信息之间的时间间隔的最大值和最小值;则,可以根据以下方法确定所述指定时长:
计算所述最大值和所述最小值之间的差值;计算所述差值和所述随机数的乘积作为前后两条评论之间的最终时间间隔作为所述指定时长。这样,每张图片的指定时长可以不同,以便于丰富弹幕的展示方式。
综上所述,本申请实施例中,创造性的将评论信息插入到可视区域完整显示的图片中,既可以帮助用户了解图片对应的链接的内容,以便于用户查找感兴趣的网页内容,又能够提高网页内容的点击率和曝光量。由于仅在完整显示的图片中插入弹幕,可以减少对内存的消耗,避免页面卡顿。
此外,获取热点评论作为弹幕内容,并且评论信息会在图片中停留一段时间,能够进一步吸引用户点击图片查看该图片对应的详情页。
实施例二
基于相同的发明构思,本申请实施例还提供一种网页信息的展示装置,该装置的原理和有益效果与上述方法实施例中所述内容相似,在此不再赘述。
如图6所示,为该装置的结构示意图,所述装置包括:
完整显示图片确定模块601,用于确定所述页面在可视区域中完整显示的图片;
弹幕生成模块602,用于针对每张完整显示的图片,若确定该图片为详情页的链接,根据该图片所链接的详情页的评论信息,生成以评论信息为弹幕内容的弹幕并加载到内存中;
弹幕显示模块603,用于从内存中读取生成的弹幕,并将生成的弹幕显示在对应的图片上。
其中,在一个实施例中,完整显示图片确定模块601,具体包括:
信息获取单元,用于若检测到页面滚动,则获取所述页面滚动的高度、可视区域中每张图片的顶部到所述页面顶部的高度、以及可视区域的高度;
计算单元,用于计算所述页面滚动的高度和可视区域的高度的和值;并确定图片底部到所述页面顶部的高度;
判断单元,用于针对可视区域中每张图片,确定该图片是否满足以下条件:该图片的顶部到所述页面顶部的高度大于所述页面滚动的高度、且图片底部到所述页面顶部的高度小于所述和值;
确定单元,用于若满足条件,则确定该图片为完整显示的图片;否则,确定该图片为非完整显示的图片。
其中,在一个实施例中,所述装置还包括:
完整判断模块,用于在弹幕显示模块从内存中读取生成的弹幕,并将生成的弹幕显示在对应的图片上之后,针对每张完整显示的图片,在下一次检测到页面滚动时,确定该图片是否完整显示;
执行模块,用于若否,则将该图片的弹幕从内存中清空;若是,则从内存中读取该图片的弹幕,并显示在该图片上。
其中,在一个实施例中,所述装置还包括:
存储并初始化模块,用于在完整显示图片确定模块确定所述页面在可视区域中完整显示的图片之前,针对所述页面中的每张图片,将该图片的图片标识与该图片所链接的详情页的评论信息关联存储,并为该图片分配一个预先封装的弹幕组件;以及,
对该图片的弹幕组件进行初始化以完成对该图片的弹幕的显示配置信息的配置;
弹幕生成模块,具体包括:
待展示评论信息获取单元,用于针对每张完整显示的图片,若确定该图片为详情页的链接,从与该图片的图片标识关联存储的评论信息中,获取待展示评论信息;
弹幕生成单元,用于根据该图片的弹幕组件中的显示配置信息,生成以获取的待展示评论信息为弹幕内容的弹幕。
其中,在一个实施例中,待展示评论信息获取单元,具体用于针对每张完整显示的图片,若确定该图片为详情页的链接,从与该图片的图片标识关联存储的评论信息中,依次获取指定数量的待展示评论信息。
其中,在一个实施例中,弹幕显示模块,具体包括:
计时单元,用于针对生成的弹幕中当前显示的每条评论信息的显示时长进行计时;
评论插入单元,用于当计时时长到达指定时长时,根据消失动画对该条评论信息进行处理,并开始显示该条评论信息的下一条评论信息。
其中,在一个实施例中,所述显示配置信息中包括两条评论信息之间的时间间隔的最大值和最小值;
所述装置还包括:
指定时长确定模块,用于根据以下方法确定所述指定时长:
计算所述最大值和所述最小值之间的差值;
计算所述差值和所述随机数的乘积作为前后两条评论之间的最终时间间隔作为所述指定时长。
实施例三
本申请实施例三还提供了一种计算设备,该计算设备具体可以为桌面计算机、便携式计算机、智能手机、平板电脑、个人数字助理(Personal Digital Assistant,PDA)等。如图7所示,该计算设备可以包括中央处理器(Center Processing Unit,CPU)701、存储器702、输入设备703,输出设备704等,输入设备可以包括键盘、鼠标、触摸屏等,输出设备可以包括显示设备,如液晶显示器(Liquid Crystal Display,LCD)、阴极射线管(Cathode RayTube,CRT)等。
存储器可以包括只读存储器(ROM)和随机存取存储器(RAM),并向处理器提供存储器中存储的程序指令和数据。在本申请实施例中,存储器可以用于存储网页信息的展示方法的程序指令。处理器通过调用存储器存储的程序指令,处理器用于按照获得的程序指令执行:确定包含有图片的页面在可视区域中完整显示的图片;针对每张完整显示的图片,若确定该图片为详情页的链接,根据该图片所链接的详情页的评论信息,生成以评论信息为弹幕内容的弹幕并加载到内存中;从内存中读取生成的弹幕,并将生成的弹幕显示在对应的图片上。
实施例四
本申请实施例四提供了一种计算机存储介质,用于储存为上述计算设备所用的计算机程序指令,其包含用于执行上述网页信息的展示方法的程序。
所述计算机存储介质可以是计算机能够存取的任何可用介质或数据存储设备,包括但不限于磁性存储器(例如软盘、硬盘、磁带、磁光盘(MO)等)、光学存储器(例如CD、DVD、BD、HVD等)、以及半导体存储器(例如ROM、EPROM、EEPROM、非易失性存储器(NAND FLASH)、固态硬盘(SSD))等。
最后应说明的是:以上实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (9)

1.一种网页信息的展示方法,其特征在于,应用于包含有图片的页面中,所述方法包括:
确定所述页面在可视区域中完整显示的图片;
针对每张完整显示的图片,若确定该图片为详情页的链接,根据该图片所链接的详情页的评论信息,生成以评论信息为弹幕内容的弹幕并加载到内存中;
从内存中读取生成的弹幕,并将生成的弹幕显示在对应的图片上;
针对每张完整显示的图片,在下一次检测到页面滚动时,确定该图片是否完整显示;
若否,则将该图片的弹幕从内存中清空;
若是,则从内存中读取该图片的弹幕,并显示在该图片上。
2.根据权利要求1所述的方法,其特征在于,确定所述页面在可视区域中完整显示的图片,具体包括:
若检测到页面滚动,则获取所述页面滚动的高度、可视区域中每张图片的顶部到所述页面顶部的高度、以及可视区域的高度;
计算所述页面滚动的高度和可视区域的高度的和值;并确定图片底部到所述页面顶部的高度;
针对可视区域中每张图片,确定该图片是否满足以下条件:该图片的顶部到所述页面顶部的高度大于所述页面滚动的高度、且图片底部到所述页面顶部的高度小于所述和值;
若满足条件,则确定该图片为完整显示的图片;否则,确定该图片为非完整显示的图片。
3.根据权利要求1所述的方法,其特征在于,确定所述页面在可视区域中完整显示的图片之前,所述方法还包括:
针对所述页面中的每张图片,将该图片的图片标识与该图片所链接的详情页的评论信息关联存储,并为该图片分配一个预先封装的弹幕组件;以及,
对该图片的弹幕组件进行初始化以完成对该图片的弹幕的显示配置信息的配置;
针对每张完整显示的图片,若确定该图片为详情页的链接,根据该图片所链接的详情页的评论信息,生成以评论信息为弹幕内容的弹幕,具体包括:
针对每张完整显示的图片,若确定该图片为详情页的链接,从与该图片的图片标识关联存储的评论信息中,获取待展示评论信息;
根据该图片的弹幕组件中的显示配置信息,生成以获取的待展示评论信息为弹幕内容的弹幕。
4.根据权利要求3所述的方法,其特征在于,针对每张完整显示的图片,若确定该图片为详情页的链接,从与该图片的图片标识关联存储的评论信息中,获取待展示评论信息,具体包括:
针对每张完整显示的图片,若确定该图片为详情页的链接,从与该图片的图片标识关联存储的评论信息中,依次获取指定数量的待展示评论信息。
5.根据权利要求1-4中任一所述的方法,其特征在于,将生成的弹幕显示在对应的图片上,具体包括:
针对生成的弹幕中当前显示的每条评论信息的显示时长进行计时;
当计时时长到达指定时长时,根据消失动画对该条评论信息进行处理,并开始显示该条评论信息的下一条评论信息。
6.根据权利要求5所述的方法,其特征在于,所述显示配置信息中包括两条评论信息之间的时间间隔的最大值和最小值;
所述方法还包括:
根据以下方法确定所述指定时长:
计算所述最大值和所述最小值之间的差值;
计算所述差值和随机数的乘积作为前后两条评论之间的最终时间间隔作为所述指定时长。
7.一种网页信息的展示装置,其特征在于,应用于包含有图片的页面中,所述装置包括:
完整显示图片确定模块,用于确定所述页面在可视区域中完整显示的图片;
弹幕生成模块,用于针对每张完整显示的图片,若确定该图片为详情页的链接,根据该图片所链接的详情页的评论信息,生成以评论信息为弹幕内容的弹幕并加载到内存中;
弹幕显示模块,用于从内存中读取生成的弹幕,并将生成的弹幕显示在对应的图片上;
完整判断模块,用于针对每张完整显示的图片,在下一次检测到页面滚动时,确定该图片是否完整显示;
执行模块,若否,则将该图片的弹幕从内存中清空;
若是,则从内存中读取该图片的弹幕,并显示在该图片上。
8.一种计算设备,其特征在于,包括存储器和处理器,其中,所述存储器用于存储程序指令,所述处理器用于调用所述存储器中存储的程序指令,按照获得的程序指令执行如权利要求1~6任一所述的网页信息的展示方法。
9.一种计算机存储介质,其特征在于,所述计算机存储介质存储有计算机可执行指令,所述计算机可执行指令用于使所述计算机执行如权利要求1~6任一所述的网页信息的展示方法。
CN201710656546.6A 2017-08-03 2017-08-03 网页信息的展示方法、装置、介质及计算设备 Active CN109948084B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710656546.6A CN109948084B (zh) 2017-08-03 2017-08-03 网页信息的展示方法、装置、介质及计算设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710656546.6A CN109948084B (zh) 2017-08-03 2017-08-03 网页信息的展示方法、装置、介质及计算设备

Publications (2)

Publication Number Publication Date
CN109948084A CN109948084A (zh) 2019-06-28
CN109948084B true CN109948084B (zh) 2023-03-14

Family

ID=67003908

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710656546.6A Active CN109948084B (zh) 2017-08-03 2017-08-03 网页信息的展示方法、装置、介质及计算设备

Country Status (1)

Country Link
CN (1) CN109948084B (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112069421A (zh) * 2020-07-30 2020-12-11 北京三快在线科技有限公司 用户原创内容展示方法、装置、电子设备
CN113038185B (zh) 2021-04-02 2022-09-09 上海哔哩哔哩科技有限公司 弹幕处理方法及装置
CN115474097A (zh) * 2021-06-11 2022-12-13 上海哔哩哔哩科技有限公司 评论信息展示方法及装置

Family Cites Families (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7447204B2 (en) * 2003-01-27 2008-11-04 Rmi Corporation Method and device for the classification and redirection of data packets in a heterogeneous network
US8612888B2 (en) * 2008-04-01 2013-12-17 Litl, Llc Method and apparatus for managing digital media content
CN103853761B (zh) * 2012-12-03 2016-05-25 腾讯科技(深圳)有限公司 网页内容的评论显示、添加方法及装置
CN104113785A (zh) * 2014-06-26 2014-10-22 小米科技有限责任公司 信息获取方法及装置
CN105373554A (zh) * 2014-08-25 2016-03-02 北京爱声声科技有限公司 基于移动设备网页的弹幕方法及系统
CN104735543B (zh) * 2015-03-30 2018-09-28 北京奇艺世纪科技有限公司 一种弹幕显示方法及装置
CN105072496A (zh) * 2015-07-25 2015-11-18 北京金山安全软件有限公司 一种视频评论显示方法、相关设备及系统
CN106162305B (zh) * 2016-06-28 2019-06-21 武汉斗鱼网络科技有限公司 一种网页弹幕默认加载控制方法及装置
CN105979343B (zh) * 2016-06-28 2019-11-15 武汉斗鱼网络科技有限公司 一种基于网页弹幕弹幕层级设置的方法及装置
CN106055707A (zh) * 2016-06-28 2016-10-26 北京小米移动软件有限公司 弹幕显示方法及装置
CN106385613B (zh) * 2016-09-19 2019-07-09 广州华多网络科技有限公司 控制弹幕播放的方法及装置
CN106331877B (zh) * 2016-09-22 2019-10-11 广州华多网络科技有限公司 弹幕播放方法及装置

Also Published As

Publication number Publication date
CN109948084A (zh) 2019-06-28

Similar Documents

Publication Publication Date Title
KR102278657B1 (ko) 웹 페이지에 대한 컨텐츠 아이템에 대한 사이즈 자동 결정
CN109740085B (zh) 一种页面内容的展示方法、装置、设备及存储介质
CN106570098B (zh) 页面刷新的方法及装置
US11269953B2 (en) Server-based conversion of autoplay content to click-to-play content
US9811350B2 (en) Embedding non-blocking help components in a display page using discovery drawer feature cues
US20140195890A1 (en) Browser interface for accessing supplemental content associated with content pages
CN110020194B (zh) 资源推荐方法、装置及介质
CN109992715B (zh) 信息展示方法、装置、介质和计算设备
US9881065B2 (en) Selecting supplemental content for inclusion in a search results page
KR102479288B1 (ko) 실시간 컨텐츠 전달을 위한 방법 및 시스템
CN109948084B (zh) 网页信息的展示方法、装置、介质及计算设备
US10769697B2 (en) Non-transitory computer-readable medium, system, and method for local search of network content
US20110125571A1 (en) Method and system for speed efficient and relevancy efficient advertising through a web enabled element
CN107391534A (zh) 页面显示、页面文件返回方法及装置、计算机存储介质
CN109522497A (zh) 一种新闻网页页面的适配显示方法及装置
CN111698365A (zh) 一种信息展示的方法和装置
CN113190321A (zh) 一种用于应用程序页面上拉刷新的方法及设备
US20190114311A1 (en) Non-Invasive, Single Use System and Methods for Selective Brain Cooling
US9443265B1 (en) Method, system, and computer readable medium for selection of catalog items for inclusion on a network page
US9767079B1 (en) Serving expandable content items
EP2915072A1 (en) Sytem and method for processing content of a web resource for display
CN113421144A (zh) 一种页面显示方法及装置、设备、存储介质
CN108984247B (zh) 一种信息展示方法及其终端设备和网络设备
CN111753113A (zh) 一种图片浏览方法及装置
CN111815340B (zh) 推广信息确定方法、装置、设备及可读存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant