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

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

实例所需要的数据库脚本

drop database if exists db_mediaplayer;create database db_mediaplayer;use db_mediaplayer;create table tb_media(    id int not null primary key auto_increment comment ‘主键‘ ,     title varchar(50) not null comment ‘视频名称‘ ,    src varchar(200) not null comment ‘视频存放地址‘ ,    picture varchar(200) not null comment ‘视频截图‘ ,    descript varchar(400) comment ‘视频描述‘ ,    uptime varchar(40) comment ‘上传时间‘);desc tb_media;

项目结构图:

技术分享

上传视频界面设计

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

技术分享

enctype属性值说明

application/x-www-form-urlencoded

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

multipart/form-data

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

text/plain

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

 

业务接口定义

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

 

package com.webapp.dao;import java.util.List;import com.webapp.entity.Media;/** * *  MediaDao.java     * *  @version : 1.1 *   *  @author  : 苏若年    <a href="mailto:DennisIT@163.com">发送邮件</a> *     *  @since     : 1.0        创建时间:    2013-2-07        上午10:19:54 *      *  TODO     :    interface MediaDao.java is used for ... * */public interface MediaDao {        /**     * 视频转码     * @param ffmpegPath    转码工具的存放路径     * @param upFilePath    用于指定要转换格式的文件,要截图的视频源文件     * @param codcFilePath    格式转换后的的文件保存路径     * @param mediaPicPath    截图保存路径     * @return     * @throws Exception     */    public boolean executeCodecs(String ffmpegPath,String upFilePath, String codcFilePath, String mediaPicPath)throws Exception;        /**     * 保存文件     * @param media     * @return     * @throws Exception     */    public boolean saveMedia(Media media)throws Exception;    /**     * 查询本地库中所有记录的数目     * @return     * @throws Exception     */    public int getAllMediaCount()throws Exception;        /**     * 带分页的查询     * @param firstResult     * @param maxResult     * @return     */    public List<Media> queryALlMedia(int firstResult, int maxResult)throws Exception;        /**     * 根据Id查询视频     * @param id     * @return     * @throws Exception     */    public Media queryMediaById(int id)throws Exception;}

 

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

 

    /**     * 视频转码     * @param ffmpegPath    转码工具的存放路径     * @param upFilePath    用于指定要转换格式的文件,要截图的视频源文件     * @param codcFilePath    格式转换后的的文件保存路径     * @param mediaPicPath    截图保存路径     * @return     * @throws Exception     */    public boolean executeCodecs(String ffmpegPath, String upFilePath, String codcFilePath,            String mediaPicPath) throws Exception {        // 创建一个List集合来保存转换视频文件为flv格式的命令        List<String> convert = new ArrayList<String>();        convert.add(ffmpegPath); // 添加转换工具路径        convert.add("-i"); // 添加参数"-i",该参数指定要转换的文件        convert.add(upFilePath); // 添加要转换格式的视频文件的路径        convert.add("-qscale");     //指定转换的质量        convert.add("6");        convert.add("-ab");        //设置音频码率        convert.add("64");        convert.add("-ac");        //设置声道数        convert.add("2");        convert.add("-ar");        //设置声音的采样频率        convert.add("22050");        convert.add("-r");        //设置帧频        convert.add("24");        convert.add("-y"); // 添加参数"-y",该参数指定将覆盖已存在的文件        convert.add(codcFilePath);        // 创建一个List集合来保存从视频中截取图片的命令        List<String> cutpic = new ArrayList<String>();        cutpic.add(ffmpegPath);        cutpic.add("-i");        cutpic.add(upFilePath); // 同上(指定的文件即可以是转换为flv格式之前的文件,也可以是转换的flv文件)        cutpic.add("-y");        cutpic.add("-f");        cutpic.add("image2");        cutpic.add("-ss"); // 添加参数"-ss",该参数指定截取的起始时间        cutpic.add("17"); // 添加起始时间为第17秒        cutpic.add("-t"); // 添加参数"-t",该参数指定持续时间        cutpic.add("0.001"); // 添加持续时间为1毫秒        cutpic.add("-s"); // 添加参数"-s",该参数指定截取的图片大小        cutpic.add("800*280"); // 添加截取的图片大小为350*240        cutpic.add(mediaPicPath); // 添加截取的图片的保存路径        boolean mark = true;        ProcessBuilder builder = new ProcessBuilder();        try {            builder.command(convert);            builder.redirectErrorStream(true);            builder.start();                        builder.command(cutpic);            builder.redirectErrorStream(true);            // 如果此属性为 true,则任何由通过此对象的 start() 方法启动的后续子进程生成的错误输出都将与标准输出合并,            //因此两者均可使用 Process.getInputStream() 方法读取。这使得关联错误消息和相应的输出变得更容易            builder.start();        } catch (Exception e) {            mark = false;            System.out.println(e);            e.printStackTrace();        }        return mark;    }

 

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

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

 

package com.webapp.dao;import com.webapp.dao.impl.MediaDaoImpl;/** * *  DaoFactory.java     * *  @version : 1.1 *   *  @author  : 苏若年    <a href="mailto:DennisIT@163.com">发送邮件</a> *     *  @since     : 1.0        创建时间:    2013-2-07        下午02:18:51 *      *  TODO     :    class DaoFactory.java is used for ... * */public class DaoFactory { //工厂模式,生产Dao对象,面向接口编程,返回实现业务接口定义的对象        private static DaoFactory daoFactory = new DaoFactory();        //单例设计模式, 私有构造,对外提供获取创建的对象的唯一接口,    private DaoFactory(){            }        public static DaoFactory getInstance(){        return daoFactory;    }        public static MediaDao getMediaDao(){        return new MediaDaoImpl();    }}

 

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

 

package com.webapp.service;import java.io.File;import java.io.IOException;import java.io.PrintWriter;import java.util.List;import javax.servlet.ServletContext;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import org.apache.commons.fileupload.FileItem;import org.apache.commons.fileupload.disk.DiskFileItemFactory;import org.apache.commons.fileupload.servlet.ServletFileUpload;import com.webapp.dao.DaoFactory;import com.webapp.dao.MediaDao;import com.webapp.entity.Media;import com.webapp.util.DateTimeUtil;/** * *  MediaService.java     * *  @version : 1.1 *   *  @author  : 苏若年    <a href="mailto:DennisIT@163.com">发送邮件</a> *     *  @since     : 1.0        创建时间:    2013-2-08        下午02:24:47 *      *  TODO     :    class MediaService.java is used for ... * */public class MediaService extends HttpServlet {        public void doGet(HttpServletRequest request, HttpServletResponse response)            throws ServletException, IOException {        doPost(request, response);    }    public void doPost(HttpServletRequest request, HttpServletResponse response)            throws ServletException, IOException {        PrintWriter out = response.getWriter();        MediaDao mediaDao = DaoFactory.getMediaDao();        String message = "";                String uri = request.getRequestURI();        String path = uri.substring(uri.lastIndexOf("/"), uri.lastIndexOf("."));                if("/uploadFile".equals(path)){            //提供解析时的一些缺省配置            DiskFileItemFactory factory = new DiskFileItemFactory();                        //创建一个解析器,分析InputStream,该解析器会将分析的结果封装成一个FileItem对象的集合            //一个FileItem对象对应一个表单域            ServletFileUpload sfu = new ServletFileUpload(factory);                    try {                Media media = new Media();                List<FileItem> items = sfu.parseRequest(request);                boolean flag = false;    //转码成功与否的标记                for(int i=0; i<items.size(); i++){                    FileItem item = items.get(i);                    //要区分是上传文件还是普通的表单域                    if(item.isFormField()){//isFormField()为true,表示这不是文件上传表单域                        //普通表单域                        String paramName = item.getFieldName();                        /*                            String paramValue = http://www.mamicode.com/item.getString();"参数名称为:" + paramName + ", 对应的参数值为: " + paramValue);                        */                        if(paramName.equals("title")){                            media.setTitle(new String(item.getString().getBytes("ISO8859-1"),"UTF-8"));                        }                        if(paramName.equals("descript")){                            media.setDescript(new String(item.getString().getBytes("ISO8859-1"),"UTF-8"));                        }                                            }else{                        //上传文件                        //System.out.println("上传文件" + item.getName());                        ServletContext sctx = this.getServletContext();                        //获得保存文件的路径                        String basePath = sctx.getRealPath("videos");                        //获得文件名                        String fileUrl= item.getName();                        //在某些操作系统上,item.getName()方法会返回文件的完整名称,即包括路径                        String fileType = fileUrl.substring(fileUrl.lastIndexOf(".")); //截取文件格式                        //自定义方式产生文件名                        String serialName = String.valueOf(System.currentTimeMillis());                        //待转码的文件                        File uploadFile = new File(basePath+"/temp/"+serialName + fileType);                        item.write(uploadFile);                                                if(item.getSize()>500*1024*1024){                            message = "<li>上传失败!您上传的文件太大,系统允许最大文件500M</li>";                        }                        String codcFilePath = basePath + "/" + serialName + ".flv";                //设置转换为flv格式后文件的保存路径                        String mediaPicPath = basePath + "/images" +File.separator+ serialName + ".jpg";    //设置上传视频截图的保存路径                                                // 获取配置的转换工具(ffmpeg.exe)的存放路径                        String ffmpegPath = getServletContext().getRealPath("/tools/ffmpeg.exe");                                                media.setSrc("videos/" + serialName + ".flv");                        media.setPicture("videos/images/" +serialName + ".jpg");                        media.setUptime(DateTimeUtil.getYMDHMSFormat());                                                //转码                                                flag = mediaDao.executeCodecs(ffmpegPath, uploadFile.getAbsolutePath(), codcFilePath, mediaPicPath);                    }                }                if(flag){                    //转码成功,向数据表中添加该视频信息                    mediaDao.saveMedia(media);                    message = "<li>上传成功!</li>";                }                                request.setAttribute("message", message);                request.getRequestDispatcher("media_upload.jsp").forward(request,response);                                        } catch (Exception e) {                e.printStackTrace();                throw new ServletException(e);            }        }                if("/queryAll".equals(path)){            List<Media> mediaList;            try {                mediaList = mediaDao.queryALlMedia(0,5);                request.setAttribute("mediaList", mediaList);                request.getRequestDispatcher("media_list.jsp").forward(request, response);            } catch (Exception e) {                e.printStackTrace();            }        }                if("/play".equals(path)){            String idstr = request.getParameter("id");            int mediaId = -1;            Media media = null;            if(null!=idstr){                mediaId = Integer.parseInt(idstr);            }            try {                media = mediaDao.queryMediaById(mediaId);            } catch (Exception e) {                e.printStackTrace();            }            request.setAttribute("media", media);            request.getRequestDispatcher("media_player.jsp").forward(request, response);        }    }    }

 

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

技术分享

 

 

 

 

相关代码如下:

 

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ page import="com.webapp.entity.*"%><%@ page import="java.util.*"%><%    String path = request.getContextPath();    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title>视频列表</title><link rel="stylesheet" type="text/css" href="http://www.mamicode.com/skin/css/style.css" ></link><script type="text/javascript" src="http://www.mamicode.com/skin/js/jquery1.3.2.js"></script><script type="text/javascript">$(function() {    var sWidth = $("#focus").width(); //获取焦点图的宽度(显示面积)    var len = $("#focus ul li").length; //获取焦点图个数    var index = 0;    var picTimer;        //以下代码添加数字按钮和按钮后的半透明条,还有上一页、下一页两个按钮    var btn = "<div class=‘btnBg‘></div><div class=‘btn‘>";    for(var i=0; i < len; i++) {        btn += "<span></span>";    }    btn += "</div><div class=‘preNext pre‘></div><div class=‘preNext next‘></div>";    $("#focus").append(btn);    $("#focus .btnBg").css("opacity",0.5);    //为小按钮添加鼠标滑入事件,以显示相应的内容    $("#focus .btn span").css("opacity",0.4).mouseenter(function() {        index = $("#focus .btn span").index(this);        showPics(index);    }).eq(0).trigger("mouseenter");    //上一页、下一页按钮透明度处理    $("#focus .preNext").css("opacity",0.2).hover(function() {        $(this).stop(true,false).animate({"opacity":"0.5"},300);    },function() {        $(this).stop(true,false).animate({"opacity":"0.2"},300);    });    //上一页按钮    $("#focus .pre").click(function() {        index -= 1;        if(index == -1) {index = len - 1;}        showPics(index);    });    //下一页按钮    $("#focus .next").click(function() {        index += 1;        if(index == len) {index = 0;}        showPics(index);    });    //本例为左右滚动,即所有li元素都是在同一排向左浮动,所以这里需要计算出外围ul元素的宽度    $("#focus ul").css("width",sWidth * (len));        //鼠标滑上焦点图时停止自动播放,滑出时开始自动播放    $("#focus").hover(function() {        clearInterval(picTimer);    },function() {        picTimer = setInterval(function() {            showPics(index);            index++;            if(index == len) {index = 0;}        },4000); //此4000代表自动播放的间隔,单位:毫秒    }).trigger("mouseleave");        //显示图片函数,根据接收的index值显示相应的内容    function showPics(index) { //普通切换        var nowLeft = -index*sWidth; //根据index值计算ul元素的left值        $("#focus ul").stop(true,false).animate({"left":nowLeft},300); //通过animate()调整ul元素滚动到计算出的position        //$("#focus .btn span").removeClass("on").eq(index).addClass("on"); //为当前的按钮切换到选中的效果        $("#focus .btn span").stop(true,false).animate({"opacity":"0.4"},300).eq(index).stop(true,false).animate({"opacity":"1"},300); //为当前的按钮切换到选中的效果    }});</script></head><body><div class="wrapper">    <h1>最新视频</h1>        <div id="focus">            <ul>                    <%                        List<Media> mediaList = (List<Media>)request.getAttribute("mediaList");                        if(mediaList.size()>0&&mediaList!=null){                            for(int i=0; i<mediaList.size(); i++){                                Media media = mediaList.get(i);                    %>                            <li><a href="http://www.mamicode.com/play.action?id="><img src="http://www.mamicode.com/"  /></a></li>                                <%                             }                        }else{                    %>                        <li><h3 style="color:white;margin-left: 352px;margin-top: 130px;">没有记录</h3></li>                    <%                         }                     %>            </ul>        </div>                </div></body></html>

 

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

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

技术分享

技术分享

 

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

代码如下:

<!-- 嵌入Flash播放器 --><td align="center" width="455">    <object width="452" height="339" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">    <param name="movie"        value="http://www.mamicode.com/tools/player.swf?fileName=" />    <embed        src="http://www.mamicode.com/tools/player.swf?fileName="        width="98%" height="90%"></embed>     </object></td>

相关说明:

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

 

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

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

 

转载请注明出处:[http://www.cnblogs.com/dennisit/archive/2013/02/16/2913287.html]

http://www.cnblogs.com/dennisit/archive/2013/02/16/2913287.html

 

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