Java实现视频网站的视频上传、视频转码、视频关键帧抽图, 及视频播放功能

视频网站中提供的在线视频播放功能,播放的都是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

实例所需要的数据库脚本

[sql]  view plain copy

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;  

项目结构图:

上传视频界面设计

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

enctype属性值说明

application/x-www-form-urlencoded

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

multipart/form-data

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

text/plain

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

 

业务接口定义

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

[java]  view plain copy

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:DennisIT@163.com">发送邮件</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视频转码与截图模块

[java]  view plain copy

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太多,会不必要的浪费资源.所以工厂,采用单例模式,私有构造,提供对外可访问的方法即可.

[java]  view plain copy

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:DennisIT@163.com">发送邮件</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控制器相关代码如下

[java]  view plain copy

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:DennisIT@163.com">发送邮件</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实现.

相关代码如下:

[html]  view plain copy

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的链接请求.图片为视频转码过程中拉取到的图片.点击图片即可发送播放视频请求,

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

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

代码如下:

[html]  view plain copy

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属性值具体相同的功能.