Java Web 中使用ffmpeg實現視頻轉碼、視頻截圖
轉載自:[http://www.cnblogs.com/dennisit/archive/2013/02/16/2913287.html]javascript
視頻網站中提供的在線視頻播放功能,播放的都是FLV格式的文件,它是Flash動畫文件,可經過Flash製做的播放器來播放該文件.項目中用製做的player.swf播放器.css
多媒體視頻處理工具FFmpeg有很是強大的功能包括視頻採集功能、視頻格式轉換、視頻抓圖、給視頻加水印等。html
ffmpeg視頻採集功能很是強大，不只能夠採集視頻採集卡或USB攝像頭的圖像，還能夠進行屏幕錄製，同時還支持以RTP方式將視頻流傳送給支持RTSP的流媒體服務器，支持直播應用。java
1.能支持的格式jquery
ffmpeg能解析的格式：（asx，asf，mpg，wmv，3gp，mp4，mov，avi，flv等）web
2.不能支持的格式數據庫
對ffmpeg沒法解析的文件格式(wmv9，rm，rmvb等),能夠先用別的工具（mencoder）轉換爲avi(ffmpeg能解析的)格式.apache
實例是將上傳視頻轉碼爲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 = item.getString();
System.out.println("參數名稱爲:" + 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="skin/css/style.css" ></link>
<script type="text/javascript" src="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="play.action?id=<%=media.getId() %>"><img src="<%=basePath%><%=media.getPicture() %>" alt="" /></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="<%=basePath%>tools/player.swf?fileName=<%=basePath%><%=media.getSrc()%>" />
<embed
src="<%=basePath%>tools/player.swf?fileName=<%=basePath%><%=media.getSrc()%>"
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屬性值具體相同的功能.
相關文章
- 1. Java Web 中使用ffmpeg實現視頻轉碼、視頻截圖
- 2. Java+Windows+ffmpeg實現視頻轉換 Java+Windows+ffmpeg實現視頻轉換
- 3. ffmpeg 多張圖片轉視頻,視頻轉gif,截取視頻,截取視頻裏的幀
- 4. windows10使用ffmpeg截取視頻圖片
- 5. java使用ffmpeg實現上傳視頻的轉碼，提取視頻的截圖等功能
- 6. asp+ffmpeg視頻截圖
- 7. ffmpeg實現視頻與圖片的轉換（視頻截圖，視頻轉圖片，圖片轉視頻，視頻生成gif）
- 8. 使用FFmpeg庫實現視頻編碼
- 9. ffmpeg轉換視頻並截圖，flvplay.swf播放視頻
- 10. ASP.NET視頻截圖實現
- 更多相關文章...
- • Eclipse 視圖 - Eclipse 教程
- • ASP.NET MVC - 視圖 - ASP.NET 教程
- • Git可視化極簡易教程 — Git GUI使用方法
- • ☆基於Java Instrument的Agent實現
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. 字節跳動21屆秋招運營兩輪面試經驗分享
- 2. Java 3 年，25K 多嗎？
- 3. mysql安裝部署
- 4. web前端開發中父鏈和子鏈方式實現通信
- 5. 3.1.6 spark體系之分佈式計算-scala編程-scala中trait特性
- 6. dataframe2
- 7. ThinkFree在線
- 8. 在線畫圖
- 9. devtools熱部署
- 10. 編譯和鏈接
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. Java Web 中使用ffmpeg實現視頻轉碼、視頻截圖
- 2. Java+Windows+ffmpeg實現視頻轉換 Java+Windows+ffmpeg實現視頻轉換
- 3. ffmpeg 多張圖片轉視頻,視頻轉gif,截取視頻,截取視頻裏的幀
- 4. windows10使用ffmpeg截取視頻圖片
- 5. java使用ffmpeg實現上傳視頻的轉碼，提取視頻的截圖等功能
- 6. asp+ffmpeg視頻截圖
- 7. ffmpeg實現視頻與圖片的轉換（視頻截圖，視頻轉圖片，圖片轉視頻，視頻生成gif）
- 8. 使用FFmpeg庫實現視頻編碼
- 9. ffmpeg轉換視頻並截圖，flvplay.swf播放視頻
- 10. ASP.NET視頻截圖實現