mvc中使用flvjs进行rtsp码流播放

  <video id="video" class="deviceVideo"  controls  ></video>

    <script src="~/Scripts/flv.js"></script>

//播放码流视频
var playVideo= function (id,rtsp) {
if (flvjs.isSupported()) {
var videoElement = document.getElementById(id);
var playUrl = `ws://localhost:8888/rtsp/1/?url=` + rtsp;
var flvPlayer = flvjs.createPlayer({
type: 'flv',
url: playUrl
});
flvPlayer.attachMediaElement(videoElement);
flvPlayer.load();
flvPlayer.play();
device.player = flvPlayer;
}
}

//调用

playVideo("video","rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mp4");

 

前面还需要做的就是安装ffmpeg,并用node运行起转码

node index.js

index.js在ffmpeg的安装目录里面

playUrl中的端口需要和index.js里面的端口保持一致，可以自定义

 

 

 

一、注意要点

1，仅支持视频编码H264，需要在监控头或者NVR上设置为H264编码

 

 

2，需要启动转流服务，在目录D:\ffmpeg\Server\dist，启动cmd命令行，输入node index.js