[發明專利]在瀏覽器中播放視頻的方法和裝置

在審

• 申請號: 201610019554.5
• 申請日: 2016-01-12
• 公開（公告）號: CN105635844A
• 公開（公告）日: 2016-06-01
• 發明（設計）人: 劉希呈
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: H04N21/4782
• 分類號: H04N21/4782;H04N21/431
• 代理公司: 北京康信知識產權代理有限責任公司 11240
• 代理人: 董文倩;李靈潔

技術領域

本發明涉及視頻播放領域，具體而言，涉及一種在瀏覽器中播放視頻 的方法和裝置。

背景技術

隨著視頻播放需求的不斷增多，存在一種視頻閃屏需求，即瀏覽器網 頁頁面打開時需要自動播放視頻，并在該視頻播放完畢后在網頁頁面中自 動消失，比如網頁頁面中嵌入動態廣告視頻。對于視頻閃屏需求，現有技 術通常采用渲染并加載視頻，自動播放視頻后將其進行移除的方式，但是， 該方式由于受到視頻文件大小或者網絡時延等因素的影響，在打開頁面加 載視頻時頁面會出現黑屏現象，待視頻加載完成后直接從黑屏跳轉至播放 畫面，畫面跳變明顯，嚴重影響用戶觀看體驗。現有技術還可以采用逐幀 加載并播放視頻的方式，即在打開頁面至加載并播放視頻的第一幀圖片， 與此同時異步加載其他視頻幀，待視頻的所有幀全部播放完畢后將其進行 移除。這種方式工作量較大，需要較多的設計資源，前端工作也需要大量 的調試來調整視頻幀的加載和播放。此外，現有技術在視頻播放完畢后通 常采用淡出的方式將其移除，該方式會提前暴露頁面內容，嚴重影響用戶 體驗。

針對上述的問題，目前尚未提出有效的解決方案。

發明內容

本發明實施例提供了一種在瀏覽器中播放視頻的方法和裝置，以至少 解決相關技術在打開網頁頁面自動加載播放視頻時頁面出現黑屏現象影 響用戶觀看體驗的技術問題。

根據本發明實施例的一個方面，提供了一種在瀏覽器中播放視頻的方 法，包括：在瀏覽器中接收到用于請求加載第一視頻的加載請求；響應加 載請求在瀏覽器中加載并顯示第一蒙版；在瀏覽器中加載第一視頻的視頻 資源，并在開始播放第一視頻的視頻資源時在瀏覽器中取消對第一蒙版的 顯示。

根據本發明實施例的另一方面，還提供了一種在瀏覽器中播放視頻的 裝置，包括：接收模塊，用于在瀏覽器中接收到用于請求加載第一視頻的 加載請求；第一加載模塊，用于響應加載請求在瀏覽器中加載并顯示第一 蒙版；第二加載模塊，用于在瀏覽器中加載第一視頻的視頻資源，并在開 始播放第一視頻的視頻資源時在瀏覽器中取消對第一蒙版的顯示。

在本發明實施例中，采用在瀏覽器中接收到用于請求加載第一視頻的 加載請求；響應加載請求在瀏覽器中加載并顯示第一蒙版；在瀏覽器中加 載第一視頻的視頻資源，并在開始播放第一視頻的視頻資源時在瀏覽器中 取消對第一蒙版的顯示的方式，通過在加載視頻時加載用于遮擋視頻的蒙 版，在加載視頻時顯示蒙版，待開始播放視頻時取消顯示蒙版，達到了避 免打開頁面視頻加載時頁面出現黑屏的目的，從而實現了提高用戶觀看效 果，提高用戶觀看體驗的技術效果，進而解決了相關技術在打開網頁頁面 自動加載播放視頻時頁面出現黑屏現象影響用戶觀看體驗的技術問題。

附圖說明

此處所說明的附圖用來提供對本發明的進一步理解，構成本申請的一 部分，本發明的示意性實施例及其說明用于解釋本發明，并不構成對本發 明的不當限定。在附圖中：

圖1是本發明實施例的一種在瀏覽器中播放視頻的方法的計算機終端 的硬件結構框圖；

圖2是根據本發明實施例的在瀏覽器中播放視頻的方法的流程圖；

圖3是根據本發明一種優選實施例的在瀏覽器中播放視頻的方法的流 程圖；

圖4是根據本發明實施例的在瀏覽器中播放視頻的裝置的示意圖；

圖5是根據本發明實施例的一種可選的在瀏覽器中播放視頻的裝置的 示意圖；

圖6是根據本發明實施例的另一種可選的在瀏覽器中播放視頻的裝置 的示意圖；

圖7是根據本發明實施例的再一種可選的在瀏覽器中播放視頻的裝置 的示意圖；

圖8是根據本發明實施例的又一種可選的在瀏覽器中播放視頻的裝置 的示意圖；以及

圖9是根據本發明實施例的一種計算機終端的結構框圖。

具體實施方式

為了使本技術領域的人員更好地理解本發明方案，下面將結合本發明 實施例中的附圖，對本發明實施例中的技術方案進行清楚、完整地描述， 顯然，所描述的實施例僅僅是本發明一部分的實施例，而不是全部的實施 例。基于本發明中的實施例，本領域普通技術人員在沒有做出創造性勞動 前提下所獲得的所有其他實施例，都應當屬于本發明保護的范圍。