海康摄像头rtsp视频流html直播展示(适用360浏览器)和转rtmp流的一种配置方式

背景: 因一个项目的需要，现有海康摄像头的rtsp流地址，想在web端进行监控视频直播展示，由于实际环境限制，自行搭建流媒体服务器将其转换为更为通用的rtmp流格式的方案无法落地；故最终仍使用rtsp流在web端展示，只是仅限于360浏览器；

在调研测试过程中同时验证了一种常用转rtmp流的方式；只是作为开发的一个简单尝试；

一、html页面的展示

1. 确保拿到用来测试的rtsp视频流地址正确可用；

初始我拿到的是海康提供的浏览媒体服务器(177.6.24.15)给出的rtsp的地址；

和网上常见设备本地url不同，类似: rtsp://177.6.24.15:554/pred://192.168.1.106:8000:0:0?us=admin&pass=12345&key=ASASA

为验证url正确可用，专门下载安装了播放器vlc-3.0.7-win32.exe

将拿到的url在vlc中配置并进行播放，若能正常看到实时视频就说明地址OK.

2. 编写简易的测试html,这里使用vlc-plugin,需要提前安装vlc播放器（如前），其中的mrl对应value值，替换为有效url

<object type="application/x-vlc-plugin" style="z-index:0;position:absolute;top:0;" pluginspage="http://www.videolan.org" id="invlc" events="false" width="100%" height="100%"><param name="mrl" value="rtsp://129.158.165.4:554/pag://66.13.68.40:7302:C839762541320017274:0:MAIN:TCP?streamform=rtp&checkinfo=ewogICAidGltZSIgOiAiMjAxOTA2MTRUMDI0NTM5WiIsCiAgICJ1cmwiIDogInJ0c3A6Ly8xMjQuMTE4LjE2NS40OjU1NC9wYWc6Ly82Ni4xMy42OCwe0MDo3MzAyOkM4Mzk3NjI1NDEzMjAwMTcyNzQ6MDpNQUlOOlRDUD9zdHJlYW1mb3JtPXJ0cCIKfQo%3D&idinfo=EAAAAAAQAAAWeifwRJ90e3gkMtTUusZm%2B5SCwnBnNsMv3MRVoCrnHOxHbG9htsOXx9XhlMgv5WRQ%3D"><param name="volume" value="50"><param name="autoplay" value="true"><param name="loop" value="false"><param name="fullscreen" value="false"><param name="controls" value="false">
</object>

使用360浏览器打开此html文件，即可加载视频流。刚打开页面加载视频可能会比较慢，请稍等片刻；

二、使用ffmpeg将rtsp转为rtmp流并使用nginx作为流媒体服务器

1. windows环境中下载ffmpeg-latest-win64-shared.zip，并进行解压；

解压后的bin目录中包含ffmpeg.exe命令

2. 搭建nginx流媒体服务器，对于rtmp视频流，这里nginx需要添加并配置RTMP模块；

linux下的可自行百度安装；windows下的配置了RTMP的nginx, 这里直接搜索下载了一个整合后的nginx;

nginx.conf配置文件中添加了rtmp协议的配置 :

rtmp {server {listen 1988;application live {live on;}application hls {live on;hls on;  hls_path temp/hls;  hls_fragment 8s;  }}
}

启动此nginx，以本机地址localhost为例：此提供的rtmp流服务地址为： rtmp://localhost:1988/live/xxx

3. cmd命令行下进入第1步bin目录中：

运行如下命令:

ffmpeg.exe -i "rtsp://129.158.165.4:554/pag://66.13.68.40:7302:C839762541320017274:0:MAIN:TCP?streamform=rtp&checkinfo=ewogICAidGltZSIgOiAiMjAxOTA2MTRUMDI0NTM5WiIsCiAgICJ1cmwiIDogInJ0c3A6Ly8xMjQuMTE4LjE2NS40OjU1NC9wYWc6Ly82Ni4xMy42OCwe0MDo3MzAyOkM4Mzk3NjI1NDEzMjAwMTcyNzQ6MDpNQUlOOlRDUD9zdHJlYW1mb3JtPXJ0cCIKfQo%3D&idinfo=EAAAAAAQAAAWeifwRJ90e3gkMtTUusZm%2B5SCwnBnNsMv3MRVoCrnHOxHbG9htsOXx9XhlMgv5WRQ%3D" -f flv -r 25 -s 640x360 -an rtmp://localhost:1988/live/v1

如上命令，推流有两种方式UDP和TCP的方式，系统默认是UDP，所以推送的过程中出现ERROR encoding这种类似的错误；或直接报错命令获取流数据失败等。

后改为如下，明确使用tcp方式，此时推送等一切正常；

ffmpeg.exe -re -rtsp_transport tcp -i "rtsp://129.158.165.4:554/pag://66.13.68.40:7302:C839762541320017274:0:MAIN:TCP?streamform=rtp&checkinfo=ewogICAidGltZSIgOiAiMjAxOTA2MTRUMDI0NTM5WiIsCiAgICJ1cmwiIDogInJ0c3A6Ly8xMjQuMTE4LjE2NS40OjU1NC9wYWc6Ly82Ni4xMy42OCwe0MDo3MzAyOkM4Mzk3NjI1NDEzMjAwMTcyNzQ6MDpNQUlOOlRDUD9zdHJlYW1mb3JtPXJ0cCIKfQo%3D&idinfo=EAAAAAAQAAAWeifwRJ90e3gkMtTUusZm%2B5SCwnBnNsMv3MRVoCrnHOxHbG9htsOXx9XhlMgv5WRQ%3D" -f flv -r 25 -s 640x360 -an rtmp://localhost:1988/live/v1

4. 此时使用vlc播放器配置rtmp://localhost:1988/live/v1亦可正常播放视频，前面所述的html也可使用。

5. 若有另外一个rtsp流地址，可新开cmd命令窗口，同样执行上述命令，但此时本地nginx流地址处改为：rtmp://localhost:1988/live/v2 即可，展示方式相同；

海康摄像头rtsp视频流html直播展示(适用360浏览器)和转rtmp流的一种配置方式相关推荐

【每天一个没用的干货】海康摄像头rtsp流不登录即播放
众所周知, 通过VLC播放海康摄像头的视频流, 需要用rtsp://[IP地址]:554 然后输上用户名和密码 By chance 我从海康官网下载了软件VSPlayer(?你是不是对visual s ...
rtsp_client 拉取海康摄像头的视频流
RTSP的协议我这里就不做过多介绍了,网上随便百度一下,就能搜索到很好的文章.后续再贴上链接.我这里主要先记录一下海康的摘要认证. 海康的摘要认证主要是生成:response response的组成: ...
unity通过rtsp协议实现海康摄像头的实时连接（一）
一.前一段时间实现了通过winform调取摄像头的实时监控运行程序,详见源码:https://download.csdn.net/download/lsc_hei/10652399 二.现在需求改变, ...
vue webRTC播放海康摄像头实时画面延迟1s内
最终效果主要参考地址,:https://blog.csdn.net/qq_45777115/article/details/118054927?spm=1001.2014.3001.5502 htt ...
利用flask解析海康摄像头视频
利用flask解析海康摄像头视频利用flask解析海康摄像头和大华摄像头的视频一.安装依赖包二.获取海康摄像头视频流三.将视频流输出到Web页面四. 创建HTML模板文件利用flask解析 ...
海康摄像头取、录像机RTSP视频流的字串格式
海康摄像头取.录像机RTSP视频流的字串格式主码流 rtsp://IP:554/h264/ch1/main/av_stream rtsp://IP:554/ISAPI/streaming/chann ...
LiveNVR监控流媒体Onvif/RTSP功能支持海康摄像头通过海康SDK的方式接入直播观看录像回看预置位操作
LiveNVR功能支持海康摄像头通过海康SDK的方式接入直播观看录像回看预置位操作 1.流媒体服务说明 2.支持海康SDK接入 3.视频广场查看播放 4.预置位接口 4.RTSP/HLS/FLV/RT ...
python读取海康摄像头视频流rtsp
需要安装相应的opencv库:anaconda中执行:pip install opencv-python 代码: import cv2 url = 'rtsp://admin:我的密码@我的摄像头IP ...
php对接海康视频教程_EasyNVR无插件互联网直播平台对接海康摄像头如何通过SDK将视频在前端网页播放...
原标题:EasyNVR无插件互联网直播平台对接海康摄像头如何通过SDK将视频在前端网页播放市场上常见的海康.大华.宇视等网络摄像头只要支持RTSP协议,都可以接入到EasyNVR中,今天主要给大家分 ...

海康摄像头rtsp视频流html直播展示(适用360浏览器)和转rtmp流的一种配置方式

海康摄像头rtsp视频流html直播展示(适用360浏览器)和转rtmp流的一种配置方式相关推荐

最新文章

热门文章