网页播放rtsp流媒体学习(包含可用rtsp地址)

1.下载FFmpeg:http://ffmpeg.org/download.html

2.下载完直接解压好，并将bin目录加入到path环境变量下

解压放置
将下载的压缩包解压获得 ffmpeg-4.0.2-win64-static 文件夹，
将 ffmpeg 文件夹放置到程序文件夹，假设放置路径为：D:\joyce_workspace
打开环境变量设置页：资源管理器 > 此电脑 > 右键-属性 > 高级系统设置 > 环境变量
双击 Path 项进入编辑页
选择新建，将 路径D:\joyce_workspace\ffmpeg-20200525-6268034-win64-static\bin粘贴至输入框后确定保存。
亦可选择浏览，选中 ffmpeg 目录下的 bin 目录 后确定保存

测试使用
打开命令行的窗口（CMD），输入 ffmpeg 回车执行，有回显如下信息，即设置成功。
如未有，请检查你在第二步中的操作。

3.如果需要将rtsp转换格式（如：rtmp）则执行

    ffmpeg -i "rtsp://admin:[email protected]:554/cam/realmonitor?channel=1&subtype=0" -f flv -r 25 -s 640x480 -an "rtmp://localhost/oflaDemo/hello"

  成功后：

  

4.搭建WEB服务器，利用jwplayer或者ckplayer之类的，将rtmp地址换成第三步转的rtmp协议地址

例如用ckplayer:

另外：第三步如果不想转成其他视频流输出，可以直接通过websocket发送给前台接收：

前提需要安装node.js

 1.建立server.js

var Stream = require('node-rtsp-stream')
var stream = new Stream({
    name: 'socket',
    streamUrl: 'rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov',
    wsPort: 9990,
    ffmpegOptions:{
        '-stats': '',
        '-r': 20,
        '-s': '1920 1080'
    }
})

2.html中直接使用ws地址访问（ws://localhost:9990） 

3.进入项目目录启动node server.js

4.将html页面在浏览器中打开即可，效果如下：

  

 

附上可用的rtsp测试地址：rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov（目前亲测可用）

具体代码地址见：https://gitee.com/wxzone/node-ffmpeg-rtsp-websocket

参考网址和项目：

https://blog.csdn.net/u011489205/article/details/79327275

https://cloud.tencent.com/developer/article/1549047