浏览器播放rtsp视频流解决方案

解决获取到海康摄像头的rtsp视频流,在浏览器播放问题。采用ffmpeg+nginx+video.js解决方案(Windows环境)

资源下载 

  1. ffmpeg百度云资源:链接:https://pan.baidu.com/s/15pq8ErLZg9UcOgjqTkJZtw 
    提取码:8kyg
  2. 带有rtmp模块的nginx百度云资源:链接:https://pan.baidu.com/s/1bxiOz10DvxLclGogCIfK8A 
    提取码:x44v

配置使用 

  1. 把ffmpeg的 /bin 目录添加到用户环境变量中。浏览器播放rtsp视频流解决方案_第1张图片
  2.  使用命令行进入到ffmpeg的文件目录,使用如下命令测试是否配置成功。
    ffmpeg -version

  3. 根据自己的需要修改nginx.conf文件中的内容,上述百度云资源已经完成配置 

 

 启动命令

严格按照如下先启动nginx,再启动ffmpeg,再测试rtmp流的顺序执行。
// 1. 双击nginx.exe即可启动nginx

// 2. 使用如下命令启动ffmpeg
ffmpeg -threads 2 -i "rtsp://admin:[email protected]:554/h264/ch1/main/av_stream" -f flv -r 25 -s 1080*720 -an "rtmp://127.0.0.1:1935/hls/mystream"

// 3. 可以使用vlc播放器测试rtmp流播放,播放地址 rtmp://127.0.0.1:1935/hls/mystream

你可能感兴趣的:(Vue,vue.js)