基于X3路由器和树莓派3的rtmp、HLS直播平台

手手挤挤

目录
1、服务器搭建
2、频道配置
3、网站配置
4、跨域组网
5、视频演示
————————————————————————————————
1、服务器搭建
下载ngnix服务器源码

1. wget http://nginx.org/download/nginx-1.13.5.tar.gz

复制代码

下载rtmp模块

1. git clone https://github.com/arut/nginx-rtmp-module.git

复制代码

安装依赖

1. sudo apt-get install openssl libssl-dev
   
2. sudo apt-get install libpcre3 libpcre3-dev
   
3. sudo apt-get install zlib1g-dev  

复制代码

解压nginx源码，并进入该目录
进行配置

1. ./configure --prefix=/usr/local/nginx  --add-module=../nginx-rtmp-module  --with-http_ssl_module   

复制代码

1. make && sudo make install

复制代码

因为需要写文件到/usr/local目录下，因此安装命令需要sudo权限，
安装完成了，接下来开始配置直播服务器

二、频道配置
rtmp是直播推流采用的协议，因此这里以rtmp推流、拉流的过程做个示范
更改配置文件，

1. nano /usr/local/nginx/conf/nginx.conf

复制代码

这里给出我的配置文件，修改的地方已用+++++++++++++++++++标出

1. #user  nobody;
   
2. worker_processes  1;
   
3. 
   
4. #error_log  logs/error.log;
   
5. #error_log  logs/error.log  notice;
   
6. #error_log  logs/error.log  info;
   
7. 
   
8. #pid        logs/nginx.pid;
   
9. 
   
10. 
    
11. events {
    
12.     worker_connections  1024;
    
13. }
    
14. 
    
15. 
    
16. http {
    
17.     include       mime.types;
    
18.     default_type  application/octet-stream;
    
19. 
    
20.     #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    
21.     #                  '$status $body_bytes_sent "$http_referer" '
    
22.     #                  '"$http_user_agent" "$http_x_forwarded_for"';
    
23. 
    
24.     #access_log  logs/access.log  main;
    
25. 
    
26.     sendfile        on;
    
27.     #tcp_nopush     on;
    
28. 
    
29.     #keepalive_timeout  0;
    
30.     keepalive_timeout  65;
    
31. 
    
32.     #gzip  on;
    
33. 
    
34.     server {
    
35.         listen       80;
    
36.         server_name  localhost;
    
37. 
    
38.         #charset koi8-r;
    
39. 
    
40.         #access_log  logs/host.access.log  main;
    
41. 
    
42.         location / {
    
43.             #root   html;
    
44.             #index  index.html index.htm;
    
45.                 root /home/pi/hhh/;
    
46.                 index index.html index.htm;
    
47.         }
    
48. 
    
49.        #+++++++++++++++++++
    
50.        location /hls  {
    
51.             types{
    
52.                 application/vnd.apple.mpegurl m3u8;
    
53.                 video/mp2t ts;
    
54.             }
    
55.             root  /home/pi/;
    
56.                 add_header Cache-Control no-cache;
    
57.    #         expires -1;
    
58.         }
    
59.      # +++++++++++++++++++
    
60. 
    
61. 
    
62.         #error_page  404              /404.html;
    
63. 
    
64.         # redirect server error pages to the static page /50x.html
    
65.         #
    
66.         error_page   500 502 503 504  /50x.html;
    
67.         location = /50x.html {
    
68.             root   html;
    
69.         }
    
70. 
    
71.         # proxy the PHP scripts to Apache listening on 127.0.0.1:80
    
72.         #
    
73.         #location ~ \.php$ {
    
74.         #    proxy_pass   http://127.0.0.1;
    
75.         #}
    
76. 
    
77.         # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
    
78.         #
    
79.         #location ~ \.php$ {
    
80.         #    root           html;
    
81.         #    fastcgi_pass   127.0.0.1:9000;
    
82.         #    fastcgi_index  index.php;
    
83.         #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
    
84.         #    include        fastcgi_params;
    
85.         #}
    
86. 
    
87.         # deny access to .htaccess files, if Apache's document root
    
88.         # concurs with nginx's one
    
89.         #
    
90.         #location ~ /\.ht {
    
91.         #    deny  all;
    
92.         #}
    
93.     }
    
94. 
    
95. 
    
96.     # another virtual host using mix of IP-, name-, and port-based configuration
    
97.     #
    
98.     #server {
    
99.     #    listen       8000;
    
100.     #    listen       somename:8080;
     
101.     #    server_name  somename  alias  another.alias;
     
102. 
     
103.     #    location / {
     
104.     #        root   html;
     
105.     #        index  index.html index.htm;
     
106.     #    }
     
107.     #}
     
108. 
     
109. 
     
110.     # HTTPS server
     
111.     #
     
112.     #server {
     
113.     #    listen       443 ssl;
     
114.     #    server_name  localhost;
     
115. 
     
116.     #    ssl_certificate      cert.pem;
     
117.     #    ssl_certificate_key  cert.key;
     
118. 
     
119.     #    ssl_session_cache    shared:SSL:1m;
     
120.     #    ssl_session_timeout  5m;
     
121. 
     
122.     #    ssl_ciphers  HIGH:!aNULL:!MD5;
     
123.     #    ssl_prefer_server_ciphers  on;
     
124. 
     
125.     #    location / {
     
126.     #        root   html;
     
127.     #        index  index.html index.htm;
     
128.     #    }
     
129.     #}
     
130. 
     
131. }
     
132. #+++++++++++++++++++
     
133. rtmp {   
     
134.      
     
135.     server {   
     
136.      
     
137.         listen 1935;
     
138.           publish_time_fix on;
     
139.         chunk_size 4000;   
     
140.            
     
141. 
     
142.         application carlpc{
     
143.                 live on;
     
144.                 allow publish all; # control access privilege
     
145.              allow play all; # control access privilege
     
146.         }
     
147.             
     
148.         application carlpc_hls {  
     
149.             live on;   
     
150.             hls on;   
     
151.             hls_path /home/pi/hls;   
     
152.             hls_fragment 5s;
     
153.             hls_base_url http://192.168.137.21/hls/;  
     
154.                 allow publish all;
     
155.                 allow play all;
     
156.         }   
     
157.     }   
     
158. }
     
159. #+++++++++++++++++++
     

复制代码

配置完成后，第一次启动nginx

1. /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

复制代码

再一执行上条命令可以看到以下端口已绑定


三、网站配置
网站环境的目的在于利用网页访问之前设置的hls索引和切片所在的文件夹。
配置也很简单，主要在于声明网页的location即可，笔者直接将其声明在根目录下，配置如下

• location / {
• #           root   html;
•   #         index  index.html index.htm;
•                 root /home/pi/hhh;
•                 index index.html index.htm;
•         }
  

[color=rgb(51, 102, 153) !important]复制代码
接下来，编辑index.html网页。这里需要网页播放器的支持，首选当然是videojs啦，所以采用videojs播放器来播放hls流。index。html的配置如下

• <!DOCTYPE html>
• <html>
• <head>
• <meta charset=utf-8 />
• <title>Carlpc的直播小站</title>
•   <link  rel="stylesheet">
•   <script src="https://unpkg.com/video.js/dist/video.js"></script>
•   <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>
• </head>
• <body>
•   <h1>直播站--HLS</h1>
•   <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="683" height="384"
•   data-setup='{"autoplay": true}'>
•     <source src="http://192.168.137.66:80/hls/test.m3u8" type="application/x-mpegURL">
•   </video>
•   <script>
•   </script>
• </body>
• </html>
• 
  

[color=rgb(51, 102, 153) !important]复制代码
写完后，还没完记得给这个文件夹、父文件夹、以及该文件添加权限，权限掩码777，最后的效果动图如下。


接下来是两个推流命令

1. raspivid -t 0 -w 320 -h 240 -o - | ffmpeg  -i -  -c copy -f flv rtmp://localhost:1935/carlpc
   
2. 
   
3. ffmpeg -re -stream_loop -1 -i /home/pi/ffmpeg/test.mp4 -c copy -f flv rtmp://localhost:1935/carlpc_hls/test

复制代码

并设置成开机自启动。
4、跨域组网
打开云端管理界面，首先是添加成员，由于花生壳免费的只能有3个成员，因此我添加了路由器，手机，电脑三个设备。


有了设备后，创建网络，将这些设备异地互联



路由器所在的网络下可直接通过分配的ip进行访问，而其他两个设备，则需要安装蒲公英客户端
5、视频演示