window桌面录屏直播搭建(nginx+ffmpeg)

作者: 小小亮FLY | 来源:发表于2019-08-25 11:47 被阅读0次

window桌面录屏直播搭建(nginx+ffmpeg)
阿酷教你做手机桌面录屏视频直播
电脑游戏桌面录屏直播的教程(实现手机观看直播)
BroadCast Upload Extension 学习
Android实现录屏直播+远程控制（二）
Android实现录屏直播+远程控制之MediaCodec编码篇
电脑录屏：学会它（OBS）就够了！
监控推拉流资料收集
@4/23-小系统-如何录屏
使用Mac录iPhone屏幕，制作GIF

一：软件安装
1、安装ffmpeg，并且配置到PATH路径中
2、安装nginx-rtmp版本，并配置到PATH路径中。

二修改配置文件

配置文件：nginx\conf 目录下配置 nginx.conf文件

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;
#pid        logs/nginx.pid;
events {
    worker_connections  1024;
}
rtmp{
    server {
        listen 1935;
        chunk_size 4000;

        #RTMP
        application myapp {
            live on;
        } 

        #HLS
        # For HLS to work please create a directory in tmpfs (/tmp/app here)
        # for the fragments. The directory contents is served via HTTP (see
        # http{} section in config)
        #
        # Incoming stream must be in H264/AAC. For iPhones use baseline H264
        # profile (see ffmpeg example).
        # This example creates RTMP stream from movie ready for HLS:
        #
        # ffmpeg -loglevel verbose -re -i movie.avi  -vcodec libx264 
        #    -vprofile baseline -acodec libmp3lame -ar 44100 -ac 1 
        #    -f flv rtmp://localhost:1935/hls/movie
        #
        # If you need to transcode live stream use 'exec' feature.
        #
        application hls {
            live on;
            hls on;
            hls_path hls;
            hls_fragment 3s;
            hls_playlist_length  5s;
        }
    }
}

http{
    server {
        listen 8765;
        server_name  localhost;

        location / {
            root   html;
            index  index.html index.htm;
        }

        location /hls {
            # Serve HLS fragments
            types {
                application/vnd.apple.mpegurl m3u8;
                video/mp2t ts;
            }
            alias hls;
            expires -1;
            add_header Access-Control-Allow-Origin *;
        }

        error_page   500 502 503 504  /50x.html;

        location = /50x.html {
            root   html;
        }
        
    }
}

三启动程序

nginx常用命令
启动Nginx：start nginx
快速停止或关闭Nginx：nginx -s stop
正常停止或关闭Nginx：nginx -s quit
配置文件修改重装载命令：nginx -s reload

1、启动nginx：

start nginx

2、启动ffmpeg桌面录屏，直播流推送

ffmpeg -f gdigrab -i desktop -vcodec libx264 -f flv -s 640x480 rtmp://localhost:1935/hls/test

3、访问

image.png

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>video.js</title>
    <link href="https://unpkg.com/video.js@6.11.0/dist/video-js.min.css" rel="stylesheet">
    <script src="https://unpkg.com/video.js@6.11.0/dist/video.min.js"></script>
    <script src="https://unpkg.com/videojs-flash/dist/videojs-flash.js"></script>
    <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>
  </head>
  <body>
    <video id="my-player" class="video-js" controls>
        <source src="http://填写具体的IP:8765/hls/test.m3u8" type="application/x-mpegURL">
        <p class="vjs-no-js">
          not support
        </p>
    </video>
    <script type="text/javascript">
      var player = videojs('my-player',{
        width:800,
        heigh:400
      });
    </script>
  </body>
</html>

搭建完之后就可以在手机，pc浏览器观看window桌面直播了。