用FFmpge + Nginx +Nginx-rtmp + ckplayer.js+asp.net mvc 实现rtsp web端播放

最新推荐文章于 2025-06-14 12:37:27 发布

l清风明月

最新推荐文章于 2025-06-14 12:37:27 发布

阅读量675

点赞数

CC 4.0 BY-SA版权

分类专栏： rtsp Web播放

本文链接：https://blog.csdn.net/l15738519366/article/details/105818262

rtsp Web播放专栏收录该内容

3 篇文章

订阅专栏

安装过程不做详细说明，这些网上很多，多试试就可以了，只做一个流程梳理和安装过程的一些问题处理。

1、下载FFmpeg,地址：https://ffmpeg.zeranoe.com/builds/

2、下载nginx，地址：http://nginx.org/en/download.html,下载链接2：http://nginx-win.ecsds.eu/download/，如果要用nginx-rtmp-module，建议下载nginx 1.7.11.3 Gryphon.zip，如果下载其他的，需要重新编译一下，把rtmp-module编译进去。nginx 1.7.11.3 Gryphon.zip这个压缩包我下了几次才下载成功，上午试着下了几次出现文件不存在，下午又试时，突然就可以下载了。

3、下载nginx-rtmp-module，地址：https://github.com/arut/nginx-rtmp-module#example-nginxconf

4、下载ckplayer.js，地址：http://www.ckplayer.com/down/

配置完成后：

1，启动nginx,找到所在目录，地址栏清空，输入cmd,回车，进入命令行界面，输入：nginx.exe -c conf\nginx-win-rtmp.conf，开启nginx服务。

2，启动FFmpeg，找到exe文件所在目录，地址栏清空，输入cmd,回车，进入命令行界面，输入：

ffmpeg.exe -re -i rtmp://58.200.131.2:1935/livetv/dftv -vcodec libx264 -acodec aac -f flv rtmp://localhost:1935/live/home

3、运行mvc项目，界面代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>

    <link href="~/Scripts/Video/video-js.css" rel="stylesheet" />
</head>
<body>
    <div style="margin-top:20px">
        <div id="video" style="width: 400px; height: 400px; float: left;"></div>
    </div>
    <script src="~/Scripts/Video/ckplayer.js"></script>
    <script>
        var videoObject = {
            container: '#video', //容器的ID或className
            variable: 'player', //播放函数名称
            autoplay: true,
            live: true,
            video: 'rtmp://localhost:1935/live/home'  //rtmp地址
        };
        var player = new ckplayer(videoObject);


    </script>

</body>
</html>

直播界面展示：