rtsp流瀏覽器播放方案

rtsp流在主流瀏覽器并不支持直接播放。比如大華的視頻流：rtsp://admin:123456@

創(chuàng)新互聯(lián)建站長期為1000多家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為平潭企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、成都網(wǎng)站制作，平潭網(wǎng)站改版等技術(shù)服務(wù)。擁有10多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

192.168.10.129/cam/realmonitor?channel=1subtype=0，用vlc可以直接播放。但在瀏覽器會報ERR_UNKNOWN_URL_SCHEME。那如何在瀏覽器中播放呢。

以下列出幾種方案。

1、安裝插件（chrome最新版基本都不支持）

類如：kurento，vlc插件（谷歌瀏覽器版本41以下),vgx插件(不支持高版本，chrome72.0版本可用)等。

2、安裝軟件（中間件，基本都付費）

類如：Appemit（調(diào)用vlc插件播放rtsp），可以免安裝的，目前只能windows,免費版會有提示。

猿大師中間件（底層調(diào)用VLC的ActiveX控件，實現(xiàn)在主流瀏覽器網(wǎng)頁中內(nèi)嵌播放多路RTSP的實時視頻流），中間件收費的。

PluginOK(牛插)中間件。底層調(diào)用ActiveX控件VlcOcx.dll。（商業(yè)用途需付費使用）

3、服務(wù)器拉流轉(zhuǎn)發(fā)及協(xié)議轉(zhuǎn)換

示意圖如下所示：

推流--------------服務(wù)器轉(zhuǎn)發(fā)--------------拉流

方法一覽：

a,vlc軟件串流到http協(xié)議 ，網(wǎng)頁顯示幾個視頻需啟動幾個vlc,只適合應(yīng)急場景。

b,html5 + websocket_rtsp_proxy 實現(xiàn)視頻流直播 ，基于MSE（Media Source Extensions,W3C），擴展H5的功能。

步驟：服務(wù)器安裝streamedian服務(wù)器，客戶端通過video標簽播放。

原型圖：

價格：

c.基于nginx的rsmp轉(zhuǎn)發(fā)

基于nginx實現(xiàn)rtmp轉(zhuǎn)化，用flash實現(xiàn)播放。由于flash目前大多瀏覽器默認禁用，不推薦此方式。

步驟：安裝ffmpeg工具,安裝nginx。

另外nginx-rtmp-module也支持HLS協(xié)議,可以搭建基于hls的直播服務(wù)器。

d.rtsp轉(zhuǎn)hls播放,通過ffmpeg轉(zhuǎn)碼

步驟：安裝ffmpeg工具，ffmpeg轉(zhuǎn)碼。

形如：

ffmpeg -i "rtsp://admin:123456@192.168.10.129/cam/realmonitor?channel=1subtype=0" -c copy -f hls -hls_time 2.0 -hls_list_size 0 -hls_wrap 15 "D:/hls/test.m3u8"

缺點是直播流延時很大，對實時要求比較高的不滿足要求。

案例：基于EasyDarwin拾建轉(zhuǎn)碼服務(wù)器。參考地址:

通過存儲的m3u8去讀取。

e.websocket代理推送，F(xiàn)FMPEG轉(zhuǎn)碼

此方法與a，b類似。但更實用。

以下提供兩種方案：

（1）Gin+WebSocket+FFMPEG實現(xiàn)rtsp轉(zhuǎn)碼,參考：

通過FFMPEG把rstp轉(zhuǎn)成http，ginrtsp作為轉(zhuǎn)發(fā)服務(wù)器，但需要自己寫相應(yīng)接口，需要了解go語言。

（2）node + ffmpeg + websocket + flv.js，參考：

步驟：在node服務(wù)中建立websocket；通過fluent-ffmpeg轉(zhuǎn)碼，將RTSP 流轉(zhuǎn)為flv格式；通過flv.js連接websocket，并對獲取的flv格式視頻數(shù)據(jù)進行渲染播放。

import WebSocket from 'ws'import webSocketStream from 'websocket-stream/stream'import ffmpeg from 'fluent-ffmpeg'// 建立WebSocket服務(wù)const wss = new WebSocket.Server({ port: 8888, perMessageDeflate: false })// 監(jiān)聽連接wss.on('connection', handleConnection)// 連接時觸發(fā)事件function handleConnection (ws, req) {? // 獲取前端請求的流地址（前端websocket連接時后面帶上流地址）? const url = req.url.slice(1)? // 傳入連接的ws客戶端 實例化一個流? const stream = webSocketStream(ws, { binary: true })? // 通過ffmpeg命令 對實時流進行格式轉(zhuǎn)換 輸出flv格式? const ffmpegCommand = ffmpeg(url)? ? .addInputOption('-analyzeduration', '100000', '-max_delay', '1000000')? ? .on('start', function () { console.log('Stream started.') })? ? .on('codecData', function () { console.log('Stream codecData.') })? ? .on('error', function (err) {? ? ? console.log('An error occured: ', err.message)? ? ? stream.end()? ? })? ? .on('end', function () {? ? ? console.log('Stream end!')? ? ? stream.end()? ? })? ? .outputFormat('flv').videoCodec('copy').noAudio()? stream.on('close', function () {? ? ffmpegCommand.kill('SIGKILL')? })? try {? ? // 執(zhí)行命令 傳輸?shù)綄嵗髦蟹祷亟o客戶端? ? ffmpegCommand.pipe(stream)? } catch (error) {? ? console.log(error)? }}

優(yōu)點全部基于js。前端即可搞定。

參考:

GO語言（十一）：開始使用多模塊工作區(qū)

本教程介紹 Go 中多模塊工作區(qū)的基礎(chǔ)知識。使用多模塊工作區(qū)，您可以告訴 Go 命令您正在同時在多個模塊中編寫代碼，并輕松地在這些模塊中構(gòu)建和運行代碼。

在本教程中，您將在共享的多模塊工作區(qū)中創(chuàng)建兩個模塊，對這些模塊進行更改，并在構(gòu)建中查看這些更改的結(jié)果。

本教程需要 go1.18 或更高版本。使用go.dev/dl中的鏈接確保您已在 Go 1.18 或更高版本中安裝了 Go 。

首先，為您要編寫的代碼創(chuàng)建一個模塊。

1、打開命令提示符并切換到您的主目錄。

在 Linux 或 Mac 上：

在 Windows 上：

2、在命令提示符下，為您的代碼創(chuàng)建一個名為工作區(qū)的目錄。

3、初始化模塊

我們的示例將創(chuàng)建一個hello依賴于 golang.org/x/example 模塊的新模塊。

創(chuàng)建你好模塊：

使用 . 添加對 golang.org/x/example 模塊的依賴項go get。

在 hello 目錄下創(chuàng)建 hello.go，內(nèi)容如下：

現(xiàn)在，運行 hello 程序：

在這一步中，我們將創(chuàng)建一個go.work文件來指定模塊的工作區(qū)。

在workspace目錄中，運行：

該go work init命令告訴為包含目錄中模塊的工作空間go創(chuàng)建一個文件 。go.work./hello

該go命令生成一個go.work如下所示的文件：

該go.work文件的語法與go.mod相同。

該go指令告訴 Go 應(yīng)該使用哪個版本的 Go 來解釋文件。它類似于文件中的go指令go.mod 。

該use指令告訴 Go在進行構(gòu)建時hello目錄中的模塊應(yīng)該是主模塊。

所以在模塊的任何子目錄中workspace都會被激活。

2、運行工作區(qū)目錄下的程序

在workspace目錄中，運行：

Go 命令包括工作區(qū)中的所有模塊作為主模塊。這允許我們在模塊中引用一個包，即使在模塊之外。在模塊或工作區(qū)之外運行g(shù)o run命令會導致錯誤，因為該go命令不知道要使用哪些模塊。

接下來，我們將golang.org/x/example模塊的本地副本添加到工作區(qū)。然后，我們將向stringutil包中添加一個新函數(shù)，我們可以使用它來代替Reverse.

在這一步中，我們將下載包含該模塊的 Git 存儲庫的副本golang.org/x/example，將其添加到工作區(qū)，然后向其中添加一個我們將從 hello 程序中使用的新函數(shù)。

1、克隆存儲庫

在工作區(qū)目錄中，運行g(shù)it命令來克隆存儲庫：

2、將模塊添加到工作區(qū)

該go work use命令將一個新模塊添加到 go.work 文件中。它現(xiàn)在看起來像這樣：

該模塊現(xiàn)在包括example.com/hello模塊和 `golang.org/x/example 模塊。

這將允許我們使用我們將在模塊副本中編寫的新代碼，而不是使用命令stringutil下載的模塊緩存中的模塊版本。

3、添加新功能。

我們將向golang.org/x/example/stringutil包中添加一個新函數(shù)以將字符串大寫。

將新文件夾添加到workspace/example/stringutil包含以下內(nèi)容的目錄：

4、修改hello程序以使用該功能。

修改workspace/hello/hello.go的內(nèi)容以包含以下內(nèi)容：

從工作區(qū)目錄，運行

Go 命令在go.work文件指定的hello目錄中查找命令行中指定的example.com/hello模塊 ，同樣使用go.work文件解析導入golang.org/x/example。

go.work可以用來代替添加replace 指令以跨多個模塊工作。

由于這兩個模塊在同一個工作區(qū)中，因此很容易在一個模塊中進行更改并在另一個模塊中使用它。

現(xiàn)在，要正確發(fā)布這些模塊，我們需要發(fā)布golang.org/x/example 模塊，例如在v0.1.0. 這通常通過在模塊的版本控制存儲庫上標記提交來完成。發(fā)布完成后，我們可以增加對 golang.org/x/example模塊的要求hello/go.mod：

這樣，該go命令可以正確解析工作區(qū)之外的模塊。

go語言中像這樣的map如何解析成struct？

可以先轉(zhuǎn)成json，再反序列化成定義好的結(jié)構(gòu)體

也可以for循環(huán)自己處理

新聞標題：go語言解析rtsp go語言解析抖音
文章位置：http://m.rwnh.cn/article36/hiippg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、網(wǎng)站排名、微信小程序、標簽優(yōu)化、手機網(wǎng)站建設(shè)、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)