[發明專利]基于HTML5的視頻播放方法、裝置、系統、介質及瀏覽器

在審

• 申請號: 202011552405.8
• 申請日: 2020-12-24
• 公開（公告）號: CN112788431A
• 公開（公告）日: 2021-05-11
• 發明（設計）人: 周前龍
• 申請（專利權）人: 四川云從天府人工智能科技有限公司
• 主分類號: H04N21/4402
• 分類號: H04N21/4402;H04N21/4782;H04N21/8543
• 代理公司: 北京瀚仁知識產權代理事務所(普通合伙) 11482
• 代理人: 王天騏;宋寶庫

本發明涉及視頻播放技術領域，具體涉及一種基于HTML5的視頻播放方法、裝置、系統、介質及瀏覽器。本發明旨在解決如何在支持HTML5的瀏覽器上實現更多編碼格式的媒體數據簡單高效播放的技術問題。為此目的，本發明的視頻播放方法包括：獲取任意編碼格式的媒體數據，并從中拆分出視頻數據進行解碼以獲得多個第一圖像格式的視頻幀；對多個第一圖像格式的視頻幀進行自定義協議封裝，并將封裝好的多個數據包送入預先與瀏覽器的前端HTML5組件建立的數據傳輸通道；前端HTML5組件從數據傳輸通道中獲取多個數據包并拆包后將多個視頻幀逐幀繪制在支持瀏覽器上。本申請可以使得支持HTML5的瀏覽器實現更多編碼格式的媒體數據的簡單高效播放。

技術領域

本發明涉及視頻播放技術領域，具體涉及一種基于HTML5的視頻播放方法、裝置、系統、介質及瀏覽器。

背景技術

在安防應用場景中，需要在各安防系統的前端預覽實時監控視頻、以及錄像回放視頻，行業中通常使用瀏覽器來實現這一功能。目前的瀏覽器采用ActiveX插件技術實現相應視頻的播放，但ActiveX技術具有非常大局限性，只能應用于Windows IE瀏覽器，而其他瀏覽器則無法觀看。并且，ActiveX插件在IE瀏覽器中始終于最頂層顯示，導致監控界面設計集成驗證難度非常大，實際使用效果并不理想。

隨著HTML5(Hyper Text Markup Language，超文本標記語言)的推出，這種情況得到了一定的改善。支持HTML5框架的瀏覽器可以在不依賴外部插件的情況下實現對音頻和視頻的播放。但另一方面，在安防領域中，視頻預覽過程中需要做到高質量低延遲，視頻的傳輸通常采用GB/T 28181、RTSP、廠家私有流等協議，視頻的編碼格式也通常有H264、H265、MPEG、MJPEG等多種。而支持HTML5框架的瀏覽器目前能夠解碼的音視頻編碼格式非常有限，導致除極個別編碼格式外，支持HTML5框架的瀏覽器無法對其余編碼格式的音視頻進行解碼處理，因此也無法實現視頻播放。

相應地，本領域需要一種新的基于HTML5的視頻播放方法來解決上述問題。

發明內容

為了解決現有技術中的上述至少一個問題，即為了解決如何在支持HTML5框架的瀏覽器上實現更多編碼格式的媒體數據簡單高效地播放的技術問題，本發明的第一方面，提供了一種基于HTML5的視頻播放方法，所述視頻播放方法包括：

根據指定傳輸協議獲取任意編碼格式的媒體數據，并從所述媒體數據中拆分出視頻數據；

對所述視頻數據進行解碼以獲得多個第一圖像格式的視頻幀；

對所述多個第一圖像格式的視頻幀進行自定義協議封裝獲得封裝好的多個數據包；

將所述多個數據包送入預先與瀏覽器的前端HTML5組件建立的數據傳輸通道；

所述前端HTML5組件從所述數據傳輸通道中獲取所述多個數據包并進行拆包，將拆包后的所述多個第一圖像格式的視頻幀逐幀繪制在瀏覽器中網頁頁面上。

在上述基于HTML5的視頻播放方法的優選技術方案中，“對所述視頻數據進行解碼以獲得多個第一圖像格式的視頻幀”的步驟進一步包括：

當所述視頻數據能夠直接被解碼為所述第一圖像格式的視頻幀時，對所述視頻數據直接進行解碼以獲得所述多個第一圖像格式的視頻幀；

當所述視頻數據無法直接被解碼為所述第一圖像格式的視頻幀時，先對所述視頻數據進行解碼以獲得多個第二圖像格式的視頻幀，然后對所述多個第二圖像格式的視頻幀進行格式轉換以獲得多個所述第一圖像格式的視頻幀。

在上述基于HTML5的視頻播放方法的優選技術方案中，“對所述視頻數據進行解碼”的步驟進一步包括：

先采用GPU對所述視頻數據進行解碼；

當采用GPU解碼成功時，輸出解碼后的多個視頻幀；