LiveNVR流媒体Onvif/RTSP/SDK拉转如何和获取通道的视频直播流地址RTSP/WebRTC/RTMP/HLS/HTTP-FLV/WS-FLV

2022-08-31 11:23:48 浏览数 (1)

1、背景说明

某些场景下(小区监控、厂区监控等),我们需要接入摄像头,但手头上只能获取到摄像头直播流地址,如RTSP流地址。我们可能需要将视频流发布web页面,可以用浏览器快速无插件的浏览观看。我们可能需要云台操作摄像头。我们可能需要将视频监控的视频流做集中的存储录制。此时我们可以用什么来解决,安防监控摄像头设备的接入呢?

LiveNVR Onvif/RTSP流媒体服务,支持RTSP等其它流拉流接入,支持Onvif协议接入,支持RTMP/HLS/HTTP-FLV/WS-FLV/RTSP/GB28181输出,将传统安防监控设备互联化,无插件直播等。

可接入传统监控行业里面的高清网络摄像机的RTSP直播流,及 RTMP、HTTP-FLV、M3U8等其它直播流,实现互联网直播分发;可分发多种格式流,支持GB28181注册级联到第三方国标平台;同时能实时云端存储、录像计划、检索、时移回放

2、配置拉转视频流

2.1 RTSP规则

大华、海康、宇视、华为等RTSP配置规则

2.2 通道配置

点击通道配置进入通道配置页,可以选择需要配置的通道右上角的设置按钮,具体配置接入详见

2.2 启用通道

勾选 是否启用,点击 【确定】

2.3、查看播放

视频广场找到相应通道,点击播放

3、视频集成方式

  • 分享页面集成 直接集成包含播放器的页面到业务系统中去,如 iframe 方式集成页面
  • 视频流地址集成 通过接口或其它方式获取视频流的地址,设置到web播放器|APP播放器|PC播放器中,进行播放。可以使用LivePlayer.js H5播放器

4、分享页面集成

获取通道分享页面:为方便客户在网页中集成播放功能, 我们单独提供了可供 HTML iframe 集成的分享页 详见, 形如:

http://ip:port/play.html?channel=xx

代码语言:javascript复制
<!-- 直播 -->
<iframe src="http://ip:port/play.html?channel=1&aspect=fullscreen" allowfullscreen allow="autoplay; fullscreen"></iframe>

其中 URL 参数:

  • channel 通道号
  • aspect 配置只显示视频播放区域, 同时指定宽高比, 可选, wxh, 例如 640x360, 即16:9, 当 aspect=fullscreen 时, 整页显示播放器
  • share 是否显示分享, 可选, yes/no, 默认值为 yes
  • fluent 是否以流畅模式播放, 可选, yes/no, 默认值为 yes
  • autoplay 是否自动播放, 可选, yes/no, 默认值为 yes
  • controls 是否显示播放器控制栏, 可选, yes/no, 默认值为 yes
  • stretch 是否拉伸显示, 可选, yes/no, 默认值为 no
  • muted 是否播放器静音, 可选, yes/no, 默认值为 yes
  • protocol 播放流格式, 可选, rtmp/hls/flv/ws_flv, 默认 auto check

5、视频流地址集成

5.1、直播流地址(页面查看获取)

浏览器跟踪NETWORK

视频广场-》点击 播放, 浏览器可以 f12 打开开发者模式,再查看通道点击播放,然后在 Network 中跟踪到 /api/v1/getchannelstream 接口调用和结果

5.2、直播流地址(接口调用获取)

5.2.1、接口服务地址说明

http://192.168.2.135:10800 是示例的ip及端口,更换成自己部署的LiveNVR的ip及端口

5.2.2、获取通道直播链接接口

通道相关 - 获取通道直播链接

5.2.3、获取HTTP-FLV播放地址示例

5.2.3.1、接口调用示例

http://192.168.2.135:10800/api/v1/getchannelstream?channel=1&protocol=flv

5.2.3.2 接口返回示例

获取接口返回的,URL字段,前面拼接上服务的ip和端口

代码语言:javascript复制
{
    "LiveQing": {
        "Header": {
            "CSeq": "1",
            "Version": "v1",
            "MessageType": "MSG_SC_SERVER_GET_CHANNEL_STREAM_ACK",
            "ErrorNum": "200",
            "ErrorString": "Success OK"
        },
        "Body": {
            "AudioEnable": false,
            "ChannelName": "拉取 FLV",
            "DeviceType": "FLV",
            "NumOutputs": 0,
            "OSD": "拉取 FLV",
            "Ondemand": true,
            "Recording": false,
            "SnapURL": "/snap/channel_1.jpg?t=1615518655678277862",
            "SourceAudioCodecName": "aac",
            "SourceAudioSampleRate": 8000,
            "SourceVideoCodecName": "h264",
            "SourceVideoFrameRate": 25,
            "SourceVideoHeight": 576,
            "SourceVideoWidth": 704,
            "URL": "/flv/hls/stream_1.flv"
        }
    }
}

5.2.4、获取WS-FLV播放地址示例

5.2.4.1、接口调用示例

http://192.168.2.135:10800/api/v1/getchannelstream?channel=1&protocol=ws-flv

5.2.4.2、接口返回示例

获取接口返回的,URL字段

代码语言:javascript复制
{
    "LiveQing": {
        "Header": {
            "CSeq": "1",
            "Version": "v1",
            "MessageType": "MSG_SC_SERVER_GET_CHANNEL_STREAM_ACK",
            "ErrorNum": "200",
            "ErrorString": "Success OK"
        },
        "Body": {
            "AudioEnable": false,
            "ChannelName": "拉取 FLV",
            "DeviceType": "FLV",
            "NumOutputs": 1,
            "OSD": "拉取 FLV",
            "Ondemand": true,
            "Recording": false,
            "SnapURL": "/snap/channel_1.jpg?t=1615519865764505509",
            "SourceAudioCodecName": "aac",
            "SourceAudioSampleRate": 8000,
            "SourceVideoCodecName": "h264",
            "SourceVideoFrameRate": 25,
            "SourceVideoHeight": 576,
            "SourceVideoWidth": 704,
            "URL": "ws://192.168.2.135:10800/ws-flv/hls/stream_1.flv"
        }
    }
}

5.2.5、获取WebRTC播放地址示例

5.2.5.1、接口调用示例

http://192.168.2.135:10800/api/v1/getchannelstream?channel=1&protocol=webrtc

5.2.5.2、接口返回示例

获取接口返回的,URL字段

代码语言:javascript复制
{
    "LiveQing": {
        "Header": {
            "CSeq": "1",
            "Version": "v1",
            "MessageType": "MSG_SC_SERVER_GET_CHANNEL_STREAM_ACK",
            "ErrorNum": "200",
            "ErrorString": "Success OK"
        },
        "Body": {
            "AudioEnable": false,
            "ChannelName": "拉取 FLV",
            "DeviceType": "FLV",
            "NumOutputs": 1,
            "OSD": "拉取 FLV",
            "Ondemand": true,
            "Recording": false,
            "SnapURL": "/snap/channel_1.jpg?t=1615519865764505509",
            "SourceAudioCodecName": "aac",
            "SourceAudioSampleRate": 8000,
            "SourceVideoCodecName": "h264",
            "SourceVideoFrameRate": 25,
            "SourceVideoHeight": 576,
            "SourceVideoWidth": 704,
            "URL": "webrtc://192.168.2.135:10800/rtc/stream_1"
        }
    }
}

5.2.6、获取RTMP播放地址示例

5.2.6.1、接口调用示例

http://192.168.2.135:10800/api/v1/getchannelstream?channel=1&protocol=rtmp

5.2.6.2、接口返回示例

获取接口返回的,URL字段,服务需要开启对应的rtmp端口 TCP

代码语言:javascript复制
{
    "LiveQing": {
        "Header": {
            "CSeq": "1",
            "Version": "v1",
            "MessageType": "MSG_SC_SERVER_GET_CHANNEL_STREAM_ACK",
            "ErrorNum": "200",
            "ErrorString": "Success OK"
        },
        "Body": {
            "AudioEnable": false,
            "ChannelName": "拉取 FLV",
            "DeviceType": "FLV",
            "NumOutputs": 1,
            "OSD": "拉取 FLV",
            "Ondemand": true,
            "Recording": false,
            "SnapURL": "/snap/channel_1.jpg?t=1615519865764505509",
            "SourceAudioCodecName": "aac",
            "SourceAudioSampleRate": 8000,
            "SourceVideoCodecName": "h264",
            "SourceVideoFrameRate": 25,
            "SourceVideoHeight": 576,
            "SourceVideoWidth": 704,
            "URL": "rtmp://192.168.2.135:10935/hls/stream_1"
        }
    }
}

5.2.7、获取HLS播放地址示例

5.2.7.1、接口调用示例

http://192.168.2.135:10800/api/v1/getchannelstream?channel=1&protocol=hls

5.2.7.2、接口返回示例

获取接口返回的,URL字段,前面拼接上服务的ip和端口

代码语言:javascript复制
{
    "LiveQing": {
        "Header": {
            "CSeq": "1",
            "Version": "v1",
            "MessageType": "MSG_SC_SERVER_GET_CHANNEL_STREAM_ACK",
            "ErrorNum": "200",
            "ErrorString": "Success OK"
        },
        "Body": {
            "AudioEnable": false,
            "ChannelName": "拉取 FLV",
            "DeviceType": "FLV",
            "NumOutputs": 1,
            "OSD": "拉取 FLV",
            "Ondemand": true,
            "Recording": false,
            "SnapURL": "/snap/channel_1.jpg?t=1615519865764505509",
            "SourceAudioCodecName": "aac",
            "SourceAudioSampleRate": 8000,
            "SourceVideoCodecName": "h264",
            "SourceVideoFrameRate": 25,
            "SourceVideoHeight": 576,
            "SourceVideoWidth": 704,
            "URL": "/hls/stream_1/stream_1_live.m3u8"
        }
    }
}

5.2.8、RTSP

5.2.8.1、开启RTSP

RTSP输出,默认是关闭的,开启需要在基础配置界面配置 RTSP端口(默认554),需要在服务器上开放此端口 TCP

5.2.8.2、获取RTSP播放地址示例
5.2.8.2.1、接口调用示例

http://192.168.2.135:10800/api/v1/getchannelstream?channel=1&protocol=rtsp

5.2.8.2.2、接口返回示例

获取接口返回的,URL字段

代码语言:javascript复制
{
    "LiveQing": {
        "Header": {
            "CSeq": "1",
            "Version": "v1",
            "MessageType": "MSG_SC_SERVER_GET_CHANNEL_STREAM_ACK",
            "ErrorNum": "200",
            "ErrorString": "Success OK"
        },
        "Body": {
            "AudioEnable": false,
            "ChannelName": "拉取 FLV",
            "DeviceType": "FLV",
            "NumOutputs": 1,
            "OSD": "拉取 FLV",
            "Ondemand": true,
            "Recording": false,
            "SnapURL": "/snap/channel_1.jpg?t=1615519865764505509",
            "SourceAudioCodecName": "aac",
            "SourceAudioSampleRate": 8000,
            "SourceVideoCodecName": "h264",
            "SourceVideoFrameRate": 25,
            "SourceVideoHeight": 576,
            "SourceVideoWidth": 704,
            "URL": "rtsp://192.168.2.135:554/stream_3"
        }
    }
}

5.3、直播流地址(静态拼接获取)

不调用开始直播可以获取播放地址吗?可以的,LiveNVR支持流地址播放直接启动通道拉流,配置规则如下:

5.3.1、HTTP端口直播流地址格式

  • WEBRTC: webrtc://{ip}:{port}/rtc/stream_{通道号}
  • FLV: http://{ip}:{port}/flv/hls/stream_{通道号}.flv
  • WS_FLV: ws://{ip}:{port}/ws-flv/hls/stream_{通道号}.flv
  • HLS: http://{ip}:{port}/hls/stream_{通道号}/stream_{通道号}_live.m3u8
  • RTMP: rtmp://{ip}:{port}/hls/stream_{通道号}
  • RTSP: rtsp://{ip}:{port}/stream_{通道号}

5.3.2、HTTPS端口直播流地址格式

  • WEBRTC: webrtc://{ip}:{port}/rtc/stream_{通道号}
  • FLV: http://{ip}:{port}/flv/hls/stream_{通道号}.flv
  • WS_FLV: ws://{ip}:{port}/ws-flv/hls/stream_{通道号}.flv
  • HLS: http://{ip}:{port}/hls/stream_{通道号}/stream_{通道号}_live.m3u8
  • RTMP: rtmp://{ip}:{port}/hls/stream_{通道号}
  • RTSP: rtsp://{ip}:{port}/stream_{通道号}

5.3.3、关闭静态流地址播放

livenvr.ini ->[base_config]->allow_stream_start_by_url=0 , 默认是开启此功能的,配置后重启LiveNVR服务

代码语言:javascript复制
[base_config]
allow_stream_start_by_url=0 
CLIKE 复制 全屏

6、接口调用相关问题

LiveNVROnvif|RTSP流媒体服务中二次开发接口jquery调用示例

0 人点赞