非原创,整合网上的各个步骤及自己的实施
一.上传视频
使用以下htm标签即可
<form name="uploadForm" method="post" enctype="multipart/form-data" action="xxx"
<td><input type='file' name='upload' id='upload'></td>
</form>
注意要修改struts.xml中文件最大上传值,不然可能导致浏览器报错
二.上传后保存至本地文件夹
注意,上传的文件对象为File对象,对象名为upload;上传的文件的文件名默认为uploadFileName,是String对象。因此要在动作类中声明:
private File upload ;
private String uploadFileName ;
public File getUpload() {
return upload;
}
public void setUpload(File upload) {
this.upload = upload;
}
public String getUploadFileName() {
return uploadFileName;
}
public void setUploadFileName(String uploadFileName) {
this.uploadFileName = uploadFileName;
}
用以在动作方法中接收上传上来的这两个对象。
再使用FileUtils类的copyFile方法就可以将上传来的upload文件拷贝到指定的路径下:
//file是文件夹路径,uploadFileName是文件名,格式为xxx.jpg/xxx.png等
FileUtils.copyFile(upload, new File(file,uploadFileName));
注意,如果将上传的文件保存在项目内的文件夹,tomcat重启后该文件夹是会被清空的。
三.制作视频的缩略图并在网页中显示
制作缩略图:使用ffmpeg这款软件,自定义一个转换函数,参数分别为ffmpeg启动程序的路径,要截屏的视频文件的路径,以及截取后的图片的存放路径,都要求是完整路径。具体参数如下:
package ffmpegtest;
import java.util.ArrayList;
import java.util.List;
public class test {
public static void handler(String ffmpegPath,String upFilePath,String mediaPicPath) {
List<String> cutpic = new ArrayList<>();
cutpic.add(ffmpegPath);// 视频提取工具的位置
cutpic.add("-i"); // 添加参数"-i",该参数指定要转换的文件
cutpic.add(upFilePath); // 视频文件路径
cutpic.add("-y");
cutpic.add("-f");
cutpic.add("image2");
cutpic.add("-ss"); // 添加参数"-ss",该参数指定截取的起始时间
cutpic.add("1"); // 添加起始时间为第1秒
cutpic.add("-t"); // 添加参数"-t",该参数指定持续时间
cutpic.add("0.001"); // 添加持续时间为1毫秒
cutpic.add("-s"); // 添加参数"-s",该参数指定截取的图片大小
cutpic.add("800*600"); // 添加截取的图片大小为800*600
cutpic.add(mediaPicPath); // 添加截取的图片的保存路径
boolean mark = true;
//该类启动应用程序
ProcessBuilder builder = new ProcessBuilder();
try {
builder.command(cutpic);
builder.redirectErrorStream(true);
// 如果此属性为 true,则任何由通过此对象的 start() 方法启动的后续子进程生成的错误输出都将与标准输出合并,
//因此两者均可使用 Process.getInputStream() 方法读取。这使得关联错误消息和相应的输出变得更容易
builder.start();
} catch (Exception e) {
mark = false;
System.out.println(e);
e.printStackTrace();
}
}
public static void main(String[] args) {
handler("/usr/local/Cellar/ffmpeg/4.1_1/bin/ffmpeg","/usr/local/Cellar/tomcat@7/7.0.92/libexec/wtpwebapps/mov/1.mp4","/file/test.jpg");
System.out.println("yes!");
}
}
四.在网页中在线播放视频
1.获取本地视屏资源
上述步骤中将视频保存到了本地,建议数据库中有字段存放视频的名称,方便在网页中播放本地的视频。
一般而言,出于安全性考虑,浏览器不会允许从地址栏直接读取本地的资源。因此,可以利用tomcat的server.xml配置本地映射:
<Context docBase="/usr/local/Cellar/tomcat@7/7.0.92/libexec/wtpwebapps/mov" path="/mov"/>
docBase是视频的本地文件夹路径,path是地址栏的访问路径,即通过/mov/xxx.mp4就可以访问到本地的视频。因此建议数据库中存放视频文件名,这样就很方便的通过/mov/文件名来访问到资源
2.在线播放
这里使用一个js插件就可以很好的完成在线播放
插件地址:http://www.jq22.com/jquery-info404
网页中引入该js文件,然后使用
<video id="my-video" class="video-js" controls preload="auto" width="960" height="400"
poster="/movpre/缩略图名称" data-setup="{}">
<source src="/mov/视频名称" type="video/mp4">
</video>
即可在线播放视频