Java Web 中使用ffmpeg实现视频转码、视频截图

视频网站中提供的在线视频播放功能,播放的都是FLV格式的文件,它是Flash动画文件,可通过Flash制作的播放器来播放该文件.项目中用制作的player.swf播放器.

多媒体视频处理工具FFmpeg有非常强大的功能包括视频采集功能、视频格式转换、视频抓图、给视频加水印等。

ffmpeg视频采集功能非常强大,不仅可以采集视频采集卡或USB摄像头的图像,还可以进行屏幕录制,同时还支持以RTP方式将视频流传送给支持RTSP的流媒体服务器,支持直播应用。

1.能支持的格式

ffmpeg能解析的格式:(asx,asf,mpg,wmv,3gp,mp4,mov,avi,flv等)

2.不能支持的格式

对ffmpeg无法解析的文件格式(wmv9,rm,rmvb等),可以先用别的工具(mencoder)转换为avi(ffmpeg能解析的)格式.

实例是将上传视频转码为flv格式,该格式ffmpeg支持,所以我们实例中需要ffmpeg视频处理工具.

 

数据库MySQL5.5

实例所需要的数据库脚本

 
  1. drop database if exists db_mediaplayer;

  2. create database db_mediaplayer;

  3. use db_mediaplayer;

  4.  
  5. create table tb_media(

  6. id int not null primary key auto_increment comment '主键' ,

  7. title varchar(50) not null comment '视频名称' ,

  8. src varchar(200) not null comment '视频存放地址' ,

  9. picture varchar(200) not null comment '视频截图' ,

  10. descript varchar(400) comment '视频描述' ,

  11. uptime varchar(40) comment '上传时间'

  12. );

  13.  
  14. desc tb_media;

项目结构图:

Java Web 中使用ffmpeg实现视频转码、视频截图

上传视频界面设计

在上传文件时,Form表单中 enctype属性值必须为"multipart/form-data".模块界面设计如下图:

Java Web 中使用ffmpeg实现视频转码、视频截图

enctype属性值说明

application/x-www-form-urlencoded

表单数据被编码为名称/值对,这是标准的编码格式

multipart/form-data

表单数据被编码为一条消息,页面上每个控件对应消息中的一部分

text/plain

表单数据以纯文本形式进行编码,其中不含任何控件格式的字符

 

业务接口定义

面向接口编程,接口中定义系统功能模块.这样方便理清业务,同时接口的对象必须由实现了该接口的对象来创建.这样就避免编码中的某些业务遗漏等,同时扩展性也增强了.

 
  1. package com.webapp.dao;

  2. import java.util.List;

  3. import com.webapp.entity.Media;

  4.  
  5. /**

  6. *

  7. * MediaDao.java

  8. *

  9. * @version : 1.1

  10. *

  11. * @author : 苏若年 <a href="mailto:[email protected]">发送邮件</a>

  12. *

  13. * @since : 1.0 创建时间: 2013-2-07 上午10:19:54

  14. *

  15. * TODO : interface MediaDao.java is used for ...

  16. *

  17. */

  18. public interface MediaDao {

  19.  
  20. /**

  21. * 视频转码

  22. * @param ffmpegPath 转码工具的存放路径

  23. * @param upFilePath 用于指定要转换格式的文件,要截图的视频源文件

  24. * @param codcFilePath 格式转换后的的文件保存路径

  25. * @param mediaPicPath 截图保存路径

  26. * @return

  27. * @throws Exception

  28. */

  29. public boolean executeCodecs(String ffmpegPath,String upFilePath, String codcFilePath, String mediaPicPath)throws Exception;

  30.  
  31. /**

  32. * 保存文件

  33. * @param media

  34. * @return

  35. * @throws Exception

  36. */

  37. public boolean saveMedia(Media media)throws Exception;

  38.  
  39. /**

  40. * 查询本地库中所有记录的数目

  41. * @return

  42. * @throws Exception

  43. */

  44. public int getAllMediaCount()throws Exception;

  45.  
  46. /**

  47. * 带分页的查询

  48. * @param firstResult

  49. * @param maxResult

  50. * @return

  51. */

  52. public List<Media> queryALlMedia(int firstResult, int maxResult)throws Exception;

  53.  
  54. /**

  55. * 根据Id查询视频

  56. * @param id

  57. * @return

  58. * @throws Exception

  59. */

  60. public Media queryMediaById(int id)throws Exception;

  61. }

 

接口的实现,这里列出ffmpeg视频转码与截图模块

 

 
  1. /**

  2. * 视频转码

  3. * @param ffmpegPath 转码工具的存放路径

  4. * @param upFilePath 用于指定要转换格式的文件,要截图的视频源文件

  5. * @param codcFilePath 格式转换后的的文件保存路径

  6. * @param mediaPicPath 截图保存路径

  7. * @return

  8. * @throws Exception

  9. */

  10. public boolean executeCodecs(String ffmpegPath, String upFilePath, String codcFilePath,

  11. String mediaPicPath) throws Exception {

  12. // 创建一个List集合来保存转换视频文件为flv格式的命令

  13. List<String> convert = new ArrayList<String>();

  14. convert.add(ffmpegPath); // 添加转换工具路径

  15. convert.add("-i"); // 添加参数"-i",该参数指定要转换的文件

  16. convert.add(upFilePath); // 添加要转换格式的视频文件的路径

  17. convert.add("-qscale"); //指定转换的质量

  18. convert.add("6");

  19. convert.add("-ab"); //设置音频码率

  20. convert.add("64");

  21. convert.add("-ac"); //设置声道数

  22. convert.add("2");

  23. convert.add("-ar"); //设置声音的采样频率

  24. convert.add("22050");

  25. convert.add("-r"); //设置帧频

  26. convert.add("24");

  27. convert.add("-y"); // 添加参数"-y",该参数指定将覆盖已存在的文件

  28. convert.add(codcFilePath);

  29.  
  30. // 创建一个List集合来保存从视频中截取图片的命令

  31. List<String> cutpic = new ArrayList<String>();

  32. cutpic.add(ffmpegPath);

  33. cutpic.add("-i");

  34. cutpic.add(upFilePath); // 同上(指定的文件即可以是转换为flv格式之前的文件,也可以是转换的flv文件)

  35. cutpic.add("-y");

  36. cutpic.add("-f");

  37. cutpic.add("image2");

  38. cutpic.add("-ss"); // 添加参数"-ss",该参数指定截取的起始时间

  39. cutpic.add("17"); // 添加起始时间为第17秒

  40. cutpic.add("-t"); // 添加参数"-t",该参数指定持续时间

  41. cutpic.add("0.001"); // 添加持续时间为1毫秒

  42. cutpic.add("-s"); // 添加参数"-s",该参数指定截取的图片大小

  43. cutpic.add("800*280"); // 添加截取的图片大小为350*240

  44. cutpic.add(mediaPicPath); // 添加截取的图片的保存路径

  45.  
  46. boolean mark = true;

  47. ProcessBuilder builder = new ProcessBuilder();

  48. try {

  49. builder.command(convert);

  50. builder.redirectErrorStream(true);

  51. builder.start();

  52.  
  53. builder.command(cutpic);

  54. builder.redirectErrorStream(true);

  55. // 如果此属性为 true,则任何由通过此对象的 start() 方法启动的后续子进程生成的错误输出都将与标准输出合并,

  56. //因此两者均可使用 Process.getInputStream() 方法读取。这使得关联错误消息和相应的输出变得更容易

  57. builder.start();

  58. } catch (Exception e) {

  59. mark = false;

  60. System.out.println(e);

  61. e.printStackTrace();

  62. }

  63. return mark;

  64. }

 

系统中可能存在多个模块,这些模块的业务DAO可以通过工厂来管理,需要的时候直接提供即可.

因为如果对象new太多,会不必要的浪费资源.所以工厂,采用单例模式,私有构造,提供对外可访问的方法即可.

 
  1. package com.webapp.dao;

  2. import com.webapp.dao.impl.MediaDaoImpl;

  3.  
  4. /**

  5. *

  6. * DaoFactory.java

  7. *

  8. * @version : 1.1

  9. *

  10. * @author : 苏若年 <a href="mailto:[email protected]">发送邮件</a>

  11. *

  12. * @since : 1.0 创建时间: 2013-2-07 下午02:18:51

  13. *

  14. * TODO : class DaoFactory.java is used for ...

  15. *

  16. */

  17. public class DaoFactory { //工厂模式,生产Dao对象,面向接口编程,返回实现业务接口定义的对象

  18.  
  19. private static DaoFactory daoFactory = new DaoFactory();

  20.  
  21. //单例设计模式, 私有构造,对外提供获取创建的对象的唯一接口,

  22. private DaoFactory(){

  23.  
  24. }

  25.  
  26. public static DaoFactory getInstance(){

  27. return daoFactory;

  28. }

  29.  
  30. public static MediaDao getMediaDao(){

  31. return new MediaDaoImpl();

  32. }

  33.  
  34. }

 

视图提交请求,给控制器,控制器分析请求参数,进行相应的业务调用处理.servlet控制器相关代码如下

 

 
  1. package com.webapp.service;

  2.  
  3. import java.io.File;

  4. import java.io.IOException;

  5. import java.io.PrintWriter;

  6. import java.util.List;

  7.  
  8. import javax.servlet.ServletContext;

  9. import javax.servlet.ServletException;

  10. import javax.servlet.http.HttpServlet;

  11. import javax.servlet.http.HttpServletRequest;

  12. import javax.servlet.http.HttpServletResponse;

  13.  
  14. import org.apache.commons.fileupload.FileItem;

  15. import org.apache.commons.fileupload.disk.DiskFileItemFactory;

  16. import org.apache.commons.fileupload.servlet.ServletFileUpload;

  17.  
  18. import com.webapp.dao.DaoFactory;

  19. import com.webapp.dao.MediaDao;

  20. import com.webapp.entity.Media;

  21. import com.webapp.util.DateTimeUtil;

  22.  
  23. /**

  24. *

  25. * MediaService.java

  26. *

  27. * @version : 1.1

  28. *

  29. * @author : 苏若年 <a href="mailto:[email protected]">发送邮件</a>

  30. *

  31. * @since : 1.0 创建时间: 2013-2-08 下午02:24:47

  32. *

  33. * TODO : class MediaService.java is used for ...

  34. *

  35. */

  36. public class MediaService extends HttpServlet {

  37.  
  38.  
  39. public void doGet(HttpServletRequest request, HttpServletResponse response)

  40. throws ServletException, IOException {

  41. doPost(request, response);

  42. }

  43.  
  44.  
  45. public void doPost(HttpServletRequest request, HttpServletResponse response)

  46. throws ServletException, IOException {

  47.  
  48. PrintWriter out = response.getWriter();

  49. MediaDao mediaDao = DaoFactory.getMediaDao();

  50. String message = "";

  51.  
  52. String uri = request.getRequestURI();

  53. String path = uri.substring(uri.lastIndexOf("/"), uri.lastIndexOf("."));

  54.  
  55. if("/uploadFile".equals(path)){

  56. //提供解析时的一些缺省配置

  57. DiskFileItemFactory factory = new DiskFileItemFactory();

  58.  
  59. //创建一个解析器,分析InputStream,该解析器会将分析的结果封装成一个FileItem对象的集合

  60. //一个FileItem对象对应一个表单域

  61. ServletFileUpload sfu = new ServletFileUpload(factory);

  62.  
  63. try {

  64. Media media = new Media();

  65. List<FileItem> items = sfu.parseRequest(request);

  66. boolean flag = false; //转码成功与否的标记

  67. for(int i=0; i<items.size(); i++){

  68. FileItem item = items.get(i);

  69. //要区分是上传文件还是普通的表单域

  70. if(item.isFormField()){//isFormField()为true,表示这不是文件上传表单域

  71. //普通表单域

  72. String paramName = item.getFieldName();

  73. /*

  74. String paramValue = item.getString();

  75. System.out.println("参数名称为:" + paramName + ", 对应的参数值为: " + paramValue);

  76. */

  77. if(paramName.equals("title")){

  78. media.setTitle(new String(item.getString().getBytes("ISO8859-1"),"UTF-8"));

  79. }

  80. if(paramName.equals("descript")){

  81. media.setDescript(new String(item.getString().getBytes("ISO8859-1"),"UTF-8"));

  82. }

  83.  
  84. }else{

  85. //上传文件

  86. //System.out.println("上传文件" + item.getName());

  87. ServletContext sctx = this.getServletContext();

  88. //获得保存文件的路径

  89. String basePath = sctx.getRealPath("videos");

  90. //获得文件名

  91. String fileUrl= item.getName();

  92. //在某些操作系统上,item.getName()方法会返回文件的完整名称,即包括路径

  93. String fileType = fileUrl.substring(fileUrl.lastIndexOf(".")); //截取文件格式

  94. //自定义方式产生文件名

  95. String serialName = String.valueOf(System.currentTimeMillis());

  96. //待转码的文件

  97. File uploadFile = new File(basePath+"/temp/"+serialName + fileType);

  98. item.write(uploadFile);

  99.  
  100. if(item.getSize()>500*1024*1024){

  101. message = "<li>上传失败!您上传的文件太大,系统允许最大文件500M</li>";

  102. }

  103. String codcFilePath = basePath + "/" + serialName + ".flv"; //设置转换为flv格式后文件的保存路径

  104. String mediaPicPath = basePath + "/images" +File.separator+ serialName + ".jpg"; //设置上传视频截图的保存路径

  105.  
  106. // 获取配置的转换工具(ffmpeg.exe)的存放路径

  107. String ffmpegPath = getServletContext().getRealPath("/tools/ffmpeg.exe");

  108.  
  109. media.setSrc("videos/" + serialName + ".flv");

  110. media.setPicture("videos/images/" +serialName + ".jpg");

  111. media.setUptime(DateTimeUtil.getYMDHMSFormat());

  112.  
  113. //转码

  114.  
  115. flag = mediaDao.executeCodecs(ffmpegPath, uploadFile.getAbsolutePath(), codcFilePath, mediaPicPath);

  116. }

  117. }

  118. if(flag){

  119. //转码成功,向数据表中添加该视频信息

  120. mediaDao.saveMedia(media);

  121. message = "<li>上传成功!</li>";

  122. }

  123.  
  124. request.setAttribute("message", message);

  125. request.getRequestDispatcher("media_upload.jsp").forward(request,response);

  126.  
  127.  
  128. } catch (Exception e) {

  129. e.printStackTrace();

  130. throw new ServletException(e);

  131. }

  132. }

  133.  
  134. if("/queryAll".equals(path)){

  135. List<Media> mediaList;

  136. try {

  137. mediaList = mediaDao.queryALlMedia(0,5);

  138. request.setAttribute("mediaList", mediaList);

  139. request.getRequestDispatcher("media_list.jsp").forward(request, response);

  140. } catch (Exception e) {

  141. e.printStackTrace();

  142. }

  143. }

  144.  
  145. if("/play".equals(path)){

  146. String idstr = request.getParameter("id");

  147. int mediaId = -1;

  148. Media media = null;

  149. if(null!=idstr){

  150. mediaId = Integer.parseInt(idstr);

  151. }

  152. try {

  153. media = mediaDao.queryMediaById(mediaId);

  154. } catch (Exception e) {

  155. e.printStackTrace();

  156. }

  157. request.setAttribute("media", media);

  158. request.getRequestDispatcher("media_player.jsp").forward(request, response);

  159. }

  160. }

  161.  
  162. }

 

可以通过分页查找,显示最新top5,展示到首页.相应特效可以使用JS实现.

Java Web 中使用ffmpeg实现视频转码、视频截图

相关代码如下:

 
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

  2. <%@ page import="com.webapp.entity.*"%>

  3. <%@ page import="java.util.*"%>

  4. <%

  5. String path = request.getContextPath();

  6. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

  7. %>

  8. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  9. <html>

  10. <head>

  11. <title>视频列表</title>

  12. <link rel="stylesheet" type="text/css" href="skin/css/style.css" ></link>

  13.  
  14. <script type="text/javascript" src="skin/js/jquery1.3.2.js"></script>

  15. <script type="text/javascript">

  16. $(function() {

  17. var sWidth = $("#focus").width(); //获取焦点图的宽度(显示面积)

  18. var len = $("#focus ul li").length; //获取焦点图个数

  19. var index = 0;

  20. var picTimer;

  21.  
  22. //以下代码添加数字按钮和按钮后的半透明条,还有上一页、下一页两个按钮

  23. var btn = "<div class='btnBg'></div><div class='btn'>";

  24. for(var i=0; i < len; i++) {

  25. btn += "<span></span>";

  26. }

  27. btn += "</div><div class='preNext pre'></div><div class='preNext next'></div>";

  28. $("#focus").append(btn);

  29. $("#focus .btnBg").css("opacity",0.5);

  30.  
  31. //为小按钮添加鼠标滑入事件,以显示相应的内容

  32. $("#focus .btn span").css("opacity",0.4).mouseenter(function() {

  33. index = $("#focus .btn span").index(this);

  34. showPics(index);

  35. }).eq(0).trigger("mouseenter");

  36.  
  37. //上一页、下一页按钮透明度处理

  38. $("#focus .preNext").css("opacity",0.2).hover(function() {

  39. $(this).stop(true,false).animate({"opacity":"0.5"},300);

  40. },function() {

  41. $(this).stop(true,false).animate({"opacity":"0.2"},300);

  42. });

  43.  
  44. //上一页按钮

  45. $("#focus .pre").click(function() {

  46. index -= 1;

  47. if(index == -1) {index = len - 1;}

  48. showPics(index);

  49. });

  50.  
  51. //下一页按钮

  52. $("#focus .next").click(function() {

  53. index += 1;

  54. if(index == len) {index = 0;}

  55. showPics(index);

  56. });

  57.  
  58. //本例为左右滚动,即所有li元素都是在同一排向左浮动,所以这里需要计算出外围ul元素的宽度

  59. $("#focus ul").css("width",sWidth * (len));

  60.  
  61. //鼠标滑上焦点图时停止自动播放,滑出时开始自动播放

  62. $("#focus").hover(function() {

  63. clearInterval(picTimer);

  64. },function() {

  65. picTimer = setInterval(function() {

  66. showPics(index);

  67. index++;

  68. if(index == len) {index = 0;}

  69. },4000); //此4000代表自动播放的间隔,单位:毫秒

  70. }).trigger("mouseleave");

  71.  
  72. //显示图片函数,根据接收的index值显示相应的内容

  73. function showPics(index) { //普通切换

  74. var nowLeft = -index*sWidth; //根据index值计算ul元素的left值

  75. $("#focus ul").stop(true,false).animate({"left":nowLeft},300); //通过animate()调整ul元素滚动到计算出的position

  76. //$("#focus .btn span").removeClass("on").eq(index).addClass("on"); //为当前的按钮切换到选中的效果

  77. $("#focus .btn span").stop(true,false).animate({"opacity":"0.4"},300).eq(index).stop(true,false).animate({"opacity":"1"},300); //为当前的按钮切换到选中的效果

  78. }

  79. });

  80.  
  81. </script>

  82. </head>

  83.  
  84. <body>

  85. <div class="wrapper">

  86. <h1>最新视频</h1>

  87.  
  88. <div id="focus">

  89. <ul>

  90. <%

  91. List<Media> mediaList = (List<Media>)request.getAttribute("mediaList");

  92. if(mediaList.size()>0&&mediaList!=null){

  93. for(int i=0; i<mediaList.size(); i++){

  94. Media media = mediaList.get(i);

  95. %>

  96. <li><a href="play.action?id=<%=media.getId() %>"><img src="<%=basePath%><%=media.getPicture() %>" alt="" /></a></li>

  97. <%

  98. }

  99. }else{

  100. %>

  101. <li><h3 style="color:white;margin-left: 352px;margin-top: 130px;">没有记录</h3></li>

  102. <%

  103. }

  104. %>

  105. </ul>

  106. </div>

  107.  
  108. </div>

  109. </body>

  110. </html>

首页展示的图片都是带ID的链接请求.图片为视频转码过程中拉取到的图片.点击图片即可发送播放视频请求,

视频播放页面效果如下图所示.

Java Web 中使用ffmpeg实现视频转码、视频截图

Java Web 中使用ffmpeg实现视频转码、视频截图

 

视频播放页面需要在页面中嵌入Flash播放器

代码如下:

 
  1. <!-- 嵌入Flash播放器 -->

  2. <td align="center" width="455">

  3. <object width="452" height="339" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">

  4. <param name="movie"

  5. value="<%=basePath%>tools/player.swf?fileName=<%=basePath%><%=media.getSrc()%>" />

  6. <embed

  7. src="<%=basePath%>tools/player.swf?fileName=<%=basePath%><%=media.getSrc()%>"

  8. width="98%" height="90%"></embed>

  9. </object>

  10. </td>

 

相关说明:

<object>元素,加载ActiveX控件,classid属性则指定了浏览器使用的ActiveX空间.因为使用Flash制作的播放器来播放视频文件,所以classid的值必须为”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000”

 

<param>元素,value属性指定被加载的视频文件.实例中用的是flash制作的视频播放器.在value属性值中向player.swf播放器传递了一个file参数.该参数指定了要播放的视频的路径.

<embed>元素,src属性也是用来加载影片,与<param>标记的value属性值具体相同的功能.