[發(fā)明專利]一種用于HTML5瀏覽器的音視頻播放方法及系統(tǒng)

在審

• 申請?zhí)枺?/td>: 202210307719.4
• 申請日: 2022-03-25
• 公開（公告）號: CN114745361A
• 公開（公告）日: 2022-07-12
• 發(fā)明（設計）人: 丁建瑞;鄒偉;汪飛
• 申請（專利權）人: 朗新數(shù)據(jù)科技有限公司
• 主分類號: H04L65/65
• 分類號: H04L65/65;H04L67/02;H04L67/141;H04L67/565;H04L69/16
• 代理公司: 北京路浩知識產權代理有限公司 11002
• 代理人: 肖艷

本發(fā)明提供一種用于HTML5瀏覽器的音視頻播放方法及系統(tǒng)，包括：接收HTML5客戶端的連接請求，建立與HTML5客戶端的WebSocket連接；將依據(jù)RTSP協(xié)議獲取的音視頻流轉化為分片fMP4音視頻流，基于WebSocket協(xié)議發(fā)送分片fMP4音視頻流至HTML5客戶端，以供HTML5客戶端采用MSE協(xié)議調用分片fMP4音視頻流，并基于預設視頻標簽展示分片fMP4音視頻流。本發(fā)明提出轉碼服務器和支持HTML5技術的瀏覽器構建的媒體流播放架構，解決了主流瀏覽器不支持RTSP協(xié)議播放視頻流的問題，彌補當前主流SRS流媒體直播延時較大的不足，實現(xiàn)音視頻播放的延時小和實時性高的特點。

技術領域

本發(fā)明涉及流媒體技術領域，尤其涉及一種用于HTML5瀏覽器的音視頻播放方法及系統(tǒng)。

背景技術

在監(jiān)控視頻領域，應用比較廣泛的是實時流協(xié)議(Real-Time StreamingProtocol，RTSP)，RTSP在監(jiān)控設備或者平臺進行音視頻傳輸中占有重要的地位。

隨著視頻技術應用的發(fā)展，各行業(yè)對BS模式(Browser/Server Architecture)在視頻技術中的應用要求也越來越高。傳統(tǒng)視頻技術應用是以ActiveX控件作為中間件，在IE瀏覽器進行開發(fā)實現(xiàn)。但是，隨著HTML5技術的迅猛發(fā)展，各廠家的瀏覽器出現(xiàn)百家爭鳴的局面，這就使得視頻技術在瀏覽器上的應用面臨兼容性的問題。IE瀏覽器在市面上的份額也越來越少、終將退出歷史的舞臺、這也意味著ActiveX技術也將被淘汰。目前，在HTML5瀏覽器中用于進行音視頻播放的技術有實時消息傳輸協(xié)議(Real-Time Message Protocol，RTMP)、基于HTTP的自適應碼率流媒體傳輸協(xié)議(HTTP Live Stream，HLS)技術以及客戶端實時通信(Web Real-Time Communication，Web RTC)技術，但這些技術并不能直接支持RTSP協(xié)議，即使通過其他輔助技術，能夠實現(xiàn)對音視頻流的直播，仍然存在一些無法回避的問題。最知名的開源流媒體服務器(Simple RTMP Server，SRS)系統(tǒng)，能同時支持RTMP、HLS等技術，最新版本的SRS系統(tǒng)已經能支持RTSP轉mp4、m3u8、ts、FLV等文件，但不能以流的形式傳輸給Web前端。這種以文件的方式在Web前端進行顯示，普遍存在音視頻延時大的缺點，而如果對監(jiān)控設備再有云臺控制的需求，SRS系統(tǒng)中RTMP、HLS直播技術也無法滿足應用的需求，WebRTC技術除了不能直接支持RTSP協(xié)議外，還存在瀏覽器兼容性的問題，因為其只支持Chrome所用到的瀏覽器內核規(guī)范標準，但微軟的瀏覽器內核使用的是另外一套內核標準，并且目前在瀏覽器市場上還占有比較大的份額。

根據(jù)上述瀏覽器不兼容導致RTSP協(xié)議無法實現(xiàn)對接，使得音視頻流無法能在各廠家的HTML5瀏覽器進行實時播放的問題，需要提出一種新的方法來解決上述問題。

發(fā)明內容

本發(fā)明提供一種用于HTML5瀏覽器的音視頻播放方法及系統(tǒng)，用以解決現(xiàn)有技術中HTML5瀏覽器兼容導致音視頻流無法實時播放的缺陷。

第一方面，本發(fā)明提供一種用于HTML5瀏覽器的音視頻播放方法，包括：

接收HTML5客戶端的連接請求，建立與所述HTML5客戶端的WebSocket連接；

將依據(jù)RTSP協(xié)議獲取的音視頻流轉化為分片fMP4音視頻流，基于WebSocket協(xié)議發(fā)送所述分片fMP4音視頻流至所述HTML5客戶端，以供所述HTML5客戶端采用MSE協(xié)議調用所述分片fMP4音視頻流，并基于預設視頻標簽展示所述分片fMP4音視頻流。

根據(jù)本發(fā)明提供的一種用于HTML5瀏覽器的音視頻播放方法，所述接收HTML5客戶端的連接請求，建立與所述HTML5客戶端的WebSocket連接，包括：

接收所述HTML5客戶端通過JavaScript API發(fā)起的連接請求，完成WebSocket連接；