nginx+video-thumbextractor生成视频缩略图

更新：2022-05-23 13:48:00编辑：Story归类：nginx人气：210

前言

这年头都看网络视频吧,优酷,搜狐,土豆,爱奇艺.打开页面都能看到视频的一个截图，这些图片怎么来的，难道是用暴风影音截图弄出来的?不是吧，一般是用服务器上的程序截图之后传到图片服务器上了。可以用php、java等等来生成视频缩略图，nginx也有这方面的功能，一起来探索一下。

系统环境

Linux:centos 5/6
ImageMagick：yum安装
LibJpeg： v8
地址：http://www.ijg.org/files/
nginx：1.4.2
地址：http://nginx.org/en/download.html
nginx-video-thumbextractor：v0.1.0 .
地址：https://github.com/wandenberg/nginx-video-thumbextractor-module

支持格式

mp4, mov and flv.

最小图片

最小能生成16x16的图片

软件安装

安装ImageMagick

# yum install ImageMagick* ImageMagick-*

1	# yum install ImageMagick* ImageMagick-*

安装libjpeg

# wget http://www.ijg.org/files/jpegsrc.v8.tar.gz
# tar -xzvf jpegsrc.v8.tar.gz
# cd jpeg-8/
# ./configure --enable-static --enable-shared
# make
#make install

# wget http://www.ijg.org/files/jpegsrc.v8.tar.gz

# tar -xzvf jpegsrc.v8.tar.gz

# cd jpeg-8/

# ./configure --enable-static --enable-shared

# make

#make install

安装yasm

# wget https://github.com/yasm/yasm/archive/master.zip
# unzip master.zip
#cd yasm-master
# ./configure
# make
# make install

# wget https://github.com/yasm/yasm/archive/master.zip

# unzip master.zip

#cd yasm-master

# ./configure

# make

# make install

安装ffmpeg

# wget http://ffmpeg.org/releases/ffmpeg-2.0.1.tar.gz
# tar -xzvf ffmpeg-2.0.1.tar.gz
# cd ffmpeg
# ./configure --prefix=/usr --disable-ffserver --disable-ffplay --enable-shared
# make
# make install

# wget http://ffmpeg.org/releases/ffmpeg-2.0.1.tar.gz

# tar -xzvf ffmpeg-2.0.1.tar.gz

# cd ffmpeg

# ./configure --prefix=/usr --disable-ffserver --disable-ffplay --enable-shared

# make

# make install

安装nginx

# wget https://codeload.github.com/wandenberg/nginx-video-thumbextractor-module/zip/master -O nginx-video-thumbextractor-module-master.zip
# unzip nginx-video-thumbextractor-module-master.zip
# wget http://nginx.org/download/nginx-1.4.2.tar.gz
# tar -xzvf nginx-1.4.2.tar.gz
＃cd nginx-1.4.2
# ./configure --prefix=/usr/local/nginx-1.4.2 --add-module=../nginx-video-thumbextractor-module-master --with-cc-opt='-I /usr/include/ImageMagick'
# make 
# make install

# wget https://codeload.github.com/wandenberg/nginx-video-thumbextractor-module/zip/master -O nginx-video-thumbextractor-module-master.zip

# unzip nginx-video-thumbextractor-module-master.zip

# wget http://nginx.org/download/nginx-1.4.2.tar.gz

# tar -xzvf nginx-1.4.2.tar.gz

＃ cd nginx - 1.4.2

# ./configure --prefix=/usr/local/nginx-1.4.2 --add-module=../nginx-video-thumbextractor-module-master --with-cc-opt='-I /usr/include/ImageMagick'

# make

# make install

nginx配置

server {

        listen       80;
        server_name  test.ttlsa.com;
        access_log  /data/logs/nginx/test.ttlsa.com.access.log  main;

        index index.html index.php index.html;
        root /data/site/test.ttlsa.com;

        location / {

        }

        location ~ /2687/(.*)
        {
                alias /data/site/test.ttlsa.com/2687/;
                video_thumbextractor;
                video_thumbextractor_video_filename    $1;
                video_thumbextractor_video_second      $arg_second;
                video_thumbextractor_image_width       $arg_width;
                video_thumbextractor_image_height      $arg_height;
        }
}

server {

listen 80 ;

server _name test . ttlsa . com ;

access _log / data / logs / nginx / test . ttlsa . com . access . log main ;

index index . html index . php index . html ;

root / data / site / test . ttlsa . com ;

location / {

}

location ~ / 2687 / ( . * )

{

alias / data / site / test . ttlsa . com / 2687 / ;

video_thumbextractor ;

video_thumbextractor_video _filename $ 1 ;

video_thumbextractor_video _second $ arg_second ;

video_thumbextractor_image _width $ arg_width ;

video_thumbextractor_image _height $ arg_height ;

}

测试

创建站点目录

# mkdir /data/site/test.ttlsa.com/2687/

1	# mkdir /data/site/test.ttlsa.com/2687/

上传文件到这个目录下，我传的是v_baofeng.mp4

访问
下面三种访问方式都是正确的.second这个才是是必填的,否则会出现400错误.
http://test.ttlsa.com/2687/v_baofeng.mp4?second=77&width=400&height=200

nginx视频缩略图-1

http://test.ttlsa.com/2687/v_baofeng.mp4?second=77&width=300

nginx视频缩略图-2

http://test.ttlsa.com/2687/v_baofeng.mp4?second=77&height=100

nginx视频缩略图-3

说明：second视频中的时间点，秒为单位。width生成的图片宽度，height生成图片高度。两个参数都设置会裁切图片，如果只设置一个那么会根据那个参数等了比例生成图片.

指令

video_thumbextractor

语法: video_thumbextractor
配置段: location
发行版本: 0.1.0
开启缩略图功能

video_thumbextractor_video_filename
语法: video_thumbextractor_video_filename filename
默认值: none
配置段: http
发行版本: 0.1.0
文件名,如果文件不存在会返回404

video_thumbextractor_video_second
语法: video_thumbextractor_video_second second
默认值: none
配置段: http
发行版本: 0.1.0
取某一秒的关键帧,如果指定的时间超过了视频的长度，将会返回404.如果未指定这个值将会返回400错误.

video_thumbextractor_image_width
语法: video_thumbextractor_image_width width
默认值: 0
配置段: http
发行版本: 0.1.0
生成图片的宽度，这是一个可选项.如果仅仅指定了宽度，那么图片高度会按原比例缩放

video_thumbextractor_image_height
语法: video_thumbextractor_image_height height
默认值: 0
配置段: http
发行版本: 0.1.0

生成图片的高度，这是一个可选项.如果仅仅指定了高度，那么图片宽度会按原比例缩放
如果这两项都指定了，那么会裁切图片.到时候大家看到的图片可能就是残缺的.