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

来源:互联网 发布:qq飞车通天晓数据 编辑:程序博客网 时间:2024/05/10 07:59


http://www.cnblogs.com/lingdhox/p/4523885.html


一 配置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的参数说明. 

 


0 0