RTSP协议视频流页面即时加载方法

RTSP协议视频流页面即时加载方法

1. 准备RTSP流

在没有摄像头的条件下，可以使用的RTSP视频流经常很难找到，所以本文采用FFMPEG手动推流的方式产生RTSP流。FFMPEG工具可以翻看
Windows环境下视频文件转成RTSP视频流和RTMP流这篇文章。
在进行推流前先准备好RTSP的服务器，可以采用EasyDarwin服务器。下载 链接 提取码：zh0w 具体使用方法也可以在上面提到的那篇文章中找到。
使用FFMPEG推流的命令如下：

C:/FFMPEG/ffmpeg_x86_4.2.2/bin/ffmpeg.exe -re -i "orange.mp4" -vcodec copy -codec copy -f rtsp rtsp://127.0.0.1:554/stream

在EasyDarwin的界面可以看到推流的信息

image.png

2. 使用RTSPtoWeb进行拉流

RTSPtoWeb下载地址链接：https://pan.baidu.com/s/1QGjeQR26gC6K7Ntvw0iI9Q
提取码：jbxa
这个工程需要有go的环境，随意需要先安装go，配置环境变量，不会的可以自行百度。
这个工程需要使用git命令进行运行，所以还需要安装git。
RTSPtoWeb配置如下：
可以根据自己的环境删减

{
  "server": {
    "debug": true,
    "http_debug": false,
    "http_demo": true,
    "http_dir": "web",
    "http_login": "demo",
    "http_password": "demo",
    "http_port": ":8083",
    "log_level": "debug",
    "rtsp_port": ":5541",
    "defaults": {
      "audio": true
    }
  },
  "streams": {
    "YDVideo": {             ##名称自己填写
      "name": "移动摄像头",
      "channels": {
        "YD1": {
          "name": "ch1",        ##名称自己填写
          "url": "rtsp://192.168.0.12:554/stream",             ##自己推的rtsp流
          "on_demand": false,
          "debug": false,
          "audio": true,
          "status": 0
        },
        "YD2": {
          "name": "ch2",
          "url": "rtsp://admin:[email protected]:554/Streaming/Channels/101",             ##摄像头标准RTSP流地址
          "on_demand": false,
          "debug": false,
          "audio": true,
          "status": 0
        }
      }
    }
  }
}

启动工程
如下图所示，进入RTSPtoWeb工程里面，通过git bash启动

image.png

首先设置GO环境的国内依赖地址
命令如下：

go env -w GOPROXY=https://goproxy.cn,direct

启动工程

GO111MODULE=on go run *.go

在前面步骤没有错误的情况下，因该就可以看到如下界面：

image.png

选择WebRTC，出现一下界面

image.png

这时候在EasyDarwin上就可以看到拉流的记录

image.png

前端就可以根据RTSPtoWeb工程中的方法及API教程 https://gitee.com/erroot/RTSPtoWeb?_from=gitee_search，进行页面加载实现。