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

在審

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

1.一種基于HTML5的視頻播放方法，其特征在于，所述視頻播放方法包括：

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

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

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

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

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

2.根據權利要求1中所述的基于HTML5的視頻播放方法，其特征在于，“對所述視頻數據進行解碼以獲得多個第一圖像格式的視頻幀”的步驟進一步包括：

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

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

3.根據權利要求1中所述的基于HTML5的視頻播放方法，其特征在于，“對所述視頻數據進行解碼”的步驟進一步包括：

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

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

當采用GPU無法解碼時，采用CPU對所述視頻數據進行解碼，并獲得解碼后的多個視頻幀。

4.根據權利要求1中所述的基于HTML5的視頻播放方法，其特征在于，“對所述多個第一圖像格式的視頻幀進行自定義協議封裝”的步驟進一步包括：

結合時間戳和視頻寬度信息對所述多個第一圖像格式的視頻幀采用二進制格式進行封裝。

5.根據權利要求1中所述的基于HTML5的視頻播放方法，其特征在于，“將拆包后的所述多個第一圖像格式的視頻幀逐幀繪制在瀏覽器中網頁頁面上”的步驟進一步包括：

調用WebGL接口，逐幀將拆包后獲得的多個第一圖像格式的視頻幀渲染在所述瀏覽器中網頁頁面的畫布上。

6.根據權利要求1中所述的基于HTML5的視頻播放方法，其特征在于，所述第一圖像格式為YUV420格式；所述第二圖像格式為YUV格式或RGB格式。

7.一種基于HTML5的視頻播放裝置，其特征在于，所述視頻播放裝置包括：

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

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

封裝模塊，用于對所述多個第一圖像格式的視頻幀進行自定義協議封裝獲得封裝好的多個數據包，并將所述多個數據包送入預先與瀏覽器的前端HTML5組件建立的數據傳輸通道；

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

8.根據權利要求7中所述的基于HTML5的視頻播放裝置，其特征在于，所述視頻播放裝置還包括轉換模塊，所述解碼模塊和所述轉換模塊通過下列方式來對所述視頻數據進行解碼以獲得多個第一圖像格式的視頻幀：

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

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