CN111898336B - 弹幕显示方法、装置、计算机设备及存储介质 - Google Patents
弹幕显示方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN111898336B CN111898336B CN202011054706.8A CN202011054706A CN111898336B CN 111898336 B CN111898336 B CN 111898336B CN 202011054706 A CN202011054706 A CN 202011054706A CN 111898336 B CN111898336 B CN 111898336B
- Authority
- CN
- China
- Prior art keywords
- target
- bullet screen
- comment
- character string
- article
- 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
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/169—Annotation, e.g. comment data or footnotes
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
- G06F40/106—Display of layout of documents; Previewing
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种弹幕显示方法、装置、计算机设备及存储介质,该弹幕显示方法包括:在文章浏览页面上显示当前文章,获取基于文章浏览页面触发的文本评论请求,文本评论请求包括目标文本字符串;基于目标文本字符串,获取目标文本字符串在当前文章的目标标签位置;获取与目标文本字符串相对应的评论文本字符串,将评论文本字符串添加到目标标签位置,生成目标评论弹幕;获取目标标签位置对应的目标伪元素,采用目标伪元素对目标评论弹幕进行处理,形成并显示目标弹幕标识。本技术方案在不同的显示设备中定位并显示用户选定的文本内容对应的用户评论。
Description
技术领域
本发明涉及互联网技术领域,尤其涉及一种弹幕显示方法、装置、计算机设备及存储介质。
背景技术
目前几乎所有的文章评论都是在文章浏览页面的最底部,或者是跳转新的文章浏览页面进行评论交互。如果用户想对文章的具体某句话或者某段话进行单独评价或批注,只能将该句话或者该段话的内容单独复制出来评论,甚至是直接在文章浏览页面的最底部对该句话或者该段话进行评论,容易导致其他用户不知道该用户所评论的内容是针对文章的具体哪句话或者哪段话的问题。现有技术中采用CSS页面坐标来确定待评论的文本内容的页面位置,对该文本内容进行评论,将评论内容与页面位置关联,但这种方式存在无法兼容不同显示设备的问题。
发明内容
本发明实施例提供一种弹幕显示方法、装置、计算机设备及存储介质,以解决评论内容无法在不同显示设备中兼容显示的问题。
一种弹幕显示方法,包括:
在文章浏览页面上显示当前文章,获取基于所述文章浏览页面触发的文本评论请求,所述文本评论请求包括目标文本字符串;
基于所述目标文本字符串,获取所述目标文本字符串在所述当前文章的目标标签位置;
获取与所述目标文本字符串相对应的评论文本字符串,将所述评论文本字符串添加到所述目标标签位置,生成目标评论弹幕;
获取所述目标标签位置对应的目标伪元素,采用所述目标伪元素对所述目标评论弹幕进行处理,形成并显示所述目标弹幕标识。
进一步地,所述基于所述目标文本字符串,获取所述目标文本字符串在所述当前文章的目标标签位置,包括:
基于所述目标文本字符串,获取所述目标文本字符串对应的目标标签字符串;
基于所述目标标签字符串,获取所述目标标签字符串在所述当前文章对应的目标标签位置。
进一步地,所述获取所述目标标签位置对应的目标伪元素,采用所述目标伪元素对所述目标评论弹幕进行处理,形成并显示所述目标弹幕标识,包括:
对所述目标标签位置进行标识,获取所述目标标签位置对应的目标伪元素;
采用所述目标伪元素对所述目标评论弹幕进行处理,获取所述目标标签位置对应的目标弹幕标识;
若所述目标标签位置的目标弹幕标识的数量为一个,显示所述目标弹幕标识;
若所述目标标签位置的目标弹幕标识的数量为至少两个,则对至少两个所述目标弹幕标识进行去重处理,显示去重处理后的目标弹幕标识。
进一步地,所述在文章浏览页面上显示当前文章,包括:
获取文章浏览请求,所述文章浏览请求包括文章标识;
获取所述文章标识相对应的当前文章和与所述当前文章相对应的历史标记弹幕;
给所述历史标记弹幕添加div标签,获取标记弹幕列表;
在文章浏览页面上显示所述当前文章,预加载所述标记弹幕列表。
进一步地,在所述在文章浏览页面上显示,预加载所述标记弹幕列表之后,所述弹幕显示方法包括:
获取基于所述文章浏览页面触发的弹幕浏览请求;
根据所述弹幕浏览请求对应的操作类型,对所述标记弹幕列表进行处理。
进一步地,所述根据所述弹幕浏览请求对应的操作类型,对所述标记弹幕列表进行处理,包括:
若所述弹幕浏览请求对应的操作类型为滑动操作,采用预设弹幕显示方式对所述标记弹幕列表进行显示;
若所述弹幕浏览请求对应的操作类型为基于所述当前文章触发的第一点击操作,对所述标记弹幕列表对应的目标弹幕标识进行显示;
若所述弹幕浏览请求对应的操作类型为基于所述目标弹幕标识触发的第二点击操作,对所述标记弹幕列表对应的目标弹幕标识进行隐藏。
进一步地,所述若所述弹幕浏览请求对应的操作类型为滑动操作,采用预设弹幕显示方式对所述标记弹幕列表进行显示,包括:
基于预设显示透明度,在预设时间内对所述标记弹幕列表进行动态显示。
一种弹幕显示装置,包括:
请求获取模块,用于在文章浏览页面上显示当前文章,获取基于所述文章浏览页面触发的文本评论请求,所述文本评论请求包括目标文本字符串;
位置获取模块,用于基于所述目标文本字符串,获取所述目标文本字符串在所述当前文章的目标标签位置;
弹幕生成模块,用于获取与所述目标文本字符串相对应的评论文本字符串,将所述评论文本字符串添加到所述目标标签位置,生成目标评论弹幕;
标识生成模块,用于获取所述目标标签位置对应的目标伪元素,采用所述目标伪元素对所述目标评论弹幕进行处理,形成并显示所述目标弹幕标识。
一种计算机设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现上述弹幕显示方法。
一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现上述弹幕显示方法。
上述弹幕显示方法、装置、计算机设备及存储介质,显示终端通过文本评论请求能够获取目标文本字符串,以实现用户对当前文章选定的文本内容进行评论;基于目标文本字符串,获取目标文本字符串在当前文章的目标标签位置,在不同的显示设备中定位并显示用户选定的文本内容对应的用户评论;获取评论文本字符串,将评论文本字符串添加到目标标签位置,生成目标评论弹幕,能够在不同的显示设备中通过目标标签位置定位并显示用户选定的文本内容对应的目标评论弹幕;获取目标标签位置对应的目标伪元素,采用目标伪元素对目标评论弹幕进行处理,显示目标弹幕标识,能够避免目标评论弹幕过多影响用户对当前文章的浏览,提高目标评论弹幕显示的简洁性。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对本发明实施例的描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一实施例中弹幕显示方法的一应用环境示意图;
图2是本发明一实施例中弹幕显示方法的一流程图;
图3是本发明一实施例中弹幕显示方法的另一流程图;
图4是本发明一实施例中弹幕显示方法的另一流程图;
图5是本发明一实施例中弹幕显示方法的另一流程图;
图6是本发明一实施例中弹幕显示方法的另一流程图;
图7是本发明一实施例中弹幕显示方法的另一流程图;
图8是本发明一实施例中弹幕显示装置的一示意图;
图9是本发明一实施例中计算机设备的一示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明实施例提供的弹幕显示方法,该弹幕显示方法可应用如图1所示的应用环境中。具体地,该弹幕显示方法应用在弹幕显示系统中,该弹幕显示系统包括如图1所示的显示终端和服务器,显示终端与服务器通过网络进行通信,用于实现弹幕显示。其中,显示终端又称为用户端,是指与服务器相对应,为客户提供本地服务的程序。显示终端可安装在但不限于各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备上。服务器可以用独立的服务器或者是多个服务器组成的服务器集群来实现。显示终端通过文本评论请求能够获取目标文本字符串,以实现用户对当前文章选定的文本内容进行评论;基于目标文本字符串,获取目标文本字符串在当前文章的目标标签位置,在不同的显示设备中定位并显示用户选定的文本内容对应的用户评论;获取评论文本字符串,将评论文本字符串添加到目标标签位置,生成目标评论弹幕,能够在不同的显示设备中通过目标标签位置定位并显示用户选定的文本内容对应的目标评论弹幕;获取目标标签位置对应的目标伪元素,采用目标伪元素对目标评论弹幕进行处理,显示目标弹幕标识,能够避免目标评论弹幕过多影响用户对当前文章的浏览,提高目标评论弹幕显示的简洁性。
在一实施例中,如图2所示,提供一种弹幕显示方法,以该方法应用在图1中的显示终端为例进行说明,包括如下步骤:
S10:在文章浏览页面上显示当前文章,获取基于文章浏览页面触发的文本评论请求,文本评论请求包括目标文本字符串。
其中,文章浏览页面为用于浏览文章的显示页面,例如,用于显示当前文章的浏览器显示界面。当前文章为用户当前浏览的文章,包括但不限于纯文本文章或者图文文章。文本评论请求为用户对当前文章中的选定的文本内容进行评论的请求。目标文本字符串为用户在当前文章中选定的文本内容对应的字符串。
具体地,在显示终端的文章浏览页面上显示当前文章,当用户从当前文章中选定的文本内容进行评论时,可基于文章浏览页面触发的文本评论请求,以使显示终端接收到该文本评论请求。
作为一示例,用户在文章浏览页面触发的文本评论请求的获取方式可以是对文章浏览页面进行特定操作所触发的请求,该特定操作包括但不限于长按、滑动或点击等操作。例如,用户可通过长按显示终端上的触摸显示屏在文章浏览页面选定文本内容时,触发文本评论请求,或者可通过滑动显示终端上的触摸显示屏在文章浏览页面选定文本内容时,触发文本评论请求,或者可通过鼠标在文章浏览页面选定文本内容时,触发文本评论请求。
作为另一示例,当前文章包括第A段文本内容和第B段文本内容,当用户想对第A段文本内容进行评论时,用户通过长按显示终端上的触摸显示屏在文章浏览页面选定第A段文本内容时,显示终端可获取用户操作文章浏览页面所触发的文本评论请求,文本评论请求包括第A段文本内容对应的文本字符串,也就是目标文本字符串。
可以理解地,显示终端通过文本评论请求能够获取目标文本字符串,也就是用户在当前文章中选定所需评论的文本内容对应的文本字符串,以实现用户对当前文章选定的文本内容进行评论。
S20:基于目标文本字符串,获取目标文本字符串在当前文章的目标标签位置。
其中,目标标签位置为目标文本字符串在当前文章中对应的目标标签的位置。目标标签为在当前文章中对目标文本字符串进行标记的标签。
具体地,显示终端基于目标文本字符串,获取目标文本字符串在当前文章中的目标标签,基于目标标签在当前文章中的坐标位置,获取目标文本字符串在当前文章中的目标标签位置,即该目标标签位置为目标文本字符串在当前文章的相对位置,与用于显示当前文章的文章浏览页面的坐标位置无关。作为一示例,当前文章包括第A段文本内容和第B段文本内容,当用户选定第A段文本内容进行评论时,获取第A段文本内容对应的文本字符串在当前文章中的目标标签,基于目标标签在当前文章中的坐标位置,获取第A段文本内容对应的目标文本字符串在当前文章中的目标标签位置。
本实施例中,显示终端通过目标文本字符串在当前文章中的目标标签位置对用户选定的文本内容进行定位,与文章浏览页面的坐标位置无关,也与用于显示文章浏览页面的显示设备无关,因此,能够在不同显示设备中进行准确定位并显示用户选定的文本内容对应的用户评论,提高用户评论在不同显示设备显示时的适用性。
S30:获取与目标文本字符串相对应的评论文本字符串,将评论文本字符串添加到目标标签位置,生成目标评论弹幕。
其中,评论文本字符串是用户对当前文章中选定的文本内容的评论对应的字符串。目标评论弹幕为将评论文本字符串添加到目标标签位置,与目标标签位置相关联的弹幕。
具体地,显示终端在获取文本评论请求之后,在文章浏览界面上显示评论输入框,可获取用户在评论输入框输入的与目标文本字符串相对应的评论文本字符串;再基于目标标签位置,将评论文本字符串添加到目标标签位置,生成目标评论弹幕。需要说明是,显示终端生成目标评论弹幕后,将目标评论弹幕发送到服务器进行存储,以便于在不同设备显示当前文章对应的目标评论弹幕时,能够从服务器中获取目标评论弹幕。
作为一示例,当前文章包括第A段文本内容和第B段文本内容,当用户U1选定第A段文本内容进行评论时,获取用户U1评论的评论内容对应的评论文本字符串P1,将评论文本字符串P1添加到第A段文本内容对应的目标文本字符串在当前文章中的目标标签位置,生成目标评论弹幕。需要说明的是,当N个用户对当前文章的第A段文本内容进行评论时,将N个用户Ui评论的评论内容对应的评论文本字符串Pi(1≦i≦N),添加到第A段文本内容对应的目标文本字符串在当前文章中的目标标签位置。可以理解地,显示终端通过目标标签位置添加的评论文本字符串,能够在不同的显示设备中通过目标标签位置定位并显示用户选定的文本内容对应的目标评论弹幕,实现对目标标识弹幕的精确定位。
S40:获取目标标签位置对应的目标伪元素,采用目标伪元素对目标评论弹幕进行处理,形成并显示目标弹幕标识。
其中,目标伪元素为在目标标签位置添加的伪元素,用于将多个目标评论弹幕进行处理,通过目标弹幕标识进行显示。目标弹幕标识为对目标评论弹幕进行标记的标识。
显示终端获取目标标签位置对应的伪元素,采用目标伪元素对目标评论弹幕进行处理,形成并显示目标弹幕标识。作为一示例,采用目标伪元素对用户U1评论的评论内容对应的评论文本字符串P1进行处理,通过生成圆点标识对用户评论的评论文本字符串P1进行标记,可以避免用户评论的评论文本字符串P1重合遮挡文章浏览页面上显示的当前文章,并可确定目标文本字符串存在用户评论。可以理解地,当两个以上用户对当前文章进行评论时,由于用户评论过多,容易影响用户对当前文章的浏览,显示终端通过目标伪元素对用户评论对应的目标评论弹幕进行处理,以在文章浏览界面的当前文章上只显示圆点标识这一目标弹幕标识,避免遮挡当前文章的文本内容,后续用户可通过点击生成的圆点标识这一目标弹幕标识,就能显示当前文章中的目标评论弹幕,避免目标评论弹幕遮挡当前文章而影响用户对当前文章的浏览,提高目标评论弹幕显示的简洁性。需要说明的是,目标弹幕标识包括但不限于为圆点标识,或者其余具有提示作用的标识,也就是提示目标标签位置处具有目标弹幕的标识。
在本实施例中,显示终端通过文本评论请求能够获取目标文本字符串,以实现用户对当前文章选定的文本内容进行评论;基于目标文本字符串,获取目标文本字符串在当前文章的目标标签位置,在不同的显示设备中定位并显示用户选定的文本内容对应的用户评论;获取评论文本字符串,将评论文本字符串添加到目标标签位置,生成目标评论弹幕,能够在不同的显示设备中通过目标标签位置定位并显示用户选定的文本内容对应的目标评论弹幕;获取目标标签位置对应的目标伪元素,采用目标伪元素对目标评论弹幕进行处理,显示目标弹幕标识,能够避免目标评论弹幕过多影响用户对当前文章的浏览,提高目标评论弹幕显示的简洁性。
在一实施例中,如图3所示,步骤S20中,基于目标文本字符串,获取目标文本字符串在当前文章的目标标签位置,包括:
S21:基于目标文本字符串,获取目标文本字符串对应的目标标签字符串。
其中,目标标签字符串为对目标文本字符串进行标记的标签字符串。
作为一示例,显示终端通过预先绑定在当前文章根节点的点击事件,该点击事件可以是冒泡点击事件,当用户通过长按显示终端上的触摸显示屏在文章浏览页面选定文本内容对应的目标文本字符串时,直接获取目标文本字符串对应的目标标签字符串。例如,目标标签字符串可以是Dom标签字符串。
S22:基于目标标签字符串,获取目标标签字符串在当前文章对应的目标标签位置。
作为一示例,显示终端通过预先绑定在当前文章根节点的点击事件,该点击事件可以是冒泡点击事件,当用户通过长按显示终端上的触摸显示屏在文章浏览页面选定文本内容对应的目标文本字符串时,获取目标文本字符串对应的目标标签字符串,并确定目标标签字符串在当前文章中的节点坐标,根据目标标签字符串在当前文章中的节点坐标,获取目标标签字符串在当前文章对应的目标标签位置。
本实施例中,基于目标文本字符串,获取目标文本字符串对应的目标标签字符串以及目标标签字符串在当前文章对应的目标标签位置,以使显示终端通过目标文本字符串在当前文章中的目标标签位置对用户选定的文本内容进行定位,能够在不同的显示设备中定位,并显示用户选定的文本内容对应的用户评论,提高用户评论在不同显示设备显示时的适用性。
在一实施例中,如图4所示,步骤S40中,获取目标标签位置对应的目标伪元素,采用目标伪元素对目标评论弹幕进行处理,形成并显示目标弹幕标识,包括:
S41:对目标标签位置进行标识,获取目标标签位置对应的目标伪元素。
作为一示例,显示终端对目标标签位置进行标识,例如,在目标标签位置添加目标伪元素【&::before】,获取目标标签位置对应的目标伪元素【&::before】。
S42:采用目标伪元素对目标评论弹幕进行处理,获取目标标签位置对应的目标弹幕标识。
具体地,显示终端采用目标伪元素对目标评论弹幕进行处理,获取目标标签位置对应的目标弹幕标识,目的是使显示终端通过目标伪元素将目标标签位置对应的目标评论弹幕,以目标弹幕标识的形式在文章浏览页面中显示。可以理解地,显示终端通过目标伪元素将目标标签位置对应的目标评论弹幕,以目标弹幕标识的形式在文章浏览页面中显示,能够避免目标评论弹幕影响对当前文章的浏览,提高目标评论弹幕显示时的简洁性。
S43:若目标标签位置的目标弹幕标识的数量为一个,显示目标弹幕标识。
作为一示例,当目标标签位置的目标弹幕标识的数量为一个时,也就是只有一个用户对目标标签位置对应的目标文本字符串进行评论,则将目标标签位置的目标弹幕标识直接显示在当前文章的文章浏览页面中。
S44:若目标标签位置的目标弹幕标识的数量为至少两个,则对至少两个目标弹幕标识进行去重处理,显示去重处理后的目标弹幕标识。
作为一示例,当目标标签位置的目标弹幕标识的数量为至少两个时,也就是至少两个用户对目标标签位置对应的目标文本字符串进行评论,需对至少两个目标弹幕标识进行去重处理,将至少两个目标弹幕标识通过一个目标弹幕标识进行显示,以避免目标弹幕标识数量过多,遮挡当前文章的显示。
在本实施例中,显示终端在当目标标签位置的目标弹幕标识的数量为一个时,显示目标弹幕标识;当目标标签位置的目标弹幕标识的数量为至少两个,则对至少两个目标弹幕标识进行去重处理,显示去重处理后的目标弹幕标识,避免目标评论弹幕过多影响用户对当前文章的浏览,提高目标评论弹幕显示的简洁性。
在一实施例中,如图5所示,步骤S10中,在文章浏览页面上显示当前文章,包括:
S11:获取文章浏览请求,文章浏览请求包括文章标识。
其中,文章浏览请求为用户浏览文章浏览页面中当前文章的请求。文章标识为当前文章对应的根节点的标识。
S12:获取文章标识相对应的当前文章和与当前文章相对应的历史标记弹幕。
其中,历史标记弹幕为当前文章中已经存在的标记弹幕。
具体地,显示终端获取文章标识相对应的当前文章和当前文章相对应的历史标记弹幕,能够使用户之间通过历史标记弹幕进行交互,提高用户对当前文章进行评论时的用户体验。
S13:给历史标记弹幕添加div标签,获取标记弹幕列表。
具体地,显示终端通过对历史标记弹幕添加div标签,通过div标签能够展示用户评论的历史标记弹幕,以获取标记弹幕列表。
S14:在文章浏览页面上显示当前文章,预加载标记弹幕列表。
具体的,显示终端将当前文章在文章浏览页面上进行展示,并预加载标记弹幕列表,以使用户能够通过对当前文章相对应的预加载标记弹幕列表中的历史标记弹幕进行浏览,能够使用户之间通过历史标记弹幕进行交互,提高用户对当前文章进行评论时的用户体验。
本实施例中,获取文章标识相对应的当前文章和与当前文章相对应的历史标记弹幕;给历史标记弹幕添加div标签,获取标记弹幕列表,进一步地,在文章浏览页面上显示当前文章,并预加载标记弹幕列表,以使用户能够对历史标记弹幕进行浏览,能够使用户之间通过历史标记弹幕进行交互,提高用户对当前文章进行评论时的用户体验。
在一实施例中,如图6所示,步骤S14之后,在文章浏览页面上显示,预加载标记弹幕列表之后,弹幕显示方法包括:
S141:获取基于文章浏览页面触发的弹幕浏览请求。
其中,弹幕浏览请求为用户对文章浏览页面中当前文章对应的历史标记弹幕进行浏览的请求。
具体地,显示终端获取文章浏览页面触发的弹幕浏览请求的方式可以是通过用户通过显示终端上的触摸显示屏的操作类型,在显示终端上的触摸显示屏中的文章浏览页面触发弹幕浏览请求,例如,通过显示终端上的触摸显示屏滑动文章浏览页面触发弹幕浏览请求。
S142:根据弹幕浏览请求对应的操作类型,对标记弹幕列表进行处理。
具体地,显示终端根据弹幕浏览请求对应的操作类型,对标记弹幕列表进行显示或隐藏处理。例如,通过显示终端上的触摸显示屏滑动文章浏览页面,则对标记弹幕列表进行显示。
在本实施例中,显示终端根据弹幕浏览请求对应的操作类型,对标记弹幕列表进行处理,能够通过用户不同的操作类型对标记弹幕列表进行处理,通过提高用户在浏览当前文章的历史标记弹幕的便捷性。
在一实施例中,如图7所示,步骤S142中,根据弹幕浏览请求对应的操作类型,对标记弹幕列表进行处理,包括:
S1421:若弹幕浏览请求对应的操作类型为滑动操作,采用预设弹幕显示方式对标记弹幕列表进行显示。
其中,滑动操作为用户对文章浏览页面进行上下方向上的滑动。预设弹幕显示方式为自定义设置的对标记弹幕列表进行显示的方式。
作为一示例,当弹幕浏览请求对应的操作类型为滑动操作,采用懒加载形式对标记弹幕列表进行显示。其中,懒加载形式为能够在用户滑动文章浏览页面的时候从标记弹幕列表中自动获取当前时刻显示的历史标记弹幕,当前时刻显示的历史标记弹幕不会影响上一时刻显示的历史标记弹幕的显示,能够最大程度上减少服务器的资源耗用。
S1422:若弹幕浏览请求对应的操作类型为基于当前文章触发的第一点击操作,对标记弹幕列表对应的目标弹幕标识进行显示。
其中,第一点击操作为对文章浏览页面进行点击的操作,用于显示目标弹幕标识。
作为一示例,当弹幕浏览请求为对文章浏览页面的当前文章进行双击操作,对标记弹幕列表对应的目标弹幕标识进行显示,可以理解地,显示终端对目标弹幕标识进行显示后,用户可以通过点击目标弹幕标识对标记弹幕列表进行浏览。
S1423:若弹幕浏览请求对应的操作类型为基于目标弹幕标识触发的第二点击操作,对标记弹幕列表对应的目标弹幕标识进行隐藏。
其中,第二点击操作为对文章浏览页面进行点击的操作,用于隐藏目标弹幕标识。
作为一示例,当弹幕浏览请求为对文章浏览页面进行双击操作,对已经显示的目标弹幕标识进行隐藏,可以理解地,显示终端根据第二点击操作对已经显示的目标弹幕标识进行隐藏能够避免目标弹幕标识过多影响用户对当前文章的浏览,提高目标评论弹幕显示的简洁性。
在本实施例中,当弹幕浏览请求对应的操作类型为滑动操作,采用预设弹幕显示方式对标记弹幕列表进行显示,能够提高用户对标记弹幕列表的浏览体验;当弹幕浏览请求对应的操作类型为第一点击操作,对标记弹幕列表对应的目标弹幕标识进行显示,对目标弹幕标识进行显示后,用户可以通过点击目标弹幕标识对标记弹幕列表进行浏览;当弹幕浏览请求对应的操作类型为第二点击操作,对标记弹幕列表对应的目标弹幕标识进行隐藏,根据第二点击操作对已经显示的目标弹幕标识进行隐藏能够避免目标弹幕标识过多影响用户对当前文章的浏览,提高目标评论弹幕显示的简洁性。
在一实施例中,步骤S1421中,若弹幕浏览请求对应的操作类型为滑动操作,采用预设弹幕显示方式对标记弹幕列表进行显示,包括:基于预设显示透明度,在预设时间内对标记弹幕列表进行动态显示。
其中,预设显示透明度为自定义设置的,对标记弹幕列表进行显示的透明度。预设时间为自定义设置的,对标记弹幕列表进行动态显示的时间。动态显示为对标记弹幕列表进行显示的方式。
作为一示例,预设显示透明度为30%,预设时间为1秒,根据预设显示透明度懒加载显示文章浏览页面中的标记弹幕列表1秒钟。进一步地,标记弹幕列表中历史标记弹幕根据预设显示透明度,按照从上往下的方向,轻微滑动大概30px的动态显示。
在本实施例中,显示终端基于预设显示透明度,在预设时间内对标记弹幕列表进行动态显示能够避免标记弹幕列表中的历史标记弹幕过多影响用户对当前文章的浏览,提高目标评论弹幕显示的简洁性。
应理解,上述实施例中各步骤的序号的大小并不意味着执行顺序的先后,各过程的执行顺序应以其功能和内在逻辑确定,而不应对本发明实施例的实施过程构成任何限定。
在一实施例中,提供一种弹幕显示装置,该弹幕显示装置与上述实施例中弹幕显示方法一一对应。如图8所示,该弹幕显示装置包括:请求获取模块10、位置获取模块20、弹幕生成模块30和标识生成模块40。各功能模块详细说明如下:
请求获取模块10,用于在文章浏览页面上显示当前文章,获取基于文章浏览页面触发的文本评论请求,文本评论请求包括目标文本字符串;
位置获取模块20,用于基于目标文本字符串,获取目标文本字符串在当前文章的目标标签位置;
弹幕生成模块30,用于获取与目标文本字符串相对应的评论文本字符串,将评论文本字符串添加到目标标签位置,生成目标评论弹幕;
标识生成模块40,用于获取目标标签位置对应的目标伪元素,采用目标伪元素对目标评论弹幕进行处理,形成并显示目标弹幕标识。
进一步地,位置获取模块20包括:
字符串获取子模块,用于基于目标文本字符串,获取目标文本字符串对应的目标标签字符串;
标签位置子模块,用于基于目标标签字符串,获取目标标签字符串在当前文章对应的目标标签位置。
进一步地,标识生成模块40包括:
伪元素子模块,用于对目标标签位置进行标识,获取目标标签位置对应的目标伪元素;
弹幕标识子模块,用于采用目标伪元素对目标评论弹幕进行处理,获取目标标签位置对应的目标弹幕标识;
标识显示子模块,用于当目标标签位置的目标弹幕标识的数量为一个,显示目标弹幕标识;
去重处理子模块,用于当目标标签位置的目标弹幕标识的数量为至少两个,则对至少两个目标弹幕标识进行去重处理,显示去重处理后的目标弹幕标识。
进一步地,请求获取模块10包括:
浏览请求子模块,用于获取文章浏览请求,文章浏览请求包括文章标识;
历史弹幕子模块,用于获取文章标识相对应的当前文章和与当前文章相对应的历史标记弹幕;
弹幕列表子模块,用于给历史标记弹幕添加div标签,获取标记弹幕列表;
预加载子模块,用于在文章浏览页面上显示当前文章,预加载标记弹幕列表。
进一步地,弹幕显示装置还包括:
浏览请求获取模块,用于获取基于文章浏览页面触发的弹幕浏览请求;
列表处理模块,用于根据弹幕浏览请求对应的操作类型,对标记弹幕列表进行处理。
进一步地,列表处理模块包括:
滑动操作子模块,用于当弹幕浏览请求对应的操作类型为滑动操作,采用预设弹幕显示方式对标记弹幕列表进行显示;
第一点击子模块,用于当弹幕浏览请求对应的操作类型为基于当前文章触发的第一点击操作,对标记弹幕列表对应的目标弹幕标识进行显示;
第二点击子模块,用于当弹幕浏览请求对应的操作类型为基于目标弹幕标识触发的第二点击操作,对标记弹幕列表对应的目标弹幕标识进行隐藏。
进一步地,滑动操作子模块包括:
动态显示单元,用于基于预设显示透明度,在预设时间内对标记弹幕列表进行动态显示。
关于弹幕显示装置的具体限定可以参见上文中对于弹幕显示方法的限定,在此不再赘述。上述弹幕显示装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是服务器,其内部结构图可以如图9所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于弹幕显示。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种弹幕显示方法。
在一个实施例中,提供了一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,处理器执行计算机程序时实现上述实施例中弹幕显示方法,例如步骤S10至步骤S40,为避免重复,这里不再赘述。或者,处理器执行计算机程序时实现弹幕显示装置这一实施例中的各模块/单元的功能,例如模块10至模块40,为避免重复,这里不再赘述。
在一实施例中,提供一计算机可读存储介质,该计算机可读存储介质上存储有计算机程序,该计算机程序被处理器执行时实现上述实施例中弹幕显示方法,例如步骤S10至步骤S40,为避免重复,这里不再赘述。或者,该计算机程序被处理器执行时实现上述弹幕显示装置这一实施例中的各模块/单元的功能,例如模块10至模块40,为避免重复,这里不再赘述。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink) DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,仅以上述各功能单元、模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元、模块完成,即将所述装置的内部结构划分成不同的功能单元或模块,以完成以上描述的全部或者部分功能。
以上所述实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围,均应包含在本发明的保护范围之内。
Claims (8)
1.一种弹幕显示方法,其特征在于,包括:
在文章浏览页面上显示当前文章,获取基于所述文章浏览页面触发的文本评论请求,所述文本评论请求包括目标文本字符串;
基于所述目标文本字符串,获取所述目标文本字符串在所述当前文章的目标标签位置,其中,目标标签位置为所述目标文本字符串在所述当前文章中对应的目标标签的位置,包括:
基于所述目标文本字符串,获取目标文本字符串对应的Dom标签字符串;
确定所述Dom标签字符串在当前文章中的节点坐标;
根据目标标签字符串在当前文章中的节点坐标,获取目标标签字符串在当前文章对应的目标标签位置;
获取与所述目标文本字符串相对应的评论文本字符串,将所述评论文本字符串添加到所述目标标签位置,生成目标评论弹幕,其中,目标评论弹幕为将所述评论文本字符串添加到所述目标标签位置,与所述目标标签位置相关联的弹幕;
获取所述目标标签位置对应的目标伪元素,采用所述目标伪元素对所述目标评论弹幕进行处理,形成并显示目标弹幕标识,其中,所述目标弹幕标识为对目标评论弹幕进行标记的标识;
其中,所述获取所述目标标签位置对应的目标伪元素,采用所述目标伪元素对所述目标评论弹幕进行处理,形成并显示目标弹幕标识,包括:
对所述目标标签位置进行标识,获取所述目标标签位置对应的目标伪元素,其中,所述目标伪元素为在所述目标标签位置添加的伪元素,用于将多个所述目标评论弹幕进行处理,通过所述目标弹幕标识进行显示;
采用所述目标伪元素对所述目标评论弹幕进行处理,获取所述目标标签位置对应的目标弹幕标识;
若所述目标标签位置的目标弹幕标识的数量为一个,显示所述目标弹幕标识;
若所述目标标签位置的目标弹幕标识的数量为至少两个,则对至少两个所述目标弹幕标识进行去重处理,显示去重处理后的目标弹幕标识。
2.如权利要求1所述的弹幕显示方法,其特征在于,所述在文章浏览页面上显示当前文章,包括:
获取文章浏览请求,所述文章浏览请求包括文章标识;
获取所述文章标识相对应的当前文章和与所述当前文章相对应的历史标记弹幕;
给所述历史标记弹幕添加div标签,获取标记弹幕列表;
在文章浏览页面上显示所述当前文章,预加载所述标记弹幕列表。
3.如权利要求2所述的弹幕显示方法,其特征在于,在所述在文章浏览页面上显示,预加载所述标记弹幕列表之后,所述弹幕显示方法包括:
获取基于所述文章浏览页面触发的弹幕浏览请求;
根据所述弹幕浏览请求对应的操作类型,对所述标记弹幕列表进行处理。
4.如权利要求3所述的弹幕显示方法,其特征在于,所述根据所述弹幕浏览请求对应的操作类型,对所述标记弹幕列表进行处理,包括:
若所述弹幕浏览请求对应的操作类型为滑动操作,采用预设弹幕显示方式对所述标记弹幕列表进行显示;
若所述弹幕浏览请求对应的操作类型为基于所述当前文章触发的第一点击操作,对所述标记弹幕列表对应的目标弹幕标识进行显示;
若所述弹幕浏览请求对应的操作类型为基于所述目标弹幕标识触发的第二点击操作,对所述标记弹幕列表对应的目标弹幕标识进行隐藏。
5.如权利要求4所述的弹幕显示方法,其特征在于,所述若所述弹幕浏览请求对应的操作类型为滑动操作,采用预设弹幕显示方式对所述标记弹幕列表进行显示,包括:
基于预设显示透明度,在预设时间内对所述标记弹幕列表进行动态显示。
6.一种弹幕显示装置,其特征在于,包括:
请求获取模块,用于在文章浏览页面上显示当前文章,获取基于所述文章浏览页面触发的文本评论请求,所述文本评论请求包括目标文本字符串;
位置获取模块,用于基于所述目标文本字符串,获取所述目标文本字符串在所述当前文章的目标标签位置,其中,目标标签位置为所述目标文本字符串在所述当前文章中对应的目标标签的位置,所述位置获取模块还用于基于所述目标文本字符串,获取目标本文字符串对应的Dom标签字符串;确定所述Dom标签字符串在当前文章中的节点坐标;根据目标标签字符串在当前文章中的节点坐标,获取目标标签字符串在当前文章对应的目标标签位置;
弹幕生成模块,用于获取与所述目标文本字符串相对应的评论文本字符串,将所述评论文本字符串添加到所述目标标签位置,生成目标评论弹幕,其中,目标评论弹幕为将所述评论文本字符串添加到所述目标标签位置,与所述目标标签位置相关联的弹幕;
标识生成模块,用于获取所述目标标签位置对应的目标伪元素,采用所述目标伪元素对所述目标评论弹幕进行处理,形成并显示目标弹幕标识,其中,所述目标弹幕标识为对目标评论弹幕进行标记的标识;
其中,所述标识生成模块,还用于在目标标签位置添加目标伪元素,获取目标标签位置对应的目标伪元素,其中,所述目标伪元素为在所述目标标签位置添加的伪元素,用于将多个所述目标评论弹幕进行处理,通过所述目标弹幕标识进行显示;采用目标伪元素对目标评论弹幕进行处理,获取目标标签位置对应的目标弹幕标识;当目标标签位置的目标弹幕标识的数量为一个时,则将目标标签位置的目标弹幕标识直接显示在当前文章的文章浏览页面中;当目标标签位置的目标弹幕标识的数量为至少两个时,对至少两个目标弹幕标识进行去重处理,将至少两个目标弹幕标识通过一个目标弹幕标识进行显示。
7.一种计算机设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1至5任一项所述弹幕显示方法。
8.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至5任一项所述弹幕显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011054706.8A CN111898336B (zh) | 2020-09-30 | 2020-09-30 | 弹幕显示方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011054706.8A CN111898336B (zh) | 2020-09-30 | 2020-09-30 | 弹幕显示方法、装置、计算机设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111898336A CN111898336A (zh) | 2020-11-06 |
CN111898336B true CN111898336B (zh) | 2021-03-12 |
Family
ID=73224070
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011054706.8A Active CN111898336B (zh) | 2020-09-30 | 2020-09-30 | 弹幕显示方法、装置、计算机设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111898336B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112765990B (zh) * | 2020-12-31 | 2024-01-12 | 平安科技(深圳)有限公司 | 直播弹幕实时合并方法、装置、计算机设备及存储介质 |
CN112800078A (zh) * | 2021-02-04 | 2021-05-14 | 北京明略软件系统有限公司 | 基于javascript的轻量级文本标注方法、系统、设备及存储介质 |
CN113360053A (zh) * | 2021-05-28 | 2021-09-07 | 富途网络科技(深圳)有限公司 | 显示的控制方法、电子设备以及存储介质 |
CN114237465A (zh) * | 2021-12-14 | 2022-03-25 | 广州博冠信息科技有限公司 | 弹幕处理方法及装置、存储介质、电子设备 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106294504A (zh) * | 2015-06-09 | 2017-01-04 | 阿里巴巴集团控股有限公司 | 一种网页图标的显示方法和装置 |
CN110099306A (zh) * | 2018-01-29 | 2019-08-06 | 优酷网络技术(北京)有限公司 | 一种评论信息的处理、显示方法、客户端及服务器 |
Family Cites Families (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US10318110B2 (en) * | 2007-08-13 | 2019-06-11 | Oath Inc. | Location-based visualization of geo-referenced context |
CN102163187B (zh) * | 2010-02-21 | 2014-11-26 | 国际商业机器公司 | 文档标记方法和装置 |
CN104571818B (zh) * | 2014-12-26 | 2018-12-28 | 网易(杭州)网络有限公司 | 一种显示文章评论的方法及装置 |
CN104714802A (zh) * | 2015-03-03 | 2015-06-17 | 北京京东尚科信息技术有限公司 | 一种显示html元素的附加信息的方法和装置 |
CN106407199A (zh) * | 2015-07-27 | 2017-02-15 | 广州市动景计算机科技有限公司 | 网络文章评论处理方法及装置 |
CN105389369A (zh) * | 2015-11-12 | 2016-03-09 | 广州神马移动信息科技有限公司 | 一种网页评论的方法、装置、终端及服务器 |
CN105404669B (zh) * | 2015-11-12 | 2018-08-10 | 广州神马移动信息科技有限公司 | 一种显示网页评论的方法、装置、终端及服务器 |
CN106997269A (zh) * | 2017-04-07 | 2017-08-01 | 福建中金在线信息科技有限公司 | 一种文章页面交互方法及装置 |
CN107229727A (zh) * | 2017-06-06 | 2017-10-03 | 无线生活(杭州)信息科技有限公司 | 一种评论方法及装置 |
CN107729445B (zh) * | 2017-09-30 | 2020-02-07 | 长城计算机软件与系统有限公司 | 一种基于html5的大文本阅读定位及显示方法 |
CN108460069A (zh) * | 2017-11-22 | 2018-08-28 | 钱慧敏 | 为web网页文章独立添加位置评论的方法 |
CN108803992A (zh) * | 2018-06-13 | 2018-11-13 | 河南趣读信息科技有限公司 | 一种手机阅读软件智能评论系统 |
CN109213952A (zh) * | 2018-08-02 | 2019-01-15 | 平安科技(深圳)有限公司 | 页面访问处理方法、装置、计算机设备及存储介质 |
CN110717312B (zh) * | 2019-10-10 | 2024-02-20 | 北京明略软件系统有限公司 | 一种文本标注方法及装置 |
CN110795665A (zh) * | 2019-10-15 | 2020-02-14 | 浙江口碑网络技术有限公司 | 网页文章评论处理方法及服务器端 |
CN111641859B (zh) * | 2020-05-22 | 2023-08-25 | 腾讯科技(深圳)有限公司 | 显示信息方法和装置、计算机可读的存储介质及电子装置 |
-
2020
- 2020-09-30 CN CN202011054706.8A patent/CN111898336B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106294504A (zh) * | 2015-06-09 | 2017-01-04 | 阿里巴巴集团控股有限公司 | 一种网页图标的显示方法和装置 |
CN110099306A (zh) * | 2018-01-29 | 2019-08-06 | 优酷网络技术(北京)有限公司 | 一种评论信息的处理、显示方法、客户端及服务器 |
Also Published As
Publication number | Publication date |
---|---|
CN111898336A (zh) | 2020-11-06 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111898336B (zh) | 弹幕显示方法、装置、计算机设备及存储介质 | |
CN108304498B (zh) | 网页数据采集方法、装置、计算机设备和存储介质 | |
US9984047B2 (en) | Application page quick access | |
CN109901834B (zh) | 文档页面生成方法、装置、计算机设备和存储介质 | |
CN108038134B (zh) | 页面展示的方法、装置和存储介质以及电子设备 | |
CN109814854B (zh) | 项目框架生成方法、装置、计算机设备和存储介质 | |
WO2020151333A1 (zh) | 页面加载方法、装置、计算机设备和存储介质 | |
CN110659092A (zh) | 网页截图方法、装置、计算机设备和存储介质 | |
CN111796799B (zh) | 子应用开发方法、装置、计算机设备及存储介质 | |
CN107679214B (zh) | 链接定位方法、装置、终端与计算机可读存储介质 | |
CN108595697B (zh) | 网页集成方法、装置及系统 | |
CN111666007A (zh) | 鼠标跟随特效的实现方法、装置、计算机设备及存储介质 | |
CN104881273A (zh) | 一种网页渲染的分析方法和终端设备 | |
CN109740041B (zh) | 网页爬取方法、装置、存储介质和计算机设备 | |
CN111596911A (zh) | 生成控件的方法、装置、计算机设备和存储介质 | |
CN106155654B (zh) | 屏蔽网页操作的方法、装置及电子设备 | |
CN110750443A (zh) | 网页测试的方法、装置、计算机设备及存储介质 | |
CN109542501B (zh) | 浏览器表格兼容方法、装置、计算机设备及存储介质 | |
CN109542962B (zh) | 数据处理方法、装置、计算机设备和存储介质 | |
CN113467862A (zh) | 桌面快捷方式的生成方法、装置、移动终端和存储介质 | |
CN111309991A (zh) | 查询语句生成方法、装置和数据查询方法、系统 | |
CN110543450A (zh) | 电子文档生成方法、装置、计算机设备及存储介质 | |
CN107480218B (zh) | 网页显示方法及装置、电子设备、存储介质 | |
CN113032078A (zh) | 页面展示方法、装置、电子设备和计算机可读存储介质 | |
CN106293679A (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 |