国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

在VUE框架的WEB網頁端播放??低昍TSP視頻流完全方案

這篇具有很好參考價值的文章主要介紹了在VUE框架的WEB網頁端播放海康威視RTSP視頻流完全方案。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

1.服務器轉流前端轉碼方案

服務器端先把RTSP流用Web Socket或WebRTC推送到前端,再通過WASM轉碼MP4播放。此方案雖號稱是無插件方案,但是需要服務器支持,兩次轉碼導致延遲較高,一般高達數(shù)秒甚至數(shù)分鐘。此方案首屏畫面顯示很慢。因為需要服務器不斷轉碼轉流,對CPU和內存消耗較大,帶寬占用高,長期綜合使用成本也很高。如果多路播放或者看高分辨率或 H.265視頻,很可能就會出現(xiàn)卡頓、花屏等情況。

綜合來看,此方案攝像頭較少或者對延遲、畫面要求較低的需求,商用難堪重任。

2.服務器轉碼轉流再轉碼方案

原理是服務器端先把RTSP流轉FLV后,再用Web Socket或WebRTC推送到前端,然后再轉為MP4播放。目前在高版本瀏覽器(除IE外)中,已經支持 WASM技術,可以使用此技術在終端電腦上把RTSP視頻流轉碼后播放。此方案同樣需要服務器的支持,由于在終端電腦轉碼,終端電腦配置好壞決定了播放質量,并且由于WASM只能軟解碼,無法利用終端電腦的加速能力,且不支持多線程,不支持水印、字幕及本地錄像及抓圖等,多路播放或者H.265格式視頻,也容易出現(xiàn)卡頓、花屏等情況,大量占用電腦CPU和內存,電腦無法再做其他事情,體驗非常不好。

綜合來看,此方案也盡量慎用。

3.低版本瀏覽器方案(VLC原生播放插件):

2015年之前Chrome等瀏覽器還未取消對 NPAPI插件支持的時候方案,繼續(xù)使用低版本Chrome、Firefox等瀏覽器,通過VLC原生播放器直接播放,也不需要服務器支持,延遲非常低,終端也可以使用硬件的加速能力,多路播放也毫無壓力。

缺點也非常明顯:無法使用最新的瀏覽器和操作系統(tǒng),不適合商用。如果能解決高版本的Chrome、Firefox、Edge等瀏覽器使用,此方案無疑是最佳選擇!

4.最終升級方案:liveweb播放器

liveweb是一款超低延時(150-200毫秒)、秒啟動、無插件web實時視頻播放器,h5視頻播放器,支持egde、firefox、Chrome、safari等常見瀏覽器。支持h264、h265、AAC、G711等常見音視頻格式。

支持協(xié)議:RTSP、RTMP、HLS、HTTP-FLV、WebSocket-FLV、GB28181、HTTP-TS、WebSocket-TS、HTTP-fMP4、WebSocket-fMP4、MP4、WebRTC。

支持RTSP/Onvif/GB/T28181/EHome/??礢DK/大華SDK等設備或者平臺接入

服務器包含設備接入、音視頻直播、流媒體分發(fā)服務器、錄像存儲和回放服務等功能。

提供GB28181信令轉接和平臺級聯(lián)

支持HTTPS 加密等;

對外提供HTTP API二次開發(fā)接口;

vue ??低?vue.js,流媒體服務器,音視頻,h.265,webrtc文章來源地址http://www.zghlxwxcb.cn/news/detail-752467.html

到了這里,關于在VUE框架的WEB網頁端播放??低昍TSP視頻流完全方案的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!

本文來自互聯(lián)網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉載,請注明出處: 如若內容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • electron+vue網頁直接播放RTSP視頻流?

    electron+vue網頁直接播放RTSP視頻流?

    目前大部分攝像頭都支持RTSP協(xié)議,但是在瀏覽器限制,最新版的瀏覽器都不能直接播放RTSP協(xié)議,Electron 桌面應用是基于 Chromium 內核的,所以也不能直接播放RTSP,但是我們又有這個需求怎么辦呢? 市場上的方案很多,有很多免費開源的,同時也有比較成熟的商業(yè)軟件,豐儉

    2024年02月02日
    瀏覽(23)
  • ??低晹z像頭播放錄像視頻(RTSP協(xié)議)

    舊URL:rtsp://[username]:[password]@[ipaddress]/[videotype]/ch[number]/[streamtype] 如:rtsp://admin:12345@192.168.25.64:554/h264/ch1/main/av_stream 新URL:rtsp://[username]:[password]@[IP]:554/Streaming/Channels/[channelID][streamID] 如:rtsp://admin:12345@192.168.25.64:554/Streaming/Channels/101 錄像機其實和攝像機基本一樣,舊URL中攝像

    2024年02月12日
    瀏覽(22)
  • web端播放rtsp視頻流(攝像頭監(jiān)控視頻)教程及window下開機自啟動部署

    web端播放rtsp視頻流(攝像頭監(jiān)控視頻)教程及window下開機自啟動部署

    像??荡笕A一些攝像頭或者直播源 為rtsp視頻流,想在web上播放必須進行協(xié)議轉換。已知一些方案例如rtsp轉rtmp需要flash,現(xiàn)在瀏覽器基本不支持flash。還有轉hls或者flv這些延遲都比較高。經過實踐對比比較理想方案是 經轉碼后視頻流通過websocket傳送給客戶端在將視頻流解碼成

    2024年04月10日
    瀏覽(27)
  • 前端VUE播放RTSP、RTMP、HLS、FLV視頻流的解決方案

    前端VUE播放RTSP、RTMP、HLS、FLV視頻流的解決方案

    最近有個需求是前端在瀏覽器顯示攝像頭傳回的RTSP視頻流,我和后端都沒做過視頻流的項目,所以一步步摸索過來,方法和經驗供大家參考。前端采用的技術有VUE+video.js+flv.js 從上圖可以看出,RTSP流不能直接在瀏覽器播放,所以需要轉碼: RTMP的流需要在瀏覽器中用flash播放

    2024年02月06日
    瀏覽(25)
  • VUE3 播放RTSP實時、回放(NVR錄像機)視頻流(使用WebRTC)

    VUE3 播放RTSP實時、回放(NVR錄像機)視頻流(使用WebRTC)

    1、下載webrtc-streamer,下載的最新window版本 Releases · mpromonet/webrtc-streamer · GitHub ?2、解壓下載包 ?3、webrtc-streamer.exe啟動服務 (注意:這里可以通過當前文件夾下用cmd命令webrtc-streamer.exe -o這樣占用cpu會很少,直接雙擊exe文件會占用cpu) cmd? webrtc-streamer.exe -o 啟動如下圖所示,

    2024年04月12日
    瀏覽(22)
  • 開源流媒體服務器ZLMediaKit在Windows上運行、配置、按需拉流拉取攝像頭rtsp視頻流)并使用http-flv網頁播放

    開源流媒體服務器ZLMediaKit在Windows上運行、配置、按需拉流拉取攝像頭rtsp視頻流)并使用http-flv網頁播放

    目前市面上有很多開源的流媒體服務器解決方案,常見的有SRS、EasyDarwin、ZLMediaKit和Monibuca等。 1、SRS GitHub - ossrs/srs: SRS is a simple, high efficiency and realtime video server, supports RTMP, WebRTC, HLS, HTTP-FLV, SRT, MPEG-DASH and GB28181. 2、EasyDarwin https://github.com/EasyDarwin/EasyDarwin 3、Monibuca Monibuca ·

    2023年04月16日
    瀏覽(33)
  • vue+??低曇曨lweb插件開發(fā)

    vue+??低曇曨lweb插件開發(fā)

    下載地址:??低暪倬W 下載頁面 文件解壓后的目錄 運行bin文件下的VideoWebPlugin.exe demo/demo_window_integration.html 包含了插件所有功能的,可參照此demo來開發(fā)、驗證功能、排查問題 demo/demo_window_simple_playback.html.html? 視頻回放,可在此基礎上二次開發(fā) demo/demo_window_simple_preview.ht

    2023年04月08日
    瀏覽(25)
  • vue+js+??祑eb開發(fā)包接入??低晹z像頭

    vue+js+??祑eb開發(fā)包接入海康威視攝像頭

    一、登錄??甸_放平臺下載web開發(fā)包,下載需要先登錄??蒂~號,沒有的需先注冊一個。 ??甸_放平臺web開發(fā)包下載地址:https://open.hikvision.com/download/5cda567cf47ae80dd41a54b3?type=10id=4c945d18fa5f49638ce517ec32e24e24 二、將web開發(fā)包引入vue項目 下載后解壓的包目錄如下: 將把webs下的整個

    2024年02月02日
    瀏覽(21)
  • Windows上使用FFmpeg實現(xiàn)本地視頻推送模擬??祬f(xié)議rtsp視頻流

    Windows上使用FFmpeg實現(xiàn)本地視頻推送模擬??祬f(xié)議rtsp視頻流

    Nginx搭建RTMP服務器+FFmpeg實現(xiàn)??低晹z像頭預覽: Nginx搭建RTMP服務器+FFmpeg實現(xiàn)??低晹z像頭預覽_nginx rtmp ??禂z像頭_霸道流氓氣質的博客-CSDN博客 上面記錄的是使用FFmpeg拉取??祬f(xié)議攝像頭的rtsp流并推流到流媒體服務器。 如果在其它業(yè)務場景下需要本地的視頻文件模擬

    2024年02月12日
    瀏覽(22)
  • ??低晹z像頭的多通道rtsp地址格式

    ??低晹z像頭的多通道rtsp地址格式

    海康攝像頭的rtsp地址通常格式為: “rtsp://username:password@192.168.1.64:554//Streaming/Channels/1” ### 1 代表主流,2代表子流 但在多通道的攝像機,例如紅外攝像機,既有rgb圖也有紅外圖,分別在兩個通道里,需要獨立打開時,就需要指定通道號。 那么可以這樣來給rtsp最后的數(shù)字串:

    2024年02月13日
    瀏覽(38)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包