Nginx 学习笔记(三)Nginx + flv

 环境 ubuntu 12.04

搭建视频服务器,播放flv和MP4文件,webserver用Nginx,编译增加http_flv_module;播放器使用开源的jw player。

nginx在ubuntu上用apt-get安装默认编译选项里面没有http_flv_module,所以需要重新编译一遍,顺便升级到了最新的稳定版1.2.7

编译nginx需要下载openssh包,PCRE包,zlib包

下载相应包文件后

 

  
  
  
  
  1. #增加http_flv_module 
  2. ./configure --with-http_flv_module --prefix=/usr/local/nginx 
  3. make 
  4. sudo make install 

不报错的话 nginx已经编译完成,编译后的文件结构如下:

 

  
  
  
  
  1. nginx path prefix: "/usr/local/nginx" 
  2.  
  3. nginx binary file: "/usr/local/nginx/sbin/nginx" 
  4.  
  5. nginx configuration prefix: "/usr/local/nginx/conf" 
  6.  
  7. nginx configuration file: "/usr/local/nginx/conf/nginx.conf" 
  8.  
  9. nginx pid file: "/usr/local/nginx/logs/nginx.pid" 
  10.  
  11. nginx error log file: "/usr/local/nginx/logs/error.log" 
  12.  
  13. nginx http access log file: "/usr/local/nginx/logs/access.log" 
  14.  
  15. nginx http client request body temporary files: "client_body_temp" 
  16.  
  17. nginx http proxy temporary files: "proxy_temp" 
  18.  
  19. nginx http fastcgi temporary files: "fastcgi_temp" 
  20.  
  21. nginx http uwsgi temporary files: "uwsgi_temp" 
  22.  
  23. nginx http scgi temporary files: "scgi_temp" 

建立软连接

 

  
  
  
  
  1. sudo ln -s /usr/local/nginx/sbin/nginx /usr/sbin/nginx 

输入 sudo nginx 启动nginx

修改/usr/local/nginx/conf/nginx.conf

 

  
  
  
  
  1. #在http{}块内增加 
  2. location ~ \.flv { 
  3.                 flv; 
  4.         } 

即可增加对flv模块的支持,重新启动nginx

 

  
  
  
  
  1. #重新启动Nginx 
  2. sudo /usr/sbin/nginx -s reload 
  3. #或者采用 
  4. sudo /usr/sbin/nginx -s stop 
  5. sudo nginx 

下载jw player,开源软件,专业版和高级版需要付费,下载地址

  
  
  
  
  1. http://www.longtailvideo.com/jw-player/ 

将下载的包解压,见jwplayer文件夹全部上传到网站根目录下

在网页<head>中引用

  
  
  
  
  1. <script type="text/javascript" src="/jwplayer/jwplayer.js"></script> 

然后增加播放器

   
   
   
   
  1. <div id="myElement">Loading the player...</div> 
  2.  
  3. <script type="text/javascript"> 
  4.     jwplayer("myElement").setup({ 
  5.         file: "/uploads/myVideo.mp4", 
  6.         image: "/uploads/myPoster.jpg" 
  7.     }); 
  8. </script> 

你可能感兴趣的:(nginx,flv,jwplayer)