[發明專利]前端彈幕控制方法及裝置

在審

• 申請號: 201611002580.3
• 申請日: 2016-11-09
• 公開（公告）號: CN106792225A
• 公開（公告）日: 2017-05-31
• 發明（設計）人: 杜偉
• 申請（專利權）人: 武漢斗魚網絡科技有限公司
• 主分類號: H04N21/475
• 分類號: H04N21/475;H04N21/4788;H04N21/435;H04N21/4782;H04N21/462
• 代理公司: 北京眾達德權知識產權代理有限公司11570
• 代理人: 劉杰

技術領域

本發明涉及互聯網技術領域，具體涉及一種前端彈幕控制方法及裝置。

背景技術

隨著網絡通信技術的進步和寬帶網絡的提速，網絡視頻應用在各個行業得到了越來越廣泛的發展。直觀而生動的高清視頻應用，可以極大拉近用戶之間的距離，并達到最好的交流效果。

彈幕時互聯網視頻的一大特色。彈幕指直接顯現在視頻上的評論，可以以滾動、停留甚至更多動作特效方式出現在視頻上，是觀看視頻的任發送的簡短評論。彈幕視頻，顧名思義，即帶有彈幕的視頻。很多網站提供視頻發送彈幕的功能，例如，影視視頻網站、直播網站，等等。

以直播網站彈幕為例，在直播間實現前端彈幕渲染的效率一般較差，特別是在用戶高峰期，海量的彈幕使用戶在觀看視頻時會感覺網頁特別卡頓，影響視頻播放效果。

發明內容

鑒于上述問題，提出了本發明以便提供一種克服上述問題或者至少部分地解決上述問題的前端彈幕控制方法及裝置。

依據本發明的一個方面，提供一種前端彈幕控制方法，包括：前端接收服務器發送的彈幕數據，對彈幕數據進行格式轉換，得到超文本代碼；將所述超文本代碼注入到預置的彈幕池中；從所述彈幕池中選取多條超文本代碼，將所述多條超文本代碼一次性插入到前端的彈幕顯示區域。

優選的，所述前端接收服務器發送的彈幕數據，包括：所述前端通過套接字方式接收服務器發送的彈幕數據；所述對彈幕數據進行格式轉換，得到超文本代碼，包括：解析所述彈幕數據，得到JSON數據對象；根據所述JSON數據對象，并結合網站業務類型，轉換得到html代碼。

優選的，所述將所述超文本代碼注入到預置的彈幕池中，包括：預先定義彈幕池為一維數組；將所述超文本代碼存入所述一維數組中。

優選的，還包括：設置推送迭代器，通過啟動所述推送迭代器，將所述多條超文本代碼一次性插入到前端的彈幕顯示區域。

優選的，當將所述超文本代碼注入到預置的彈幕池中時，啟動所述推送迭代器；和/或，輪詢所述彈幕池，并判斷所述彈幕池中是否存在預定數目的超文本代碼，如果有，啟動所述推送迭代器，從而將所述預設數目的超文本代碼一次性插入到前端的彈幕顯示區域，如果沒有，將彈幕池中所有超文本代碼一次性插入到前端的彈幕顯示區域，并停止輪詢。

根據本發明的另一個方面，提供一種前端彈幕控制裝置，包括：接收單元，用于接收服務器發送的彈幕數據；轉換單元，用于對彈幕數據進行格式轉換，得到超文本代碼；緩沖單元，用于將所述超文本代碼注入到預置的彈幕池中；控制單元，用于從所述彈幕池中選取多條超文本代碼，將所述多條超文本代碼一次性插入到前端的彈幕顯示區域。

優選的，所述接收單元具體用于：通過套接字方式接收服務器發送的彈幕數據；所述轉換單元具體用于：解析所述彈幕數據，得到JSON數據對象；根據所述JSON數據對象，并結合網站業務類型，轉換得到html代碼。

優選的，所述緩沖單元具體用于：預先定義彈幕池為一維數組；以及，將所述超文本代碼存入所述一維數組中。

優選的，該裝置還包括：推送迭代單元，用于設置推送迭代器，通過啟動所述推送迭代器，將所述多條超文本代碼一次性插入到前端的彈幕顯示區域。

優選的，當所述緩沖單元將所述超文本代碼注入到預置的彈幕池中時，啟動所述推送迭代器；和/或，輪詢所述彈幕池，并判斷所述彈幕池中是否存在預定數目的超文本代碼，如果有，啟動所述推送迭代器，從而將所述預設數目的超文本代碼一次性插入到前端的彈幕顯示區域，如果沒有，將彈幕池中所有超文本代碼一次性插入到前端的彈幕顯示區域，并停止輪詢。

本發明實施例的有益效果分析如下：

由于在瀏覽器中，彈幕數據所基于的JavaScript是單線程語言，DOM結構的變化會非常消耗性能，本發明之前的現有方案中，一般是采取將html代碼一條一條的插入到彈幕顯示區域中，并完成視圖渲染，每次彈幕的html代碼在彈幕顯示區域的插入都會觸發一次DOM的重繪，在網站的數量高峰期，前端可能在1秒鐘內接收到幾千條彈幕，這種單次插入的方式會極大消耗瀏覽器性能，甚至會導致瀏覽器卡頓，影響視頻觀看。