本申請提供了一種文字信息顯示方法、裝置、終端及存儲介質，屬于計算機技術領域。所述方法包括：在音頻播放網頁中播放音頻，顯示該音頻的文字信息；響應于到達該文字信息中的任一文字單元的起始播放時刻，獲取該任一文字單元對應的播放時長；在該播放時長內，將填充背景從該任一文字單元的一側擴展至該任一文字單元的另一側，以形成對該任一文字單元的逐漸上色的效果。本申請從該音頻的任一文字單元的起始播放時刻開始，逐漸將填充背景從正在播放的該文字單元的一側擴展至該文字單元的另一側，使得網頁中播放進度的顯示精確到單個的文字單元，從而用戶能夠更加清楚地了解到當前播放到了哪一個字，提高了人機交互的可用性。提高了人機交互的可用性。提高了人機交互的可用性。
【技術實現步驟摘要】
文字信息顯示方法、裝置、終端及存儲介質
[0001]本申請涉及計算機
，特別涉及一種文字信息顯示方法、裝置、終端及存儲介質。
技術介紹
[0002]當前，用戶不僅可以通過終端上的音樂客戶端來播放歌曲，也可以在音樂客戶端之外的網頁上播放歌曲，例如，用戶通過瀏覽器或者社交客戶端打開播放歌曲的網頁，在該網頁上播放歌曲。
[0003]在網頁上進行某一歌曲的播放時，該歌曲的歌詞分行展示在該網頁上，并且，正在播放的一行歌詞被突出顯示，例如，正在播放的一行歌詞顯示為藍色，其他行歌詞顯示為灰色。
[0004]基于上述過程，用戶根據網頁上顯示的歌詞，僅能了解到歌曲當前播放到了哪一句，不能更細致的了解歌詞的播放進度，人機交互的可用性較差。
技術實現思路
[0005]本申請實施例提供了一種文字信息顯示方法、裝置、終端及存儲介質，能夠使網頁中播放進度的顯示精確到單個的文字單元，從而用戶能夠更加清楚地了解到當前播放到了哪一個字，提高了人機交互的可用性。所述技術方案如下：
[0006]根據本申請實施例的一方面，提供了一種文字信息顯示方法，所述方法包括：
[0007]在音頻播放網頁中播放音頻，顯示所述音頻的文字信息；
[0008]響應于到達所述文字信息中的任一文字單元的起始播放時刻，獲取所述任一文字單元對應的播放時長；
[0009]在所述播放時長內，將填充背景從所述任一文字單元的一側擴展至所述任一文字單元的另一側，以形成對所述任一文字單元的逐漸上色的效果。
[0010]在一種可選的實現方式中，所述在所述播放時長內，將填充背景從所述任一文字單元的一側擴展至所述任一文字單元的另一側，包括：
[0011]在所述播放時長內，將所述填充背景的寬度由第一寬度擴展為第二寬度；
[0012]其中，所述第二寬度與所述第一寬度的差值為所述任一文字單元的寬度。
[0013]在另一種可選的實現方式中，所述在所述播放時長內，將填充背景從所述任一文字單元的一側擴展至所述任一文字單元的另一側，包括：
[0014]在所述播放時長內，將所述填充背景的高度由第一高度擴展為第二高度，其中，所述第二高度與所述第一高度的差值為所述任一文字單元的高度。
[0015]在另一種可選的實現方式中，所述在所述播放時長內，將所述填充背景的寬度由第一寬度擴展為第二寬度之前，所述方法還包括：
[0016]獲取所述任一文字單元的最右端與所述音頻播放網頁的頁面左端的距離，作為第一距離；
[0017]獲取所述任一文字單元所在行的文字信息的最左端與所述頁面左端的距離，作為第二距離；
[0018]將所述第一距離與所述第二距離的差值確定為所述第二寬度。
[0019]在另一種可選的實現方式中，所述響應于到達所述文字信息中的任一文字單元的起始播放時刻，獲取所述任一文字單元對應的播放時長之前，所述方法還包括：
[0020]監聽所述音頻的播放進度；
[0021]響應于所述音頻的播放進度與所述任一文字單元的起始播放時刻一致，確定到達所述任一文字單元的起始播放時刻。
[0022]在另一種可選的實現方式中，所述播放時長為所述任一文字單元的起始播放時刻以及位于所述任一文字單元之后且與所述任一文字單元相鄰的文字單元的起始播放時刻的差值。
[0023]在另一種可選的實現方式中，所述顯示所述音頻的文字信息，包括：
[0024]將所述文字信息中的每個文字單元分別作為單獨的節點在所述音頻播放網頁中進行渲染，以顯示所述文字信息。
[0025]在另一種可選的實現方式中，所述在音頻播放網頁中播放音頻，顯示所述音頻的文字信息之前，所述方法還包括：
[0026]在文字信息處理界面上顯示所述音頻的待處理的文字信息，以及，在所述文字信息處理界面中播放所述音頻；
[0027]響應于對所述待處理的文字信息的遮罩層的寬度控制操作，獲取所述音頻的實時播放進度；
[0028]響應于所述遮罩層遮住所述待處理的文字信息中的文字單元，將所述實時播放進度確定為被遮住的文字單元的起始播放時刻；
[0029]對應存儲所述被遮住的文字單元以及所述被遮住的文字單元的起始播放時刻。
[0030]在另一種可選的實現方式中，所述響應于所述遮罩層遮住所述待處理的文字信息中的文字單元，將所述實時播放進度確定為被遮住的文字單元的起始播放時刻，包括下述任一項：
[0031]響應于所述遮罩層的寬度變化參數大于或等于文字單元的參考寬度，對在所述遮罩層的寬度變化參數所指示的寬度范圍內的文字單元進行識別，得到被遮住的文字單元，將所述實時播放進度確定為所述被遮住的文字單元的起始播放時刻；
[0032]響應于所述遮罩層的寬度變化參數所指示的寬度范圍內包括空格，對位于所述空格之前的文字單元進行識別，得到被遮住的文字單元，將所述實時播放進度確定為所述被遮住的文字單元的起始播放時刻。
[0033]根據本申請實施例的另一方面，提供了一種文字信息顯示裝置，所述裝置包括：
[0034]第一音頻播放模塊，用于在音頻播放網頁中播放音頻；
[0035]第一文字信息顯示模塊，用于顯示所述音頻的文字信息；
[0036]播放時長獲取模塊，用于響應于到達所述文字信息中的任一文字單元的起始播放時刻，獲取所述任一文字單元對應的播放時長；
[0037]文字單元上色模塊，用于在所述播放時長內，將填充背景從所述任一文字單元的一側擴展至所述任一文字單元的另一側，以形成對所述任一文字單元的逐漸上色的效果。
[0038]在一種可選的實現方式中，所述文字單元上色模塊，用于在所述播放時長內，將所述填充背景的寬度由第一寬度擴展為第二寬度；其中，所述第二寬度與所述第一寬度的差值為所述任一文字單元的寬度。
[0039]在另一種可選的實現方式中，所述文字單元上色模塊，用于在所述播放時長內，將所述填充背景的高度由第一高度擴展為第二高度，其中，所述第二高度與所述第一高度的差值為所述任一文字單元的高度。
[0040]在另一種可選的實現方式中，所述裝置還包括：
[0041]距離獲取模塊，用于獲取所述任一文字單元的最右端與所述音頻播放網頁的頁面左端的距離，作為第一距離；
[0042]所述距離獲取模塊，還用于獲取所述任一文字單元所在行的文字信息的最左端與所述頁面左端的距離，作為第二距離；
[0043]寬度確定模塊，用于將所述第一距離與所述第二距離的差值確定為所述第二寬度。
[0044]在另一種可選的實現方式中，所述裝置還包括：
[0045]播放進度監聽模塊，用于監聽所述音頻的播放進度；
[0046]時機確定模塊，用于響應于所述音頻的播放進度與所述任一文字單元的起始播放時刻一致，確定到達所述任一文字單元的起始播放時刻。
[0047]在另一種可選的實現方式中，所述播放時長為所述任一文字單元的起始播放時刻以及位于所述任一文字單元之后且與所述本文檔來自技高網...
【技術保護點】
【技術特征摘要】
1.一種文字信息顯示方法，其特征在于，所述方法包括：在音頻播放網頁中播放音頻，顯示所述音頻的文字信息；響應于到達所述文字信息中的任一文字單元的起始播放時刻，獲取所述任一文字單元對應的播放時長；在所述播放時長內，將填充背景從所述任一文字單元的一側擴展至所述任一文字單元的另一側，以形成對所述任一文字單元的逐漸上色的效果。2.根據權利要求1所述的方法，其特征在于，所述在所述播放時長內，將填充背景從所述任一文字單元的一側擴展至所述任一文字單元的另一側，包括：在所述播放時長內，將所述填充背景的寬度由第一寬度擴展為第二寬度，其中，所述第二寬度與所述第一寬度的差值為所述任一文字單元的寬度；或，在所述播放時長內，將所述填充背景的高度由第一高度擴展為第二高度，其中，所述第二高度與所述第一高度的差值為所述任一文字單元的高度。3.根據權利要求2所述的方法，其特征在于，所述在所述播放時長內，將所述填充背景的寬度由第一寬度擴展為第二寬度之前，所述方法還包括：獲取所述任一文字單元的最右端與所述音頻播放網頁的頁面左端的距離，作為第一距離；獲取所述任一文字單元所在行的文字信息的最左端與所述頁面左端的距離，作為第二距離；將所述第一距離與所述第二距離的差值確定為所述第二寬度。4.根據權利要求1所述的方法，其特征在于，所述響應于到達所述文字信息中的任一文字單元的起始播放時刻，獲取所述任一文字單元對應的播放時長之前，所述方法還包括：監聽所述音頻的播放進度；響應于所述音頻的播放進度與所述任一文字單元的起始播放時刻一致，確定到達所述任一文字單元的起始播放時刻。5.根據權利要求1所述的方法，其特征在于，所述播放時長為所述任一文字單元的起始播放時刻以及位于所述任一文字單元之后且與所述任一文字單元相鄰的文字單元的起始播放時刻的差值。6.根據權利要求1所述的方法，其特征在于，所述顯示所述音頻的文字信息，包括：將所述文字信息中的每個文字單元分別作為單獨的節點在所述音頻播放網頁中進行渲染，以顯示所述文字信息。7.根據權利要求1所述的方法，其特征在于，所述在音頻播放網頁中播放音頻，顯示...
【專利技術屬性】
技術研發人員：李俊輝，盧思宇，蔡珉霞，鄧澤民，
申請(專利權)人：廣州酷狗計算機科技有限公司，
類型：發明
國別省市：
還沒有人留言評論。發表了對其他瀏覽者有用的留言會獲得科技券。