nginx+jwplayer配置flv/MP4点播系统, 视频拖动支持

http://www.cnblogs.com/lingdhox/p/4523885.html?utm_source=tuicool&utm_medium=referral

一 配置nginx

1. 下载 nginx 最新版 http://nginx.org/

2. 安装依赖库, 以ubuntu为例

1	apt-get install libpcre3 libpcre3-dev libssl-dev openssl

3. 编译nginx, 增加flv和MP4的支持

1	/configure --with-http_flv_module --with-http_mp4_module  --with-http_ssl_module --with-debug

   编译时可以指定安装目录 --prefix=/path/to/install

   然后make install

4. 测试是否支持seek(拖动, 快进)

    1) flv需要metadata数据才可以seek. 可以通过ffmpeg来查看flv视频是否有metadata数据.　

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

> ffmpeg -i test.flv   Input #0, flv, from 'test.flv':   Metadata:     metadatacreator : Yet Another Metadata Injector for FLV - Version 1.9     hasKeyframes    : true     hasVideo        : true     hasAudio        : true     hasMetadata     : true     canSeekToEnd    : false     datasize        : 23736525     videosize       : 21784752     audiosize       : 1923169     lasttimestamp   : 157     lastkeyframetimestamp: 153     lastkeyframelocation: 23532906

　　如果flv没有metadata数据. 可以通过yamdi来增加metadata数据, 这个工具windows和linux版本都有, 使用起来也很简单     

1	yamdi -i sample.flv -o sample_with_metadata.flv

　　

     2) 把flv视频放在nginx 的html目录下. 然后通过curl或vlc测试拖动

     先修改下nginx的配置nginx.conf, 增加如下内容

1 2 3 4 5 6 7 8

location ~ .flv$ {     flv;     limit_rate  250k; } location ~ .mp4$ {     mp4;     limit_rate  250k; }

　　limit_rate是限速的意思, 因为是本地测试. 缓冲速度非常快. 如果不限速的话, 视频会立刻下载完成. 

1 2 3 4 5

curl -I http://ip/test.flv Content-Length: 23739622   curl -I http://ip/test.flv?start=2373 Content-Length: 23727290

　　两次的Content-Length不一样. 

　　也可以通过vlc来播放http流. 都是界面点一点. 

二 配置jwplayer

     网上的jwplayer的配置基本上是过时的. 误导我半天

　　早期jwplayer里配置的streamer; type; provider; 这些参数在新版里已经没有, 或者不生效了. 

     jwplayer的support中关于seek的文章 http://support.jwplayer.com/customer/portal/articles/1430518-pseudo-streaming-in-flash 可能要FQ才能看

1 2 3 4 5 6 7 8 9

<div id="myElement">Loading the player...</div>   <script type="text/javascript">     jwplayer("myElement").setup({         file:"http://ip/test.flv",         image: "../image/webrtc.png",         startparam: "start"     }); </script>

　　关键是 startparam: "start". 没有这句的话. jwplayer是无法拖动视频的. MP4可以不需要这个startparam就可以拖动. 

　　

    这个是jwplayer文档中关于startparam的参数说明.