LiveNVR 直播流拉轉:Onvif/RTSP/RTMP/FLV/HLS 支持海康宇視天地 SDK 接入-視頻廣場頁面集成與視頻播放說明

LiveNVR直播流拉轉:Onvif/RTSP/RTMP/FLV/HLS支持海康宇視天地SDK接入-視頻廣場頁面集成與視頻播放說明

    • 一、視頻頁面集成
      • 1.1 關閉接口鑒權
      • 1.2 視頻廣場頁面集成
        • 1.2.1 隱藏菜單欄
        • 1.2.2 隱藏播放頁面分享鏈接
      • 1.3 其它頁面集成
    • 二、播放分享頁面集成
      • 2.1 獲取 iframe 代碼
      • 2.2 html 集成 iframe 示例
      • 2.3 分享頁面參數說明
    • 三、視頻流地址獲取集成
      • 3.1 直播流地址獲取
      • 3.2 H5 直播點播播放器
    • 四、RTSP/HLS/FLV/RTMP 拉流 Onvif 流媒體服務

一、視頻頁面集成

1.1 關閉接口鑒權

若要進行視頻頁面集成,首先需關閉接口鑒權。具體操作如下:登錄 LiveNVR 后臺頁面,依次點擊“基礎配置” - “LiveNVR 基礎配置”,取消勾選“接口鑒權”和“禁止游客訪問”。默認情況下,接口鑒權處于開啟狀態,可參考下圖操作:
在這里插入圖片描述

1.2 視頻廣場頁面集成

1.2.1 隱藏菜單欄

若想在集成視頻廣場頁面時隱藏菜單欄,可在訪問鏈接中添加 menu=no 參數。例如,使用鏈接 https://nvr.liveqing.com:10810/?menu=no#/index/icons 訪問頁面,即可實現菜單欄隱藏效果,具體效果如圖所示:
在這里插入圖片描述

1.2.2 隱藏播放頁面分享鏈接

若要隱藏播放頁面的分享鏈接,可在訪問鏈接中添加 share=no 參數。示例鏈接為 https://nvr.liveqing.com:10810/?menu=no&share=no#/index/icons,隱藏分享鏈接后的頁面效果如下:
在這里插入圖片描述

1.3 其它頁面集成

menu=no 附加參數適用于所有頁面,借助該參數能夠快速將頁面集成到內網系統中。

二、播放分享頁面集成

2.1 獲取 iframe 代碼

若要進行播放分享頁面的集成,可先從視頻廣場中點擊一個視頻進行播放,在播放頁面的下方會顯示 iframe 集成代碼,可參考下圖獲取:
在這里插入圖片描述

2.2 html 集成 iframe 示例

以下是完整的 HTML 代碼示例,用于集成 iframe 實現視頻播放:

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>青柿視頻流媒體服務解決方案</title></head><body><iframe src="http://192.168.2.135:8080/play.html?channel=1&iframe=yes&aspect=640x360" width="640" height="360" allowfullscreen allow="autoplay"></iframe></body>
</html>

2.3 分享頁面參數說明

為了方便客戶在網頁中集成播放功能,我們專門提供了可供 HTML iframe 集成的分享頁,其鏈接格式如下:
http://ip:port/play.html?channel=xx
其中,URL 參數說明如下:

  • channel:通道號,用于指定播放的視頻通道。
  • aspect:可選參數,用于配置只顯示視頻播放區域,并指定寬高比。格式為 wxh,例如 640x360 表示 16:9 的寬高比;當 aspect=fullscreen 時,整頁顯示播放器。
  • share:可選參數,用于控制是否顯示分享功能。取值為 yesno,默認值為 yes
  • fluent:可選參數,用于指定是否以流暢模式播放。取值為 yesno,默認值為 yes
  • autoplay:可選參數,用于控制視頻是否自動播放。取值為 yesno,默認值為 yes
  • controls:可選參數,用于控制是否顯示播放器控制欄。取值為 yesno,默認值為 yes
  • stretch:可選參數,用于控制視頻是否拉伸顯示。取值為 yesno,默認值為 no
  • muted:可選參數,用于控制播放器是否靜音。取值為 yesno,默認值為 yes
  • protocol:可選參數,用于指定播放流格式。取值為 rtmphlsflvws_flv,默認值為自動檢測(auto check)。

三、視頻流地址獲取集成

3.1 直播流地址獲取

若需獲取通道的直播流地址(支持 HLS、HTTP - FLV、WS - FLV、WebRTC、RTMP、RTSP 等格式),可參考文章 LiveNVR 如何獲取通道的直播流地址 HLS/HTTP - FLV/WS - FLV/WebRTC/RTMP/RTSP。

3.2 H5 直播點播播放器

關于 H5 直播和點播播放器的使用,可查閱文檔 LivePlayer H5 直播|點播播放器。

四、RTSP/HLS/FLV/RTMP 拉流 Onvif 流媒體服務

LiveNVR 的 RTSP/HLS/FLV/RTMP 拉流 Onvif 流媒體服務支持 Windows、Linux 及其它 CPU 架構(包括國產、嵌入式等)的操作系統。

  • 安裝包下載:點擊下載
  • 安裝使用說明:查看詳情
  • 更多常見問題解答:點擊查看

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/907247.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/907247.shtml
英文地址,請注明出處:http://en.pswp.cn/news/907247.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

12. CSS 布局與樣式技巧

在前端開發中&#xff0c;CSS 是控制頁面樣式和布局的核心技術。本文總結了 CSS 布局中的關鍵概念和實用技巧&#xff0c;包括 overflow 屬性、背景圖片處理、精靈圖技術、display 屬性、浮動布局以及清除浮動的方法。 一、overflow 屬性詳解 overflow 屬性用于控制當元素內容…

OpenCV---Canny邊緣檢測

一、基本概念與核心作用 Canny邊緣檢測是計算機視覺中最經典的邊緣檢測算法之一&#xff0c;由John Canny于1986年提出。其核心目標是在噪聲圖像中提取精確、單像素寬、連續的邊緣&#xff0c;廣泛應用于&#xff1a; 目標檢測預處理&#xff08;如Robomaster中燈條、裝甲板的…

提效-點擊跳轉到源碼

1、localhost項目 例如【鯨島】這個中臺項目啟動地址是localhost。 使用chrome中的【click-to-react-component 】擴展&#xff0c; alt 鼠標左鍵 選擇dom后跳轉到對應文件。 click-to-react-component的原理&#xff08;來自ai&#xff09; click-to-react-component 的工作…

FeignClient發送https請求時的證書驗證原理分析

背景 微服務之間存在調用關系&#xff0c;且部署為 SSL 協議時&#xff0c;Feignt 請求報異常&#xff1a; Caused by: javax.net.ssl.SSLHandshakeException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find vali…

性能優化關鍵:link、script和meta的正確打開方式

link 標簽的主要屬性及其作用 屬性是否必填作用描述示例值rel是定義當前文檔與鏈接資源的關系&#xff08;必須屬性&#xff09;。常見值&#xff1a;stylesheet, icon, preload, preconnect 等。rel"stylesheet" rel"icon"href是指定鏈接資源的URL。href…

Linux `less` 命令深度解析與高階應用指南

Linux `less` 命令深度解析與高階應用指南 一、核心功能解析1. 基本作用2. 與類似工具對比二、選項系統詳解1. 常用基礎選項2. 高階選項組合三、高階應用場景1. 日志分析系統2. 代碼審查系統3. 數據管道處理四、特殊文件處理1. 大文件優化查看2. 二進制文件分析五、交互式命令大…

影刀RPA-20-高級操作題2

一、題目 二、鏈接 方法一&#xff1a;影刀應用分享: 高級考試題2-第二次 方法二&#xff1a;影刀應用分享: 高級考試題2 三、代碼 方法一&#xff1a; import xbot from xbot import print, sleep from .import package from .package import variables as glv from xbot…

C# NX二次開發-獲取面法向和UV等數據

通過ufun函數UF_MODL_ask_face_props可以獲取到面的法向數據和UV和半徑等數據。 代碼如下&#xff1a; double[] uvs new double[4];double[] param new double[2];double[] point new double[3];double[] u1 new double[3];double[] v1 new double[3];double[] u2 new d…

SpringBoot整合Sa-Token:實現RBAC權限模型

Java系列文章 文章目錄 Java系列文章前言一、基礎概念1.1 RBAC模型核心概念1.2 Sa-Token核心功能1.3 環境準備 二、表結構設計2.1 ER圖示例2.2 數據庫表設計2.2.1 用戶表2.2.2 角色表2.2.3 部門表2.2.4 權限表 三、SpringBoot整合Sa-Token3.1 sa-token基礎配置3.1.1 Maven配置3…

工商業儲能的“智慧大腦”:解密 Acrel-2000ES EMS 的核心功能與價值

安科瑞電氣顧強 市場背景&#xff1a;工商業儲能加速崛起 2022年中國已并網的儲能項目中&#xff0c;用戶側并網占比為8.36%&#xff0c;其中工商業儲能占據了用戶側高達98.6%的份額。驅動這一市場發展的關鍵因素日益顯著&#xff1a; 1.峰谷價差擴大&#xff1a; 全國各省市…

vue+threeJs 根據屏幕調整gltf模型的大小、重心、并更換騎車整體顏色

嗨&#xff0c;我是小路。今天主要和大家分享的主題是“vuethreeJs 根據屏幕調整gltf模型的大小、重心、并更換騎車整體顏色”。 項目案例示意圖 1.整體更換gltf模型的顏色 定義&#xff1a;整體代碼如下。顏色是事先設定的 const colorAry reactive(["rgb(21…

03 基于 java udp 做一個dns服務器 和 一個dns代理服務器

前言 這個也是 來自于一個朋友的需求 最終的目的是實現一個 dns 代理服務器, 當然 這本質也是一個 dns 服務器 并且 dns 代理服務器是依賴于 一個 dns 服務器的, 因此 順便給一個 dns 服務器的 demo 這里 主要是 基于 udp 的一個 dns 請求, 響應數據的交互 dns 服務器 …

【HITCSAPP 哈工大計算機系統期末大作業】 程序人生-Hello’s P2P

計算機系統 大作業 題 目 程序人生-Hello’s P2P 專 業 計算機與電子通信類 學   號 2023112915 班   級 23L0505 學 生 楊昕彥 指 導 教 師 劉宏偉 計算機科學…

第十周作業

一、CSRF 1、DVWA-High等級 2、使用Burp生成CSRF利用POC并實現攻擊 二、SSRF&#xff1a;file_get_content實驗&#xff0c;要求獲取ssrf.php的源碼 三、RCE 1、 ThinkPHP 2、 Weblogic 3、Shiro

PTA刷題筆記(難度預警!!!有詳解)

7-18 二分法求多項式單根 代碼如下&#xff1a; ? #include <stdio.h> #include <math.h>// 定義多項式函數 double polynomial(double x, double a3, double a2, double a1, double a0) {return a3 * x * x * x a2 * x * x a1 * x a0; }// 二分法求根函數 do…

打破傳統范式,線上 3D 畫展彰顯多元亮點

&#xff08;一&#xff09;沉浸式體驗&#xff0c;身臨其境賞畫? 線上 3D 畫展運用先進的 3D 建模和虛擬現實&#xff08;VR&#xff09;技術&#xff0c;高度還原了真實的展廳環境 。展廳內的布局、燈光&#xff0c;甚至墻壁的質感都被完美復刻&#xff0c;讓觀眾仿佛置身于…

Docker架構詳解

一,Docker的四大要素&#xff1a;Dockerfile、鏡像(image)、容器(container)、倉庫(repository) 1.dockerfile&#xff1a;在dockerfile文件中寫構建docker的命令,通過dockerbuild構建image 2.鏡像&#xff1a;就是一個只讀的模板&#xff0c;鏡像可以用來創建docker容器&…

【工具類】常用的工具類——CollectionUtil

目錄 cn.hutool.core.collection.CollectionUtil集合創建集合清空集合判空集合去重集合過濾集合轉換集合合并集合交集集合差集集合是否包含元素集合是否包含指定元素&#xff08;自定義條件&#xff09;集合分頁集合分組集合轉字符串元素添加元素刪除根據屬性轉Map獲取元素獲取…

從零起步搭建基于華為云構建碳排放設備管理系統的產品設計

目錄 &#x1f33f; 華為云 IoT&#xff1a;輕松上手碳排放設備管理系統搭建 &#x1f30d; 逐步搭建搭建規劃 &#x1f680; 一、系統藍圖&#xff1a;5大核心模塊&#xff0c;循序漸進 1?? 設備管理與數據采集層 2?? 數據傳輸與協議轉換層 3?? 數據處理與分析層…

華為OD機試真題—— 小明減肥(2025B卷:100分)Java/python/JavaScript/C/C++/GO最佳實現

2025 B卷 100分 題型 本專欄內全部題目均提供Java、python、JavaScript、C、C++、GO六種語言的最佳實現方式; 并且每種語言均涵蓋詳細的問題分析、解題思路、代碼實現、代碼詳解、3個測試用例以及綜合分析; 本文收錄于專欄:《2025華為OD真題目錄+全流程解析+備考攻略+經驗分…