CN112347298A - 文字信息显示方法、装置、终端及存储介质 - Google Patents
文字信息显示方法、装置、终端及存储介质 Download PDFInfo
- Publication number
- CN112347298A CN112347298A CN202011270901.4A CN202011270901A CN112347298A CN 112347298 A CN112347298 A CN 112347298A CN 202011270901 A CN202011270901 A CN 202011270901A CN 112347298 A CN112347298 A CN 112347298A
- Authority
- CN
- China
- Prior art keywords
- character
- playing
- unit
- audio
- text
- 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 53
- 238000004040 coloring Methods 0.000 claims abstract description 31
- 230000000694 effects Effects 0.000 claims abstract description 29
- 230000010365 information processing Effects 0.000 claims description 57
- 230000004044 response Effects 0.000 claims description 15
- 238000003079 width control Methods 0.000 claims description 12
- 230000008859 change Effects 0.000 claims description 11
- 238000012544 monitoring process Methods 0.000 claims description 6
- 238000009877 rendering Methods 0.000 claims description 3
- 230000000873 masking effect Effects 0.000 claims description 2
- 230000003993 interaction Effects 0.000 abstract description 7
- 238000004590 computer program Methods 0.000 description 14
- 230000002093 peripheral effect Effects 0.000 description 10
- 238000012545 processing Methods 0.000 description 10
- 230000001133 acceleration Effects 0.000 description 9
- 230000008569 process Effects 0.000 description 8
- 238000010586 diagram Methods 0.000 description 7
- 238000004891 communication Methods 0.000 description 6
- 230000006870 function Effects 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 6
- 238000013473 artificial intelligence Methods 0.000 description 2
- 239000000919 ceramic Substances 0.000 description 2
- 230000006835 compression Effects 0.000 description 2
- 238000007906 compression Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000008901 benefit Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000007423 decrease Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000004927 fusion Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000001788 irregular Effects 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 230000006641 stabilisation Effects 0.000 description 1
- 238000011105 stabilization Methods 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/60—Information retrieval; Database structures therefor; File system structures therefor of audio data
- G06F16/63—Querying
- G06F16/638—Presentation of query results
- G06F16/639—Presentation of query results using playlists
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/60—Information retrieval; Database structures therefor; File system structures therefor of audio data
- G06F16/64—Browsing; Visualisation therefor
Abstract
本申请提供了一种文字信息显示方法、装置、终端及存储介质，属于计算机技术领域。所述方法包括：在音频播放网页中播放音频，显示该音频的文字信息；响应于到达该文字信息中的任一文字单元的起始播放时刻，获取该任一文字单元对应的播放时长；在该播放时长内，将填充背景从该任一文字单元的一侧扩展至该任一文字单元的另一侧，以形成对该任一文字单元的逐渐上色的效果。本申请从该音频的任一文字单元的起始播放时刻开始，逐渐将填充背景从正在播放的该文字单元的一侧扩展至该文字单元的另一侧，使得网页中播放进度的显示精确到单个的文字单元，从而用户能够更加清楚地了解到当前播放到了哪一个字，提高了人机交互的可用性。
Description
技术领域
本申请涉及计算机技术领域，特别涉及一种文字信息显示方法、装置、终端及存储介质。
背景技术
当前，用户不仅可以通过终端上的音乐客户端来播放歌曲，也可以在音乐客户端之外的网页上播放歌曲，例如，用户通过浏览器或者社交客户端打开播放歌曲的网页，在该网页上播放歌曲。
在网页上进行某一歌曲的播放时，该歌曲的歌词分行展示在该网页上，并且，正在播放的一行歌词被突出显示，例如，正在播放的一行歌词显示为蓝色，其他行歌词显示为灰色。
基于上述过程，用户根据网页上显示的歌词，仅能了解到歌曲当前播放到了哪一句，不能更细致的了解歌词的播放进度，人机交互的可用性较差。
发明内容
本申请实施例提供了一种文字信息显示方法、装置、终端及存储介质，能够使网页中播放进度的显示精确到单个的文字单元，从而用户能够更加清楚地了解到当前播放到了哪一个字，提高了人机交互的可用性。所述技术方案如下：
根据本申请实施例的一方面，提供了一种文字信息显示方法，所述方法包括：
在音频播放网页中播放音频，显示所述音频的文字信息；
响应于到达所述文字信息中的任一文字单元的起始播放时刻，获取所述任一文字单元对应的播放时长；
在所述播放时长内，将填充背景从所述任一文字单元的一侧扩展至所述任一文字单元的另一侧，以形成对所述任一文字单元的逐渐上色的效果。
在一种可选的实现方式中，所述在所述播放时长内，将填充背景从所述任一文字单元的一侧扩展至所述任一文字单元的另一侧，包括：
在所述播放时长内，将所述填充背景的宽度由第一宽度扩展为第二宽度；
其中，所述第二宽度与所述第一宽度的差值为所述任一文字单元的宽度。
在另一种可选的实现方式中，所述在所述播放时长内，将填充背景从所述任一文字单元的一侧扩展至所述任一文字单元的另一侧，包括：
在所述播放时长内，将所述填充背景的高度由第一高度扩展为第二高度，其中，所述第二高度与所述第一高度的差值为所述任一文字单元的高度。
在另一种可选的实现方式中，所述在所述播放时长内，将所述填充背景的宽度由第一宽度扩展为第二宽度之前，所述方法还包括：
获取所述任一文字单元的最右端与所述音频播放网页的页面左端的距离，作为第一距离；
获取所述任一文字单元所在行的文字信息的最左端与所述页面左端的距离，作为第二距离；
将所述第一距离与所述第二距离的差值确定为所述第二宽度。
在另一种可选的实现方式中，所述响应于到达所述文字信息中的任一文字单元的起始播放时刻，获取所述任一文字单元对应的播放时长之前，所述方法还包括：
监听所述音频的播放进度；
响应于所述音频的播放进度与所述任一文字单元的起始播放时刻一致，确定到达所述任一文字单元的起始播放时刻。
在另一种可选的实现方式中，所述播放时长为所述任一文字单元的起始播放时刻以及位于所述任一文字单元之后且与所述任一文字单元相邻的文字单元的起始播放时刻的差值。
在另一种可选的实现方式中，所述显示所述音频的文字信息，包括：
将所述文字信息中的每个文字单元分别作为单独的节点在所述音频播放网页中进行渲染，以显示所述文字信息。
在另一种可选的实现方式中，所述在音频播放网页中播放音频，显示所述音频的文字信息之前，所述方法还包括：
在文字信息处理界面上显示所述音频的待处理的文字信息，以及，在所述文字信息处理界面中播放所述音频；
响应于对所述待处理的文字信息的遮罩层的宽度控制操作，获取所述音频的实时播放进度；
响应于所述遮罩层遮住所述待处理的文字信息中的文字单元，将所述实时播放进度确定为被遮住的文字单元的起始播放时刻；
对应存储所述被遮住的文字单元以及所述被遮住的文字单元的起始播放时刻。
在另一种可选的实现方式中，所述响应于所述遮罩层遮住所述待处理的文字信息中的文字单元，将所述实时播放进度确定为被遮住的文字单元的起始播放时刻，包括下述任一项：
响应于所述遮罩层的宽度变化参数大于或等于文字单元的参考宽度，对在所述遮罩层的宽度变化参数所指示的宽度范围内的文字单元进行识别，得到被遮住的文字单元，将所述实时播放进度确定为所述被遮住的文字单元的起始播放时刻；
响应于所述遮罩层的宽度变化参数所指示的宽度范围内包括空格，对位于所述空格之前的文字单元进行识别，得到被遮住的文字单元，将所述实时播放进度确定为所述被遮住的文字单元的起始播放时刻。
根据本申请实施例的另一方面，提供了一种文字信息显示装置，所述装置包括：
第一音频播放模块，用于在音频播放网页中播放音频；
第一文字信息显示模块，用于显示所述音频的文字信息；
播放时长获取模块，用于响应于到达所述文字信息中的任一文字单元的起始播放时刻，获取所述任一文字单元对应的播放时长；
文字单元上色模块，用于在所述播放时长内，将填充背景从所述任一文字单元的一侧扩展至所述任一文字单元的另一侧，以形成对所述任一文字单元的逐渐上色的效果。
在一种可选的实现方式中，所述文字单元上色模块，用于在所述播放时长内，将所述填充背景的宽度由第一宽度扩展为第二宽度；其中，所述第二宽度与所述第一宽度的差值为所述任一文字单元的宽度。
在另一种可选的实现方式中，所述文字单元上色模块，用于在所述播放时长内，将所述填充背景的高度由第一高度扩展为第二高度，其中，所述第二高度与所述第一高度的差值为所述任一文字单元的高度。
在另一种可选的实现方式中，所述装置还包括：
距离获取模块，用于获取所述任一文字单元的最右端与所述音频播放网页的页面左端的距离，作为第一距离；
所述距离获取模块，还用于获取所述任一文字单元所在行的文字信息的最左端与所述页面左端的距离，作为第二距离；
宽度确定模块，用于将所述第一距离与所述第二距离的差值确定为所述第二宽度。
在另一种可选的实现方式中，所述装置还包括：
播放进度监听模块，用于监听所述音频的播放进度；
时机确定模块，用于响应于所述音频的播放进度与所述任一文字单元的起始播放时刻一致，确定到达所述任一文字单元的起始播放时刻。
在另一种可选的实现方式中，所述播放时长为所述任一文字单元的起始播放时刻以及位于所述任一文字单元之后且与所述任一文字单元相邻的文字单元的起始播放时刻的差值。
在另一种可选的实现方式中，所述第一文字信息显示模块，用于将所述文字信息中的每个文字单元分别作为单独的节点在所述音频播放网页中进行渲染，以显示所述文字信息。
在另一种可选的实现方式中，所述装置还包括：
第二文字信息显示模块，用于在文字信息处理界面上显示所述音频的待处理的文字信息；
第二音频播放模块，用于在所述文字信息处理界面中播放所述音频；
播放进度获取模块，用于响应于对所述待处理的文字信息的遮罩层的宽度控制操作，获取所述音频的实时播放进度；
起始播放时刻确定模块，用于响应于所述遮罩层遮住所述待处理的文字信息中的文字单元，将所述实时播放进度确定为被遮住的文字单元的起始播放时刻；
存储模块，用于对应存储所述被遮住的文字单元以及所述被遮住的文字单元的起始播放时刻。
在另一种可选的实现方式中，所述起始播放时刻确定模块，用于响应于所述遮罩层的宽度变化参数大于或等于文字单元的参考宽度，对在所述遮罩层的宽度变化参数所指示的宽度范围内的文字单元进行识别，得到被遮住的文字单元，将所述实时播放进度确定为所述被遮住的文字单元的起始播放时刻。
在另一种可选的实现方式中，所述起始播放时刻确定模块，用于响应于所述遮罩层的宽度变化参数所指示的宽度范围内包括空格，对位于所述空格之前的文字单元进行识别，得到被遮住的文字单元，将所述实时播放进度确定为所述被遮住的文字单元的起始播放时刻。
根据本申请实施例的另一方面，提供了一种终端，所述终端包括处理器和存储器，所述存储器中存储有至少一条程序代码，所述至少一条程序代码由所述处理器加载并执行，以实现上述任一种可选的实现方式中所述的文字信息显示方法。
根据本申请实施例的另一方面，提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一条程序代码，所述至少一条程序代码由处理器加载并执行，以实现上述任一种可选的实现方式中所述的文字信息显示方法。
根据本申请实施例的另一方面，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机程序代码，该计算机程序代码存储在计算机可读存储介质中，终端的处理器从计算机可读存储介质读取该计算机程序代码，处理器执行该计算机程序代码，使得该终端执行上述任一种可选的实现方式所述的文字信息显示方法。
本申请提供了一种在网页中播放音频时对该音频的文字信息进行显示的技术方案，从该音频的任一文字单元的起始播放时刻开始，逐渐将填充背景从正在播放的该文字单元的一侧扩展至该文字单元的另一侧，从而基于填充背景的扩展，使该文字单元随着该文字单元的播放在网页中呈现出突出的颜色渐变效果，也即是使得网页中播放进度的显示精确到单个的文字单元，提高了在网页中显示播放进度的精确性，进而用户根据所显示的更加细致的播放进度，能够更加清楚地了解到当前播放到了哪一个字，提高了人机交互的可用性。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的一种实施环境的示意图；
图2是本申请实施例提供的一种文字信息显示方法的流程图；
图3是本申请实施例提供的一种扩展填充背景的示意图；
图4是本申请实施例提供的一种音频播放网页的示意图；
图5是本申请实施例提供的一种文字信息显示方法的流程图；
图6是本申请实施例提供的一种文字信息显示装置的框图；
图7是本申请实施例提供的一种终端的框图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。
本申请的说明书和权利要求书及附图中的术语“第一”、“第二”、“第三”和“第四”等是用于区别不同对象，而不是用于描述特定顺序。此外，术语“包括”和“具有”以及它们的任意变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元，而是可选地还包括没有列出的步骤或单元，或可选地还包括对于这些过程、方法、产品或设备固有的其他步骤或单元。
图1是本申请实施例提供的一种实施环境的示意图。参见图1，该实施环境包括终端110和服务器120。
可选地，终端110为智能手机、平板电脑、笔记本电脑、台式计算机、智能音箱或者智能手表等，但并不局限于此。终端110上设有客户端，例如，该客户端为浏览器或者社交客户端等。
终端110和服务器120之间通过无线或者有线网络连接，服务器120为终端110提供音频播放的后台服务。以用户通过社交客户端进行音频分享为例，终端110在社交客户端的应用界面上显示被分享的音频信息；响应于对该音频信息的点击操作，跳转至音频播放网页，向服务器120发送音频获取请求；服务器120接收音频获取请求，向终端110返回对应的音频数据；终端110接收音频数据，基于该音频数据，在音频播放网页中进行音频播放。
图2是本申请实施例提供的一种文字信息显示方法的流程图。参见图2，该文字信息显示方法包括：
201、终端在音频播放网页中播放音频，显示该音频的文字信息。
其中，音频也被称为歌曲或者音乐等，音频的文字信息也被称为歌词，本申请对此不加以限定。
202、终端响应于到达该文字信息中的任一文字单元的起始播放时刻，获取该任一文字单元对应的播放时长。
可选地，若文字信息是中文信息，则一个文字单元是一个汉字。若文字信息是英文信息，则一个文字单元是一个单词；或者，若文字信息是英文信息，则一个文字单元是用于表示一个音节的至少一个字母。
其中，文字单元的起始播放时刻为该文字单元在音频中开始播放的时刻，文字单元对应的播放时长为该文字单元在音频中持续播放的时长。例如，“雨下整夜”中的“雨”的起始播放时刻为01分02秒100毫秒，播放时长为200毫秒，在音频播放过程中，“雨”从01分02秒100毫秒开始播放，至01分02秒300毫秒播放结束。
203、终端在播放时长内，将填充背景从该任一文字单元的一侧扩展至该任一文字单元的另一侧，以形成对该任一文字单元的逐渐上色的效果。
其中，填充背景用于对与该填充背景重叠的文字单元的部分进行颜色填充。可选地，对文字单元填充的颜色可配置为任意颜色，以使正在播放的文字单元与未播放的文字单元区别开，使正在播放的文字单元突出显示，例如，对文字单元填充的颜色为红色、蓝色或者绿色等，本申请对此不加以限定。
在一个示例中，参见图3，终端从“雨”的起始播放时刻开始，沿方向301，逐渐扩展填充背景302，在“雨”的播放时长200毫秒内，将填充背景302从“雨”的左侧逐渐扩展至“雨”的右侧。终端基于填充背景的扩展在音频播放网页上显示出如图4所示的“雨”的逐渐上色的效果。
本申请提供了一种在网页中播放音频时对该音频的文字信息进行显示的技术方案，从该音频的任一文字单元的起始播放时刻开始，逐渐将填充背景从正在播放的该文字单元的一侧扩展至该文字单元的另一侧，从而基于填充背景的扩展，使该文字单元随着该文字单元的播放在网页中呈现出突出的颜色渐变效果，也即是使得网页中播放进度的显示精确到单个的文字单元，提高了在网页中显示播放进度的精确性，进而用户根据所显示的更加细致的播放进度，能够更加清楚地了解到当前播放到了哪一个字，提高了人机交互的可用性。
图5是本申请实施例提供的一种文字信息显示方法的流程图。参见图5，该文字信息显示方法包括：
501、终端在音频播放网页中播放音频，显示该音频的文字信息。
可选地，音频播放网页是基于HTML(Hyper Text Markup Language，超级文本标记语言)文档进行渲染得到的，音频播放网页也被称为HTML页面。可选地，音频的文字信息划分为多个分句，每个分句包括至少一个文字单元，每个分句在音频播放网页上显示为一行。音频的文字信息的数据格式是一个数组，数组中的每个元素用于表示一个分句。其中，每一个分句的数据格式也是一个数组，数组中的每个元素包括该分句中的一个文字单元以及该文字单元的起始播放时刻。
可选地，终端在音频播放网页中播放音频的过程中，随着音频的播放进度的推进，对该音频的文字信息中的多个分句进行滚动显示，使正在播放的分句显示在音频播放网页中的目标位置。该目标位置为音频播放网页中较为醒目的位置，例如，该目标位置为音频播放网页中的文字信息显示区域的中央，本申请对正在播放的分句所显示在的具体位置，不加以限定。
其中，HTML文档依据DOM(Document Object Model，文档对象模型)标准表现为节点树的结构。可选地，终端将文字信息中的每个文字单元分别作为单独的节点在音频播放网页中进行渲染，以显示文字信息，从而能够跟随播放进度对单个文字单元进行上色，形成逐字变色显示的效果，提高在网页中显示播放进度的精确性。
502、终端监听该音频的播放进度，响应于该音频的播放进度与任一文字单元的起始播放时刻一致，确定到达该任一文字单元的起始播放时刻。
其中，音频的播放进度用于表示该音频当前播放到的时刻。例如，一个音频的起始播放时刻为00分00秒00毫秒，结束播放时刻为03分41秒00毫秒，终端随着该音频的播放，监听到的播放进度为00分00秒00毫秒到03分41秒00毫秒之间的任一时刻。可选地，终端基于Vue(一套用于构建用户界面的渐进式框架)框架的computed(计算)属性实时监听音频的播放进度。
终端存储有文字单元与起始播放时刻的对应关系。终端对监听到的播放进度和文字信息中的文字单元的起始播放时刻进行比较，以根据比较结果，确定是否到达某一文字单元的起始播放时刻。可选地，终端先基于监听到的播放进度，确定当前正在播放的分句；再对监听到的播放进度和该分句中的文字单元的起始播放时刻进行比较，以减少比较次数，缩短比较时间，快速确定是否到达某一文字单元的起始播放时刻，进而在较小的时间误差范围内，对到达起始播放时刻的文字单元进行上色，进一步提高播放进度显示的精确性。
可选地，终端基于监听到的播放进度，确定当前正在播放的分句之前，先对监听到的播放进度和目标文字单元的起始播放时刻进行比较，若根据比较结果，确定到达该目标文字单元的起始播放时刻，则继续执行获取该目标文字单元的播放时长的步骤；若根据比较结果，确定未到达该目标文字单元的起始播放时刻，则继续执行基于监听到的播放进度，确定当前正在播放的分句的步骤。其中，目标文字单元为文字信息中位于上一个播放的文字单元之后的文字单元。若音频按照时序正常播放，则待播放的文字单元即为目标文字单元，终端仅通过一次比较，即可快速确定是否到达该目标文字单元的起始播放时刻，从而进一步缩小时间误差范围，提高播放进度显示的精确性。
在一种可选的实现方式中，若终端监听到的播放进度与其中一个文字单元的起始播放时刻一致，则根据文字单元与起始播放时刻的对应关系，确定到达该文字单元的起始播放时刻；若终端监听到的播放进度与待比较的文字单元的起始播放时刻均不一致，则确定有文字单元正在播放中。
在另一种可选的实现方式中，若终端监听到的播放进度略大于其中一个文字单元的起始播放时刻，则确定到达该文字单元的起始播放时刻。上述终端响应于该音频的播放进度与任一文字单元的起始播放时刻一致，确定到达该任一文字单元的起始播放时刻的步骤替换为以下步骤：终端响应于该音频的播放进度在任一文字单元的起始播放时刻之后，且该音频的播放进度与该任一文字单元的起始播放时刻的差值小于阈值，确定到达该任一文字单元的起始播放时刻。相应的，终端响应于该音频的播放进度与该任一文字单元的起始播放时刻的差值大于或等于阈值，确定有文字单元正在播放中。其中，阈值可配置为任一时间长度。可选地，阈值为毫秒级别的时间长度，例如，阈值为1毫秒。
503、终端响应于到达该文字信息中的任一文字单元的起始播放时刻，获取该任一文字单元对应的播放时长。
在一种可选的实现方式中，终端存储有文字单元与播放时长的对应关系。终端从已存储的文字单元与播放时长的对应关系中，获取该任一文字单元对应的播放时长。
在另一种可选的实现方式中，终端存储有文字单元与起始播放时刻的对应关系，播放时长为该任一文字单元的起始播放时刻以及位于该任一文字单元之后且与该任一文字单元相邻的文字单元的起始播放时刻的差值。相应的，终端获取该任一文字单元对应的播放时长的步骤包括：终端从已存储的文字单元与起始播放时刻的对应关系中，获取该任一文字单元对应的起始播放时刻，以及，获取位于该任一文字单元之后且与该任一文字单元相邻的文字单元对应的起始播放时刻；将该任一文字单元对应的起始播放时刻以及位于该任一文字单元之后且与该任一文字单元相邻的文字单元对应的起始播放时刻的差值确定为该任一文字单元的播放时长。
例如，“雨下整夜”中“雨”的起始播放时刻为01分02秒100毫秒，“下”的起始播放时刻为01分02秒300毫秒，则“雨”的播放时长为200毫秒。
上述技术方案，终端仅需存储每个文字单元的起始播放时刻，即可根据所存储的起始播放时刻，完成确定是否到达文字单元的起始播放时刻以及确定该文字单元的播放时长两个任务，节省了对存储空间的占用，提高了存储空间的利用率。
在另一种可选的实现方式中，终端存储有文字单元与起始播放时刻和结束播放时刻的对应关系，播放时长为该任一文字单元对应的起始播放时刻与该任一文字单元对应的结束播放时刻的差值。相应的，终端获取该任一文字单元对应的播放时长的步骤包括：终端从已存储的文字单元与起始播放时刻和结束播放时刻的对应关系中，获取该任一文字单元对应的起始播放时刻以及该任一文字单元对应的结束播放时刻，将该任一文字单元对应的起始播放时刻与该任一文字单元对应的结束播放时刻的差值确定为该任一文字单元的播放时长。
504、终端在该播放时长内，将填充背景的宽度由第一宽度扩展为第二宽度，以形成对该任一文字单元的逐渐上色的效果，第二宽度与第一宽度的差值为该任一文字单元的宽度。
在一种可选的实现方式中，填充背景用于跟随播放进度对一个分句中的至少一个文字单元进行颜色填充。终端在对该任一文字单元进行颜色填充的过程中，第一宽度为该任一文字单元所属的分句中位于该任一文字单元之前的至少一个文字单元的宽度，例如，对于“雨下整夜”这一分句，若待填充的文字单元为“整”，则第一宽度为“雨下”这两个文字单元的宽度。
其中，第二宽度为该任一文字单元所属的分句中包括该任一文字单元在内的以及位于该任一文字单元之前的至少一个文字单元的宽度。例如，对于“雨下整夜”这一分句，若待填充的文字单元为“整”，则第二宽度为“雨下整”这三个文字单元的宽度。相应的，终端在将填充背景的宽度由第一宽度扩展为第二宽度之前，确定第二宽度的步骤包括：终端获取该任一文字单元的最右端与音频播放网页的页面左端的距离，作为第一距离；终端获取该任一文字单元所在行的文字信息的最左端与页面左端的距离，作为第二距离；终端将第一距离与第二距离的差值确定为第二宽度。
可选地，终端基于CSS(Cascading Style Sheets，层叠样式表)，在播放时长内，对填充背景的宽度进行扩展，以形成对该任一文字单元的逐渐上色的效果。终端基于CSS的transition(过渡)属性，将该播放时长作为对该任一文字单元进行上色的时长。终端基于CSS的background-clip(背景裁剪)属性，使所扩展的填充背景为与该填充背景重叠的文字单元的部分进行颜色填充。终端基于CSS的background-size(背景尺寸)属性，使填充背景的宽度由第一宽度扩展为第二宽度。可选地，终端通过将background-size属性中的宽度参数由第一宽度变为第二宽度，来对填充背景进行扩展。或者，终端将第一宽度与该任一文字单元所属的分句的比值作为第一百分比，将第二宽度与该任一文字单元所属的分句的宽度的比值作为第二百分比，通过将background-size属性中的百分比参数由第一百分比变为第二百分比，来对填充背景进行扩展。
在另一种可选的实现方式中，每个文字单元对应有单独的填充背景。其中，填充背景的第一宽度为0，第二宽度为该填充背景对应的文字单元的宽度。终端在该播放时长内，将填充背景从该任一文字单元的最左端开始扩展至该任一文字单元的最右端。
本申请提供了一种在网页中播放音频时对该音频的文字信息进行显示的技术方案，从该音频的任一文字单元的起始播放时刻开始，逐渐将填充背景从正在播放的该文字单元的一侧扩展至该文字单元的另一侧，从而基于填充背景的扩展，使该文字单元随着该文字单元的播放在网页中呈现出突出的颜色渐变效果，也即是使得网页中播放进度的显示精确到单个的文字单元，提高了在网页中显示播放进度的精确性，进而用户根据所显示的更加细致的播放进度，能够更加清楚地了解到当前播放到了哪一个字，提高了人机交互的可用性。进一步地，能够提升用户的体验度，使用户在网页中播放音频时获得更大的满足感，也使得提供该音频播放网页的平台获得用户的认可，提高该平台对用户的吸引力以及提高用户对该平台的使用黏性。
需要说明的一点是，在上述实施例中，终端沿水平方向从左到右显示多个文字单元，通过将填充背景从正在播放的文字单元的左侧向该文字单元的右侧扩展，形成对该文字单元逐渐上色的效果，以使动态显示的效果符合用户的浏览习惯。可选地，终端将填充背景沿任一方向扩展，形成对正在播放的文字单元逐渐上色的效果均可，本申请对填充背景的扩展方向不加以限定。
例如，在一些实施例中，终端沿水平方向从左到右显示多个文字单元，通过将填充背景从正在播放的文字单元的右侧向该文字单元的左侧扩展，形成对该文字单元逐渐上色的效果。其中，填充背景为宽度可变的长方形。例如，终端显示“雨下整夜”这一分句，在播放到“雨”时，将填充背景从“雨”的右侧向“雨”的左侧扩展。
在另一些实施例中，终端也可以沿水平方向从右到左显示多个文字单元，通过将填充背景从正在播放的文字单元的右侧向该文字单元的左侧扩展，形成逐渐上色的效果。例如，对于“雨下整夜”这一分句，终端从右到左逐个显示文字单元，形成如下所示“整夜下雨”的显示效果，在播放到“雨”时，将填充背景从“雨”字的右侧向“雨”字的左侧扩展。需要说明的是，终端在沿水平方向从右到左显示文字单元时，也可以通过将填充背景从正在播放的文字单元的左侧向该文字单元的右侧扩展，形成逐渐上色的效果。
在另一些实施例中，终端沿水平方向显示多个文字单元，也可以通过填充背景的高度变化，形成对文字单元逐渐上色的效果。其中，填充背景为高度可变的长方形。填充背景的高度变化的方向与水平方向垂直，每个文字单元分别对应有单独的填充背景。相应的，终端在播放时长内，将填充背景从该任一文字单元的一侧扩展至该任一文字单元的另一侧的步骤包括：终端在该播放时长内，将填充背景的高度由第一高度扩展为第二高度，其中，第二高度与第一高度的差值为该任一文字单元的高度，第一高度为0，第二高度为该任一文字单元的高度。终端扩展填充背景的高度的过程与终端扩展填充背景的宽度的过程同理，在此不再赘述。
可选地，终端将填充背景从正在播放的文字单元的底端向该文字单元的顶端扩展；或者，终端将填充背景从正在播放的文字单元的顶端向该文字单元的底端扩展，本申请对此不加以限定。
在另一些实施例中，终端也可以沿竖直方向从上到下显示多个文字单元或者沿竖直方向从下到上显示多个文字单元。可选地，终端在沿竖直方向显示多个文字单元时，将填充背景从正在播放的文字单元的顶端向该文字单元的底端扩展；或者，将填充背景从正在播放的文字单元的底端向该文字单元的顶端扩展；或者，将填充背景从正在播放的文字单元的左侧向该文字单元的右侧扩展；或者，将填充背景从正在播放的文字单元的右侧向该文字单元的左侧扩展，以形成对文字单元逐渐上色的效果，本申请对此不加以限定。
在另一些实施例中，填充背景为宽度或高度可变的长方形，填充背景的边与水平方向之间存在夹角，终端沿填充背景的任一条边所指示的方向进行扩展，形成对文字单元逐渐上色的效果。其中，该填充背景扩展完成后所指示的区域能够覆盖所需上色的文字单元。例如，填充背景的边与水平方向之间的夹角为45度，文字单元一侧的顶点为该填充背景的边a的中点，该文字单元的宽度和高度均为b，终端沿与边a垂直的方向扩展
的长度，以形成对文字单元逐渐上色的效果，其中，边a的长度为
在另一些实施例中，填充背景为半径可变的圆形。终端将文字单元的中心作为填充背景的中心，将填充背景从中心向边缘扩展，形成对文字单元逐渐上色的效果。可选地，终端将填充背景的半径从0扩展至目标长度，以形成对文字单元逐渐上色的效果。其中，目标长度为文字单元的中心与该文字单元一侧的顶点之间的距离。
在另一些实施例中，终端也可以对每个文字单元进行单独显示，即一个分句中的每个文字单元分别显示在不同的位置。终端可以将每个文字单元对应的填充背景沿任一方向扩展，形成对文字单元逐渐上色的效果。
上述文字单元的显示形式以及填充背景的扩展方向均为示例性说明，终端通过任意方式，使填充背景的扩展形成对文字单元逐渐上色的效果均可，本申请对文字单元的显示形式以及填充背景的扩展方向，不加以限定。
需要说明的另一点是，可选地，终端通过上述步骤501至步骤504，跟随音频的播放进度进行逐字变色显示之前，还获取文字单元与起始播放时刻的对应关系。可选地，终端从服务器获取文字单元与起始播放时刻的对应关系。服务器存储的文字单元与起始播放时刻的对应关系是文字信息处理终端上传的。可选地，文字信息处理终端与执行步骤501至步骤504的终端为不同的两个终端；或者，文字信息处理终端与执行步骤501至步骤504的终端为同一终端，本申请对此不加以限定。文字信息处理终端存储文字单元与起始播放时刻的对应关系的步骤包括以下步骤(1)至步骤(4)：
(1)文字信息处理终端在文字信息处理界面上显示音频的待处理的文字信息，以及，在该文字信息处理界面中播放该音频。
可选地，文字信息处理人员在文字信息处理界面上输入音频的文字信息中的一个分句，以使文字信息处理终端将被输入的分句作为待处理的文字信息显示在该文字信息处理界面上。
可选地，文字信息处理终端基于JS(JavaScript，一种脚本语言)对待处理的文字信息进行解析，将待处理的文字信息中的每一个文字单元作为一个对象。可选地，文字信息处理终端将解析得到的文字单元以及起始播放时刻对应存储为数组中的一个元素。其中，起始播放时刻被初始化为0，该数组用于表示音频的文字信息中的一个分句。
(2)文字信息处理终端响应于对待处理的文字信息的遮罩层的宽度控制操作，获取该音频的实时播放进度。
文字信息处理人员听取正在播放的音频，在该音频播放到待处理的文字信息中的一个文字单元时，通过对遮罩层的宽度控制操作，来触发文字信息处理终端获取该音频的实时播放进度。例如，文字信息处理人员听到“雨”时，执行宽度控制操作，终端获取当前该音频的实时播放进度为01分02秒100毫秒。
可选地，文字信息处理界面包括滑竿，该滑竿上包括可拖动按钮，宽度控制操作为对该可拖动按钮的拖动操作。文字信息处理人员通过拖动该可拖动按钮，使文字信息处理终端基于该可拖动按钮的移动，扩展遮罩层的宽度。或者，宽度控制操作为对文字信息处理界面的点击操作。文字信息处理人员通过在文字信息处理界面上执行点击操作，使文字信息处理终端开始扩展遮罩层的宽度；文字信息处理人员通过在文字信息处理界面上再次执行点击操作，使文字信息处理终端停止对遮罩层的宽度的扩展。
(3)文字信息处理终端响应于遮罩层遮住待处理的文字信息中的文字单元，将该实时播放进度确定为被遮住的文字单元的起始播放时刻。
可选地，文字信息处理终端对被遮罩层遮住的文字单元进行识别，将所获取的实时播放进度赋值给该文字单元对应的起始播放时刻。
在一种可选的实现方式中，若遮罩层的宽度变化为一个汉字的宽度，则文字信息处理终端对该宽度范围内的汉字进行识别，得到正在播放的汉字，将所获取的实时播放进度确定为该汉字的起始播放时刻。也即是，上述步骤(3)包括：文字信息处理终端响应于遮罩层的宽度变化参数大于或等于文字单元的参考宽度，对在遮罩层的宽度变化参数所指示的宽度范围内的文字单元进行识别，得到被遮住的文字单元，将该实时播放进度确定为被遮住的文字单元的起始播放时刻。
例如，文字信息处理人员听到“雨”开始播放，执行宽度控制操作，此时文字信息处理终端获取该音频的实时播放进度为01分02秒100毫秒；文字信息处理终端基于宽度控制操作，使遮罩层的宽度逐渐扩展，直至遮住“雨”停止；文字信息处理终端监听遮罩层的宽度变化，对在遮罩层的宽度变化参数所指示的宽度范围内的汉字进行识别，得到“雨”；将实时播放进度01分02秒100毫秒确定为“雨”的起始播放时刻。
在另一种可选的实现方式中，若遮罩层的宽度变化范围内包括空格，则遮罩层所遮住的文字单元为单词，相应的，文字信息处理终端响应于遮罩层的宽度变化参数所指示的宽度范围内包括空格，对位于空格之前的文字单元进行识别，得到被遮住的文字单元，将实时播放进度确定为被遮住的文字单元的起始播放时刻。
本申请实施例提供的技术方案，随着遮罩层的宽度的扩展，能够对被遮罩层遮住的文字单元进行自动识别，得到当前正在播放的文字单元，降低了确定文字单元所需的人力成本，提高了存储文字单元与起始播放时刻的对应关系的效率。
(4)文字信息处理终端对应存储被遮住的文字单元以及被遮住的文字单元的起始播放时刻。
文字信息处理终端获取一个音频的文字信息中的每个文字单元以及每个文字单元的起始播放时刻，对每个文字单元以及每个文字单元的起始播放时刻进行对应存储。
需要说明的另一点是，可选地，终端通过上述步骤501至步骤504，跟随音频的播放进度进行逐字变色显示之前，还获取文字单元与起始播放时刻和结束播放时刻的对应关系。可选地，终端从服务器获取文字单元与起始播放时刻和结束播放时刻的对应关系。服务器存储的文字单元与起始播放时刻和结束播放时刻的对应关系是文字信息处理终端上传的。可选地，文字信息处理终端存储文字单元与起始播放时刻和结束播放时刻的对应关系的步骤包括：文字信息处理终端在文字信息处理界面上显示音频的待处理的文字信息，以及，在该文字信息处理界面中播放该音频；文字信息处理终端响应于对待处理的文字信息的遮罩层的宽度控制操作开始执行，获取该音频的第一播放进度；文字信息处理终端响应于对待处理的文字信息的遮罩层的宽度控制操作结束执行，获取该音频的第二播放进度；文字信息处理终端响应于遮罩层遮住待处理的文字信息中的文字单元，将第一播放进度确定为被遮住的文字单元的起始播放时刻；将第二播放进度确定为被遮住的文字单元的结束播放时刻。
需要说明的另一点是，可选地，终端通过上述步骤501至步骤504，跟随音频的播放进度进行逐字变色显示之前，还获取文字单元与播放时长的对应关系。可选地，终端从服务器获取文字单元与播放时长的对应关系。可选地，服务器基于文字信息处理终端上传的文字单元与起始播放时刻的对应关系，将相邻的两个文字单元的起始播放时刻的差值确定为前一个文字单元的播放时长，对应存储前一个文字单元以及播放时长。或者，服务器基于文字信息处理终端上传的文字单元与起始播放时刻和结束播放时刻的对应关系，将文字单元的起始播放时刻与结束播放时刻的差值确定为该文字单元的播放时长，对应存储该文字单元和播放时长。可选地，文字信息处理终端基于与服务器同理的处理过程，确定文字单元的播放时长，将文字单元与播放时长的对应关系上传至服务器，本申请对此不加以限定。
上述所有可选技术方案，可以采用任意结合形成本申请的可选实施例，在此不再一一赘述。
图6是本申请实施例提供的一种文字信息显示装置的框图。参见图6，该装置包括：
第一音频播放模块601，用于在音频播放网页中播放音频；
第一文字信息显示模块602，用于显示该音频的文字信息；
播放时长获取模块603，用于响应于到达该文字信息中的该任一文字单元的起始播放时刻，获取该任一文字单元对应的播放时长；
文字单元上色模块604，用于在该播放时长内，将填充背景从该任一文字单元的一侧扩展至该任一文字单元的另一侧，以形成对该任一文字单元的逐渐上色的效果。
本申请提供了一种在网页中播放音频时对该音频的文字信息进行显示的技术方案，从该音频的任一文字单元的起始播放时刻开始，逐渐将填充背景从正在播放的该文字单元的一侧扩展至该文字单元的另一侧，从而基于填充背景的扩展，使该文字单元随着该文字单元的播放在网页中呈现出突出的颜色渐变效果，也即是使得网页中播放进度的显示精确到单个的文字单元，提高了在网页中显示播放进度的精确性，进而用户根据所显示的更加细致的播放进度，能够更加清楚地了解到当前播放到了哪一个字，提高了人机交互的可用性。
在一种可选的实现方式中，文字单元上色模块604，用于在该播放时长内，将填充背景的宽度由第一宽度扩展为第二宽度；其中，第二宽度与第一宽度的差值为该任一文字单元的宽度。
在另一种可选的实现方式中，文字单元上色模块604，用于在该播放时长内，将填充背景的高度由第一高度扩展为第二高度，其中，第二高度与第一高度的差值为该任一文字单元的高度。
在另一种可选的实现方式中，该装置还包括：
距离获取模块，用于获取该任一文字单元的最右端与音频播放网页的页面左端的距离，作为第一距离；
距离获取模块，还用于获取该任一文字单元所在行的文字信息的最左端与该页面左端的距离，作为第二距离；
宽度确定模块，用于将第一距离与第二距离的差值确定为第二宽度。
在另一种可选的实现方式中，装置还包括：
播放进度监听模块，用于监听该音频的播放进度；
时机确定模块，用于响应于该音频的播放进度与任一文字单元的起始播放时刻一致，确定到达该任一文字单元的起始播放时刻。
在另一种可选的实现方式中，播放时长为该任一文字单元的起始播放时刻以及位于该任一文字单元之后且与该任一文字单元相邻的文字单元的起始播放时刻的差值。
在另一种可选的实现方式中，第一文字信息显示模块602，用于将文字信息中的每个文字单元分别作为单独的节点在音频播放网页中进行渲染，以显示文字信息。
在另一种可选的实现方式中，装置还包括：
第二文字信息显示模块，用于在文字信息处理界面上显示音频的待处理的文字信息；
第二音频播放模块，用于在文字信息处理界面中播放音频；
播放进度获取模块，用于响应于对待处理的文字信息的遮罩层的宽度控制操作，获取音频的实时播放进度；
起始播放时刻确定模块，用于响应于遮罩层遮住待处理的文字信息中的文字单元，将实时播放进度确定为被遮住的文字单元的起始播放时刻；
存储模块，用于对应存储被遮住的文字单元以及被遮住的文字单元的起始播放时刻。
在另一种可选的实现方式中，起始播放时刻确定模块，用于响应于遮罩层的宽度变化参数大于或等于文字单元的参考宽度，对在遮罩层的宽度变化参数所指示的宽度范围内的文字单元进行识别，得到被遮住的文字单元，将实时播放进度确定为被遮住的文字单元的起始播放时刻。
在另一种可选的实现方式中，起始播放时刻确定模块，用于响应于遮罩层的宽度变化参数所指示的宽度范围内包括空格，对位于空格之前的文字单元进行识别，得到被遮住的文字单元，将实时播放进度确定为被遮住的文字单元的起始播放时刻。
需要说明的是：上述实施例提供的文字信息显示装置在进行文字信息的显示时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将终端的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的文字信息显示装置与文字信息显示方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
图7示出了本申请一个示例性实施例提供的终端700的结构框图。该终端700可以是便携式移动终端，比如：智能手机、平板电脑、MP3播放器(Moving Picture ExpertsGroup Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving PictureExperts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端700还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。
通常，终端700包括有：处理器701和存储器702。
处理器701可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器701可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(Field－Programmable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器701也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central ProcessingUnit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器701可以集成有GPU(Graphics Processing Unit，图像处理器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器701还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。
存储器702可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器702还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器702中的非暂态的计算机可读存储介质用于存储至少一条程序代码，该至少一条程序代码用于被处理器701所执行以实现本申请中方法实施例提供的文字信息显示方法。
在一些实施例中，终端700还可选包括有：外围设备接口703和至少一个外围设备。处理器701、存储器702和外围设备接口703之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口703相连。具体地，外围设备包括：射频电路704、显示屏705、摄像头组件706、音频电路707、定位组件708和电源709中的至少一种。
外围设备接口703可被用于将I/O(Input/Output，输入/输出)相关的至少一个外围设备连接到处理器701和存储器702。在一些实施例中，处理器701、存储器702和外围设备接口703被集成在同一芯片或电路板上；在一些其他实施例中，处理器701、存储器702和外围设备接口703中的任意一个或两个可以在单独的芯片或电路板上实现，本实施例对此不加以限定。
射频电路704用于接收和发射RF(Radio Frequency，射频)信号，也称电磁信号。射频电路704通过电磁信号与通信网络以及其他通信设备进行通信。射频电路704将电信号转换为电磁信号进行发送，或者，将接收到的电磁信号转换为电信号。可选地，射频电路704包括：天线系统、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路704可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于：万维网、城域网、内联网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity，无线保真)网络。在一些实施例中，射频电路704还可以包括NFC(Near Field Communication，近距离无线通信)有关的电路，本申请对此不加以限定。
显示屏705用于显示UI(User Interface，用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏705是触摸显示屏时，显示屏705还具有采集在显示屏705的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器701进行处理。此时，显示屏705还可以用于提供虚拟按钮和/或虚拟键盘，也称软按钮和/或软键盘。在一些实施例中，显示屏705可以为一个，设置在终端700的前面板；在另一些实施例中，显示屏705可以为至少两个，分别设置在终端700的不同表面或呈折叠设计；在另一些实施例中，显示屏705可以是柔性显示屏，设置在终端700的弯曲表面上或折叠面上。甚至，显示屏705还可以设置成非矩形的不规则图形，也即异形屏。显示屏705可以采用LCD(Liquid Crystal Display，液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。
摄像头组件706用于采集图像或视频。可选地，摄像头组件706包括前置摄像头和后置摄像头。通常，前置摄像头设置在终端的前面板，后置摄像头设置在终端的背面。在一些实施例中，后置摄像头为至少两个，分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种，以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality，虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中，摄像头组件706还可以包括闪光灯。闪光灯可以是单色温闪光灯，也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合，可以用于不同色温下的光线补偿。
音频电路707可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波，并将声波转换为电信号输入至处理器701进行处理，或者输入至射频电路704以实现语音通信。出于立体声采集或降噪的目的，麦克风可以为多个，分别设置在终端700的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器701或射频电路704的电信号转换为声波。扬声器可以是传统的薄膜扬声器，也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时，不仅可以将电信号转换为人类可听见的声波，也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中，音频电路707还可以包括耳机插孔。
定位组件708用于定位终端700的当前地理位置，以实现导航或LBS(LocationBased Service，基于位置的服务)。定位组件708可以是基于美国的GPS(GlobalPositioning System，全球定位系统)、中国的北斗系统或俄罗斯的伽利略系统的定位组件。
电源709用于为终端700中的各个组件进行供电。电源709可以是交流电、直流电、一次性电池或可充电电池。当电源709包括可充电电池时，该可充电电池可以是有线充电电池或无线充电电池。有线充电电池是通过有线线路充电的电池，无线充电电池是通过无线线圈充电的电池。该可充电电池还可以用于支持快充技术。
在一些实施例中，终端700还包括有一个或多个传感器710。该一个或多个传感器710包括但不限于：加速度传感器711、陀螺仪传感器712、压力传感器713、指纹传感器714、光学传感器715以及接近传感器716。
加速度传感器711可以检测以终端700建立的坐标系的三个坐标轴上的加速度大小。比如，加速度传感器711可以用于检测重力加速度在三个坐标轴上的分量。处理器701可以根据加速度传感器711采集的重力加速度信号，控制显示屏705以横向视图或纵向视图进行用户界面的显示。加速度传感器711还可以用于游戏或者用户的运动数据的采集。
陀螺仪传感器712可以检测终端700的机体方向及转动角度，陀螺仪传感器712可以与加速度传感器711协同采集用户对终端700的3D动作。处理器701根据陀螺仪传感器712采集的数据，可以实现如下功能：动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。
压力传感器713可以设置在终端700的侧边框和/或显示屏705的下层。当压力传感器713设置在终端700的侧边框时，可以检测用户对终端700的握持信号，由处理器701根据压力传感器713采集的握持信号进行左右手识别或快捷操作。当压力传感器713设置在显示屏705的下层时，由处理器701根据用户对显示屏705的压力操作，实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。
指纹传感器714用于采集用户的指纹，由处理器701根据指纹传感器714采集到的指纹识别用户的身份，或者，由指纹传感器714根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时，由处理器701授权该用户执行相关的敏感操作，该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器714可以被设置在终端700的正面、背面或侧面。当终端700上设置有物理按键或厂商Logo时，指纹传感器714可以与物理按键或厂商Logo集成在一起。
光学传感器715用于采集环境光强度。在一个实施例中，处理器701可以根据光学传感器715采集的环境光强度，控制显示屏705的显示亮度。具体地，当环境光强度较高时，调高显示屏705的显示亮度；当环境光强度较低时，调低显示屏705的显示亮度。在另一个实施例中，处理器701还可以根据光学传感器715采集的环境光强度，动态调整摄像头组件706的拍摄参数。
接近传感器716，也称距离传感器，通常设置在终端700的前面板。接近传感器716用于采集用户与终端700的正面之间的距离。在一个实施例中，当接近传感器716检测到用户与终端700的正面之间的距离逐渐变小时，由处理器701控制显示屏705从亮屏状态切换为息屏状态；当接近传感器716检测到用户与终端700的正面之间的距离逐渐变大时，由处理器701控制显示屏705从息屏状态切换为亮屏状态。
本领域技术人员可以理解，图7中示出的结构并不构成对终端700的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。
在示例性实施例中，还提供了一种计算机可读存储介质，该计算机可读存储介质中存储有至少一条程序代码，上述至少一条程序代码可由终端的处理器执行以完成上述实施例中的文字信息显示方法。例如，计算机可读存储介质可以是ROM(Read-Only Memory，只读存储器)、RAM(Random Access Memory，随机存取存储器)、CD-ROM(Compact Disc Read-Only Memory，只读光盘)、磁带、软盘和光数据存储设备等。
本申请还提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机程序代码，该计算机程序代码存储在计算机可读存储介质中，终端的处理器从计算机可读存储介质读取该计算机程序代码，处理器执行该计算机程序代码，使得该终端执行上述各个方法实施例中的文字信息显示方法。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。
以上所述仅为本申请的可选实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。
Claims (11)
1.一种文字信息显示方法，其特征在于，所述方法包括：
在音频播放网页中播放音频，显示所述音频的文字信息；
响应于到达所述文字信息中的任一文字单元的起始播放时刻，获取所述任一文字单元对应的播放时长；
在所述播放时长内，将填充背景从所述任一文字单元的一侧扩展至所述任一文字单元的另一侧，以形成对所述任一文字单元的逐渐上色的效果。
2.根据权利要求1所述的方法，其特征在于，所述在所述播放时长内，将填充背景从所述任一文字单元的一侧扩展至所述任一文字单元的另一侧，包括：
在所述播放时长内，将所述填充背景的宽度由第一宽度扩展为第二宽度，其中，所述第二宽度与所述第一宽度的差值为所述任一文字单元的宽度；
或，在所述播放时长内，将所述填充背景的高度由第一高度扩展为第二高度，其中，所述第二高度与所述第一高度的差值为所述任一文字单元的高度。
3.根据权利要求2所述的方法，其特征在于，所述在所述播放时长内，将所述填充背景的宽度由第一宽度扩展为第二宽度之前，所述方法还包括：
获取所述任一文字单元的最右端与所述音频播放网页的页面左端的距离，作为第一距离；
获取所述任一文字单元所在行的文字信息的最左端与所述页面左端的距离，作为第二距离；
将所述第一距离与所述第二距离的差值确定为所述第二宽度。
4.根据权利要求1所述的方法，其特征在于，所述响应于到达所述文字信息中的任一文字单元的起始播放时刻，获取所述任一文字单元对应的播放时长之前，所述方法还包括：
监听所述音频的播放进度；
响应于所述音频的播放进度与所述任一文字单元的起始播放时刻一致，确定到达所述任一文字单元的起始播放时刻。
5.根据权利要求1所述的方法，其特征在于，所述播放时长为所述任一文字单元的起始播放时刻以及位于所述任一文字单元之后且与所述任一文字单元相邻的文字单元的起始播放时刻的差值。
6.根据权利要求1所述的方法，其特征在于，所述显示所述音频的文字信息，包括：
将所述文字信息中的每个文字单元分别作为单独的节点在所述音频播放网页中进行渲染，以显示所述文字信息。
7.根据权利要求1所述的方法，其特征在于，所述在音频播放网页中播放音频，显示所述音频的文字信息之前，所述方法还包括：
在文字信息处理界面上显示所述音频的待处理的文字信息，以及，在所述文字信息处理界面中播放所述音频；
响应于对所述待处理的文字信息的遮罩层的宽度控制操作，获取所述音频的实时播放进度；
响应于所述遮罩层遮住所述待处理的文字信息中的文字单元，将所述实时播放进度确定为被遮住的文字单元的起始播放时刻；
对应存储所述被遮住的文字单元以及所述被遮住的文字单元的起始播放时刻。
8.根据权利要求7所述的方法，其特征在于，所述响应于所述遮罩层遮住所述待处理的文字信息中的文字单元，将所述实时播放进度确定为被遮住的文字单元的起始播放时刻，包括下述任一项：
响应于所述遮罩层的宽度变化参数大于或等于文字单元的参考宽度，对在所述遮罩层的宽度变化参数所指示的宽度范围内的文字单元进行识别，得到被遮住的文字单元，将所述实时播放进度确定为所述被遮住的文字单元的起始播放时刻；
响应于所述遮罩层的宽度变化参数所指示的宽度范围内包括空格，对位于所述空格之前的文字单元进行识别，得到被遮住的文字单元，将所述实时播放进度确定为所述被遮住的文字单元的起始播放时刻。
9.一种文字信息显示装置，其特征在于，所述装置包括：
第一音频播放模块，用于在音频播放网页中播放音频；
第一文字信息显示模块，用于显示所述音频的文字信息；
播放时长获取模块，用于响应于到达所述文字信息中的任一文字单元的起始播放时刻，获取所述任一文字单元对应的播放时长；
文字单元上色模块，用于在所述播放时长内，将填充背景从所述任一文字单元的一侧扩展至所述任一文字单元的另一侧，以形成对所述任一文字单元的逐渐上色的效果。
10.一种终端，其特征在于，所述终端包括处理器和存储器，所述存储器中存储有至少一条程序代码，所述至少一条程序代码由所述处理器加载并执行，以实现如权利要求1-8任一项所述的文字信息显示方法。
11.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有至少一条程序代码，所述至少一条程序代码由处理器加载并执行，以实现如权利要求1-8任一项所述的文字信息显示方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011270901.4A CN112347298A (zh) | 2020-11-13 | 2020-11-13 | 文字信息显示方法、装置、终端及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011270901.4A CN112347298A (zh) | 2020-11-13 | 2020-11-13 | 文字信息显示方法、装置、终端及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112347298A true CN112347298A (zh) | 2021-02-09 |
Family
ID=74363697
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011270901.4A Pending CN112347298A (zh) | 2020-11-13 | 2020-11-13 | 文字信息显示方法、装置、终端及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112347298A (zh) |
Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| TW200741645A (en) * | 2006-04-26 | 2007-11-01 | Mitac Res Shanghai Ltd | System and method to play the lyrics of a song and the song synchronously |
| CN101127210A (zh) * | 2007-09-20 | 2008-02-20 | Ut斯达康通讯有限公司 | 实现歌曲播放过程中歌词同步的方法和装置 |
| US20110019087A1 (en) * | 2009-07-27 | 2011-01-27 | Ipeer Multimedia International Ltd. | Method and system for displaying multimedia subtitle |
| CN101984490A (zh) * | 2010-11-23 | 2011-03-09 | 亿览在线网络技术（北京）有限公司 | 一种逐字同步的歌词文件的生成方法及系统 |
| CN104795082A (zh) * | 2015-03-26 | 2015-07-22 | 广州酷狗计算机科技有限公司 | 音频字幕显示方法、装置及播放器 |
| US9176658B1 (en) * | 2013-12-10 | 2015-11-03 | Amazon Technologies, Inc. | Navigating media playback using scrollable text |
| CN106098088A (zh) * | 2016-06-01 | 2016-11-09 | 广州酷狗计算机科技有限公司 | 一种显示歌词的方法和装置 |
| CN106653071A (zh) * | 2016-12-30 | 2017-05-10 | 腾讯音乐娱乐（深圳）有限公司 | 一种歌词显示方法及装置 |
| CN108206029A (zh) * | 2016-12-16 | 2018-06-26 | 北京酷我科技有限公司 | 一种实现逐字歌词的方法及系统 |
| CN108419113A (zh) * | 2018-05-24 | 2018-08-17 | 广州酷狗计算机科技有限公司 | 字幕显示方法及装置 |
| CN109543064A (zh) * | 2018-11-30 | 2019-03-29 | 北京微播视界科技有限公司 | 歌词显示处理方法、装置、电子设备及计算机存储介质 |
| CN110087122A (zh) * | 2019-05-06 | 2019-08-02 | 北京字节跳动网络技术有限公司 | 用于处理信息的系统、方法和装置 |
-
2020
- 2020-11-13 CN CN202011270901.4A patent/CN112347298A/zh active Pending
Patent Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| TW200741645A (en) * | 2006-04-26 | 2007-11-01 | Mitac Res Shanghai Ltd | System and method to play the lyrics of a song and the song synchronously |
| CN101127210A (zh) * | 2007-09-20 | 2008-02-20 | Ut斯达康通讯有限公司 | 实现歌曲播放过程中歌词同步的方法和装置 |
| US20110019087A1 (en) * | 2009-07-27 | 2011-01-27 | Ipeer Multimedia International Ltd. | Method and system for displaying multimedia subtitle |
| CN101984490A (zh) * | 2010-11-23 | 2011-03-09 | 亿览在线网络技术（北京）有限公司 | 一种逐字同步的歌词文件的生成方法及系统 |
| US9176658B1 (en) * | 2013-12-10 | 2015-11-03 | Amazon Technologies, Inc. | Navigating media playback using scrollable text |
| CN104795082A (zh) * | 2015-03-26 | 2015-07-22 | 广州酷狗计算机科技有限公司 | 音频字幕显示方法、装置及播放器 |
| CN106098088A (zh) * | 2016-06-01 | 2016-11-09 | 广州酷狗计算机科技有限公司 | 一种显示歌词的方法和装置 |
| CN108206029A (zh) * | 2016-12-16 | 2018-06-26 | 北京酷我科技有限公司 | 一种实现逐字歌词的方法及系统 |
| CN106653071A (zh) * | 2016-12-30 | 2017-05-10 | 腾讯音乐娱乐（深圳）有限公司 | 一种歌词显示方法及装置 |
| CN108419113A (zh) * | 2018-05-24 | 2018-08-17 | 广州酷狗计算机科技有限公司 | 字幕显示方法及装置 |
| CN109543064A (zh) * | 2018-11-30 | 2019-03-29 | 北京微播视界科技有限公司 | 歌词显示处理方法、装置、电子设备及计算机存储介质 |
| CN110087122A (zh) * | 2019-05-06 | 2019-08-02 | 北京字节跳动网络技术有限公司 | 用于处理信息的系统、方法和装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108415705B (zh) | 网页生成方法、装置、存储介质及设备 | |
| CN112162671B (zh) | 直播数据处理方法、装置、电子设备及存储介质 | |
| CN111880712B (zh) | 页面显示方法、装置、电子设备及存储介质 | |
| CN113409427B (zh) | 动画播放方法、装置、电子设备及计算机可读存储介质 | |
| CN112667835A (zh) | 作品处理方法、装置、电子设备及存储介质 | |
| CN111459363A (zh) | 信息展示方法、装置、设备及存储介质 | |
| CN108289237B (zh) | 播放动态图片的方法、装置、终端及计算机可读存储介质 | |
| CN111415650A (zh) | 文本语音转换的方法、装置、设备以及存储介质 | |
| CN111083526B (zh) | 视频转场方法、装置、计算机设备及存储介质 | |
| CN112257006A (zh) | 页面信息的配置方法、装置、设备及计算机可读存储介质 | |
| CN111368114A (zh) | 信息展示方法、装置、设备及存储介质 | |
| CN111081277B (zh) | 音频测评的方法、装置、设备及存储介质 | |
| CN110798327B (zh) | 消息处理方法、设备及存储介质 | |
| CN111437600A (zh) | 剧情展示方法、装置、设备及存储介质 | |
| CN113032590B (zh) | 特效展示方法、装置、计算机设备及计算机可读存储介质 | |
| CN112004134B (zh) | 多媒体数据的展示方法、装置、设备及存储介质 | |
| CN112069350A (zh) | 歌曲推荐方法、装置、设备以及计算机存储介质 | |
| CN111370096A (zh) | 交互界面的显示方法、装置、设备及存储介质 | |
| CN112766389B (zh) | 图像分类方法、图像分类模型的训练方法、装置和设备 | |
| CN110688046B (zh) | 歌曲播放方法、装置及存储介质 | |
| CN111063372B (zh) | 确定音高特征的方法、装置、设备及存储介质 | |
| CN113034213B (zh) | 漫画内容的显示方法、装置、设备及可读存储介质 | |
| CN108763182B (zh) | 渲染歌词的方法和装置 | |
| CN113301422A (zh) | 获取视频封面的方法、终端及存储介质 | |
| CN112347298A (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 |