[發明專利]一種在瀏覽器網頁中播放視頻的方法及系統

在審

• 申請號: 202011120425.8
• 申請日: 2020-10-19
• 公開（公告）號: CN112422508A
• 公開（公告）日: 2021-02-26
• 發明（設計）人: 陳璐
• 申請（專利權）人: 武漢烽火眾智數字技術有限責任公司
• 主分類號: H04L29/06
• 分類號: H04L29/06;H04N21/4402;H04N21/4782;H04N21/6437
• 代理公司: 北京匯澤知識產權代理有限公司 11228
• 代理人: 吳靜

一種在瀏覽器網頁中播放視頻的方法，包括：客戶端在啟動后創建本地HTTP服務和Websocket服務；瀏覽器單元加載播放器網頁，與客戶端單元建立Websocket連接；瀏覽器單元向客戶端單元發送視頻播放請求；客戶端單元將視頻播放請求消息轉換成滿足GB/T 28181標準規定的媒體請求SIP消息，并發送給流媒體服務器單元；流媒體服務器單元判斷媒體請求類型，根據媒體請求類型，進行預設處理；客戶端單元對RTP包進行組幀處理，并將每一幀數據解碼為YUV或RGB格式；客戶端單元將解碼后的幀數據通過Websocket發送給瀏覽器單元；瀏覽器單元接收幀數據，根據每一幀數據解碼的YUV或RGB格式，將幀數據使用HTML5 WebGL或Canvas進行渲染顯示。本發明對瀏覽器類型和版本沒有任何限制，具有節省人力物力和開發時間優勢。

技術領域

本發明涉及的是計算機軟件工程技術領域,特別涉及一種在瀏覽器網頁中播放視頻的方法及系統。

背景技術

隨著平安城市視頻監控系統的建設和發展，目前國內大多數視頻監控廠商的平臺和設備都已支持GB/T 28181-2016《公共安全視頻監控聯網系統信息傳輸、交換、控制技術要求》標準規范，GB/T 28181-2016標準規定了公共安全視頻監控聯網系統的互聯結構，傳輸、交換、控制的基本要求和安全性要求，以及控制、傳輸流程和協議接口等技術要求。采用統一的GB/T 28181協議進行音視頻媒體數據的傳輸控制，有效解決了各廠家應用平臺媒體數據對接以及平臺互聯、互通問題。傳統的視頻監控系統一般采用客戶端/服務器架構，使用桌面軟件客戶端或者手機APP客戶端實現獲取設備實時視頻、歷史視頻回放、設備控制等相關操作，隨著現代Web技術的不斷發展成熟，越來越多的應用系統開始從客戶端轉向Web瀏覽器方式，目前在瀏覽器網頁中實現視頻播放，主要包括插件式播放和無插件播放兩種方式。

插件式播放，是指在瀏覽器中安裝瀏覽器插件以支持視頻播放功能，主要有以下幾種技術方案：

在網頁中安裝和使用Adobe Flash或Microsoft Silverlight插件實現視頻播放功能，這種方案在早期應用比較廣泛，需要用戶手動安裝網站提供的網頁播放插件，在插件安全性、文件格式等方面存在的一定的限制，近年來隨著HTML5技術的發展成熟，這種技術方案已經逐漸被HTML5技術所替代。

采用ActiveX或NPAPI/PPAPI技術，將視頻編解碼和渲染顯示等功能以網頁控件形式封裝后嵌入在網頁中使用，這種技術的缺點是受限于瀏覽器類型和版本，安全性、兼容性和穩定性較差，目前新版本的主流瀏覽器(如谷歌的Chrome瀏覽器)已逐漸淘汰和不支持這種插件使用方式。

無插件播放，是指無需安裝第三方瀏覽器插件即可實現視頻播放功能，目前主要有以下幾種技術方案：

(1)使用HTML5的video標簽播放視頻，HTML5目前僅支持OggTheora、WebM和MP4等有限幾種視頻格式，使用video標簽無法直接播放基于GB/T 28181協議獲取到的音視頻媒體內容。

(2)采用RTMP、HLS、HTTP-FLV等媒體傳輸協議實現視頻播放，需要將基于GB/T28181協議獲取的視頻流，即PS格式封裝的RTP數據包，轉換成RTMP、HLS、HTTP-FLV等瀏覽器支持的媒體格式。這種方案的不足之處是需要對媒體格式進行轉碼，存在實時性較差、延遲高、生成文件碎片等缺點，適合對延時性要求不太高的視頻直播領域。

采用WebRTC技術，WebRTC(Web Real Time Communication)能夠實現基于網頁的語音對話或視頻通話，以無插件的方式實現Web端的實時通信功能。缺點是技術較為復雜，需要做大量的開發工作。

發明內容

鑒于上述問題，提出了本發明以便提供一種克服上述問題或者至少部分地解決上述問題的一種在瀏覽器網頁中播放視頻的方法及系統。

為了解決上述技術問題，本申請實施例公開了如下技術方案：